@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;600;700&display=swap');

/* basics */
body {font-family: 'Roboto', sans-serif !important; color: #111111; font-optical-sizing: auto;font-size-adjust:0.5; }
a {display:inline-block;}

.absoluta-vertical {-webkit-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);}
.absoluta-horizontal {-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);transform:translate(-50%,0%);}
.absoluta-total {-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.text-primary {color: #205ca8 !important }
.text-secondary {color: #ff5c10 !important }
/* buttons */
.btn-primary {background-color:#205ca8; border-color:#205ca8}
.btn-secondary {background-color:#ff5c10 ; border-color:#ff5c10 }

.btn-primary:hover {background-color:#444;  }
.btn-secondary {background-color:#transparent; border-color:#000; color:#000}

.border-primary {border-color:#205ca8 !important}
select {cursor:pointer; }

/* tamaņo textos */
.fs-icono {  font-size: 1.75rem; }
.dropdown a .bi.fs-icono{
  font-size: 28px !important;
  line-height: 1;
  display: inline-block;
}


/* background */
.bg-primary {background-color:#205ca8 !important;}


p.p-pc-movil {font-size:1.3rem;}


.info-card{  box-shadow: 0px 0 10px rgba(1, 41, 112, 0.1);}


img.logo {width:130px}
.w-70 {width:70%}

.container-mid {width:600px; }
.min-custom-height {
  min-height: calc(100dvh - 72.3px);
}

.col-5ths {
  flex: 0 0 20%;
  max-width: 20%;
}

.hover-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-card:hover {
  transform: scale(1.05);
  box-shadow: 0 0.75rem 1.5rem rgba(0,0,0,0.15);
}

h1.supertitulo {font-size:72px;}


.custom-select {
  /* Estilo base */
  appearance: none; /* Oculta la flecha nativa */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #205ca8; /* bg-primary */
  color: white;
  border: 1px solid white;
  padding: 0.5rem 2.5rem 0.5rem 0.75rem; /* espacio a la derecha para la flecha */
  border-radius: 0.375rem;
  background-image: url('data:image/svg+xml;utf8,<svg fill="white" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
}

@media (max-width: 1200px) {
h1.supertitulo {font-size:36px;}
}

@media (max-width: 990px) {

.container-mid {width:100%; }
p.p-pc-movil {font-size:1rem;}
}

@media (max-width: 768px) {

.col-5ths {
  flex: 0 0 100%;
  max-width:100%;
  }


}

@media (max-width: 576px) {
  .fs-icono { font-size: 32px !important;   }
  .dropdown a .bi.fs-icono{ font-size: 32px !important; }


}