.credencial-1,body{justify-content:center}.nombre-seguro,h2,h3{text-transform:uppercase}.logo,.mensaje{padding:10px;border-radius:15px}#boton-cerrar,.menu a,.my-atropos{transition:transform .2s linear}#boton-cerrar:hover,.menu a:hover,.my-atropos:hover{transform:scale(1.2)}.boton-general:active,.boton-general:hover{background-color:var(--secondary-button-color)}.msj-success,h2{text-align:center}:root{--primary-text-color:#162343;--primary--button-color:rgb(3, 98, 165);--secondary-text-color:rgb(3, 98, 165);--secondary-button-color:rgb(3, 118, 201);--tertiary-text-color:rgb(87, 86, 86);--primary-bg-color:rgb(227, 227, 227)}html{scroll-behavior:smooth}body{display:flex;margin:0;font-family:sans-serif;color:var(--tertiary-text-color);font-size:1.3rem}.menu,.nombre-seguro,h2,h3{font-weight:700;font-family:"Roboto Condensed",sans-serif}.menu a,.nombre-seguro,h2,h3{color:var(--primary-text-color)}a{text-decoration:none}h2{font-size:clamp(2rem, 5vw, 3rem);padding:0 20px}h3{font-size:clamp(1rem, 5vw, 1.5rem)}.contenedor{display:grid;grid-template-columns:repeat(6,1fr);justify-items:center;max-width:1600px;grid-template-areas:"header             header            header            header            header            header" "titulo-servicios   titulo-servicios  titulo-servicios  titulo-servicios  titulo-servicios  titulo-servicios" "servicio-1         servicio-1        servicio-2        servicio-2        servicio-3        servicio-3" "servicio-4         servicio-4        servicio-5        servicio-5        servicio-6        servicio-6" "titulo-credencial  titulo-credencial titulo-credencial titulo-credencial titulo-credencial titulo-credencial" "credencial-1       credencial-1      credencial-1      credencial-1      credencial-1      credencial-1" "titulo-empresa     titulo-empresa    titulo-empresa    titulo-empresa    titulo-empresa    titulo-empresa" "empresas           empresas          empresas          empresas          empresas          empresas" "titulo-formulario  titulo-formulario titulo-formulario titulo-formulario titulo-formulario titulo-formulario" "formulario         formulario        formulario        formulario        formulario        formulario" "footer             footer            footer            footer            footer            footer"}.header-left,.header-right,.menu,.servicios,header{display:flex}.contenedor>*{width:100%}header{position:relative;flex-direction:column;border-radius:15px 15px 0 0;grid-area:header;background:linear-gradient(141deg,#a4def6 17%,#4fa3ff 100%)}.contenido-header{display:flex;flex-direction:row}.logo{position:absolute;top:10px;left:10px;width:clamp(64px,12vw,150px);height:auto;background-color:rgba(255,255,255,.5)}.menu{list-style:none;font-size:clamp(1rem, 1.5vw, 1.3rem);justify-content:space-between;align-self:flex-end;width:82%;max-width:745px;margin:10px 10px 0 0}.mensaje,.nombre-seguro{margin-top:19px;word-wrap:break-word}.menu a{padding:.5rem 1rem}.menu a:hover{color:#fff}.header-left{width:50%;flex-direction:column;justify-content:center;align-items:center}.header-right{align-items:flex-end;justify-content:center;width:50%}.foto-header{width:100%;height:auto;max-width:524px;animation-duration:1s;animation-name:foto}@keyframes foto{from{opacity:0;transform:translate(-5%)}to{opacity:1;transform:translate(0)}}.nombre-seguro{font-size:clamp(2rem, 5vw, 4rem);letter-spacing:normal;width:70%}.mensaje{color:#575656;font-family:sans-serif;font-weight:300;text-transform:none;font-size:clamp(1rem, 2vw, 1.7rem);width:50%;background-color:rgba(255,255,255,.2)}@media (width <= 600px){header{height:400px}.mensaje,.menu{display:none}.contenido-header{height:inherit}.header-left{position:absolute;top:250px;width:100%}.header-right{width:100%}.foto-header{height:90%;width:auto}.nombre,.nombre-seguro{background-color:rgba(255,255,255,.5);border-radius:15px;padding-left:10px}.contenedor{grid-template-areas:"header             header            header            header            header            header" "titulo-servicios   titulo-servicios  titulo-servicios  titulo-servicios  titulo-servicios  titulo-servicios" "servicio-1         servicio-1        servicio-1        servicio-1        servicio-1        servicio-1" "servicio-2         servicio-2        servicio-2        servicio-2        servicio-2        servicio-2" "servicio-3         servicio-3        servicio-3        servicio-3        servicio-3        servicio-3" "servicio-4         servicio-4        servicio-4        servicio-4        servicio-4        servicio-4" "servicio-5         servicio-5        servicio-5        servicio-5        servicio-5        servicio-5" "servicio-6         servicio-6        servicio-6        servicio-6        servicio-6        servicio-6" "titulo-credencial  titulo-credencial titulo-credencial titulo-credencial titulo-credencial titulo-credencial" "credencial-1       credencial-1      credencial-1      credencial-1      credencial-1      credencial-1" "titulo-empresa     titulo-empresa    titulo-empresa    titulo-empresa    titulo-empresa    titulo-empresa" "empresas           empresas          empresas          empresas          empresas          empresas" "titulo-formulario  titulo-formulario titulo-formulario titulo-formulario titulo-formulario titulo-formulario" "formulario         formulario        formulario        formulario        formulario        formulario" "footer             footer            footer            footer            footer            footer"}}.titulo-servicios{grid-area:titulo-servicios}.cls-2{fill:var(--primary-text-color)}.cls-4{fill:#e0e1e2}.caja-icono-servicio{width:30%;background-color:rgba(255,255,255,.5);border-radius:15px;margin:10px}.texto-servicio{width:70%}.texto-servicio p{line-height:clamp(1.3rem, 2vw, 1.7rem);font-size:clamp(1rem, 1.2vw, 1.2rem);padding-right:20px;padding-bottom:10px}.servicios{align-items:flex-start;background-color:var(--primary-bg-color);border-radius:20px;border:10px solid #fff}.credencial-1,.formulario{background-color:var(--primary-bg-color);border-radius:20px;display:flex}@media (600px <= width <= 1150px){.contenedor{grid-template-areas:"header             header            header            header            header            header" "titulo-servicios   titulo-servicios  titulo-servicios  titulo-servicios  titulo-servicios  titulo-servicios" "servicio-1         servicio-1        servicio-1        servicio-2        servicio-2        servicio-2" "servicio-3         servicio-3        servicio-3        servicio-4        servicio-4        servicio-4" "servicio-5         servicio-5        servicio-5        servicio-6        servicio-6        servicio-6" "titulo-credencial  titulo-credencial titulo-credencial titulo-credencial titulo-credencial titulo-credencial" "credencial-1       credencial-1      credencial-1      credencial-1      credencial-1      credencial-1" "titulo-empresa     titulo-empresa    titulo-empresa    titulo-empresa    titulo-empresa    titulo-empresa" "empresas           empresas          empresas          empresas          empresas          empresas" "titulo-formulario  titulo-formulario titulo-formulario titulo-formulario titulo-formulario titulo-formulario" "formulario         formulario        formulario        formulario        formulario        formulario" "footer             footer            footer            footer            footer            footer"}}.servicio-1{grid-area:servicio-1}.servicio-2{grid-area:servicio-2}.servicio-3{grid-area:servicio-3}.servicio-4{grid-area:servicio-4}.servicio-5{grid-area:servicio-5}.servicio-6{grid-area:servicio-6}.titulo-credencial{grid-area:titulo-credencial}.credencial-1{grid-area:credencial-1;padding:20px 0;border:10px solid #fff}.my-atropos{display:flex;font-weight:700;justify-content:center;align-items:center;width:100%;height:40vh;max-width:300px;max-height:300px;cursor:pointer;background-image:url(/assets/certificate-svgrepo-com.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.my-atropos span{background-color:rgba(255,255,255,.7);padding:10px 15px;border-radius:25px}#boton-cerrar{border-radius:50%;background-color:gray;color:#fff;font-size:1.5rem;margin-bottom:10px;padding:5px 10px}#boton-cerrar:hover{cursor:pointer}#modal-overlay{display:none;position:absolute;flex-direction:column;width:100%;height:100vh;background:rgba(0,0,0,.7);align-items:center;justify-content:center;z-index:1}#modal-overlay #modal{height:90%;background:#fff}.titulo-empresa{grid-area:titulo-empresa;line-height:1}.empresas{display:flex;grid-area:empresas;flex-wrap:wrap;gap:50px;justify-content:center;align-items:baseline;padding:60px 0}.caja-texto,.input-wrapper{margin-top:9px;margin-bottom:19px}.titulo-formulario{grid-area:titulo-formulario}.titulo-formulario p{text-align:center;font-size:clamp(1rem, 1.5vw, 1.2rem);padding:0 10px}.formulario{grid-area:formulario;justify-content:space-evenly;padding:50px 0;border:10px solid #fff}.formulario-contacto{max-width:475px;padding:20px 50px;background-color:rgba(255,255,255,.5);border-radius:20px;flex-wrap:wrap}.input-wrapper{position:relative;width:100%}.input{box-sizing:border-box;padding-left:35px;width:100%;height:32px;border-radius:10px;border:1px solid #d9d9d9}.caja-texto:focus-visible,.input:focus-visible{outline:0;box-shadow:0 0 0 3px var(--secondary-button-color)}.input-icon{position:absolute;top:50%;left:9px;color:#8e92be;width:17px;height:18px;transform:translateY(-50%)}.caja-texto{border-radius:5px;border:1px solid #d9d9d9;width:100%}.etiquetas-formulario{font-size:.875rem;font-weight:700;text-transform:uppercase}.msj-success,footer{font-size:1rem;color:#fff}.contenedor-boton-submit{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.boton-general{border-width:0;color:#fff;transition:transform .2s linear,background-color .2s linear;letter-spacing:.052rem;margin:35px 0;width:218px;height:28px;border-radius:50px;background-color:var(--primary--button-color)}.boton-general:hover{cursor:pointer;transform:scale(1.1)}.boton-general:active{animation:.3s boton-active}@keyframes boton-active{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.msj-success{transition:opacity .5s linear;opacity:0;padding:10px 15px;border-radius:15px;background-color:#daa520;border:2px solid #b8860b}.contenedor-mapa{display:flex;font-size:clamp(1rem, 1.5vw, 1.2rem);text-transform:uppercase;flex-direction:column;align-items:flex-start;width:30%;background-color:rgba(255,255,255,.5);padding:20px;border-radius:20px}.maps{margin-top:10px;border:0;border-radius:20px;width:100%;height:400px}@media (width <= 1150px){.formulario{align-items:center;flex-direction:column-reverse}.contenedor-mapa{margin-top:40px;width:80%;height:400px}}@media (width <= 600px){.my-atropos{max-width:250px;max-height:250px}#modal-overlay{height:40vh}.empresas{flex-direction:column;flex-wrap:nowrap;gap:20px;padding:0 100px;margin-bottom:20px;align-items:center}.formulario{padding:5px 0}.formulario-contacto{padding:20px}.contenedor-mapa{height:250px;width:98%}.maps{width:100%;height:200px}}footer{display:flex;align-items:center;flex-direction:column;padding:20px 0;grid-area:footer;background-color:var(--secondary-text-color);border-radius:20px;border:10px solid #fff}footer>*{padding:5px 0}footer span{display:flex;align-items:center}