* {box-sizing: border-box;}
.custom-tooltip {--bs-tooltip-bg: var(--bs-blue); --bs-tooltip-color: var(--bs-white); }
.fondo {background-image: url(../img/fondo.jpg); background-attachment: fixed; background-size: cover; }
.fondoNosotros{background-image: url(../img/fondocalc2.jpg); background-repeat: no-repeat; background-size: cover;}
.fondoServicios {background-image: url(../img/cpuylentes.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
.fondoContacto{background-image: url(../img/gente1.jpg); background-repeat: no-repeat; background-size: cover;}
.a1 {text-decoration: none; color: #000;}    /* color: #FFFFFF;*/
.a1:hover {color: #00008B; font-size: 1.2em; filter: drop-shadow(3px 3px 4px Blue);}
.navbar {background-color: #bbdefb; filter: drop-shadow(3px 3px 4px #6495ED); }
legend {text-align: center; margin: 0; padding: 0; filter: drop-shadow(1px 1px 2px LightBlue); }
.btn.active {filter: drop-shadow(3px 3px 4px Blue); margin-left: 10px; margin-right: 10px;}
.btn.active:hover {color: #00008B; font-size: 1.1em; filter: drop-shadow(3px 3px 4px #00008B);}
.sombra {filter: drop-shadow(3px 3px 4px #6495ED);}
.entrada {width: 180px; border: none; border-radius: 3px;}
.entrada:focus {outline: none; border-inline: 10px solid #00008B;}
.entrada:valid {outline: none; border-inline: 10px solid #00CC00;}
.bott:hover {transform: scale(1.08); box-shadow: rgba(133, 189, 215, 0.8784313725) 0px 23px 10px -20px; }






/* .contenedor {background: #FFEFD5; vertical-align: middle; }*/




.pie {max-width: 100%; text-align: center; font-weight: bold; background-color: #bbdefb; padding: 10px;}