.contacto-page{background-color:var(--azul-oscuro);min-height:100vh;padding-top:120px;position:relative;overflow:hidden}.contacto-content{z-index:2;align-items:flex-start;gap:60px;max-width:1200px;margin:0 auto;padding:80px 20px 120px;display:flex;position:relative}.contacto-hero-title{color:var(--blanco);margin-bottom:24px;font-size:clamp(32px,5vw,48px);font-weight:900;line-height:1.2}.contacto-hero-subtitle{color:#fffc;font-size:clamp(16px,2vw,18px);line-height:1.6}.contacto-info{flex-direction:column;flex:1;gap:24px;display:flex}.info-card{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:0;align-items:flex-start;gap:20px;padding:32px;transition:transform .3s,background .3s;display:flex}.info-card:hover{background:#ffffff1a;transform:translateY(-5px)}.info-icon{background:var(--amarillo);color:var(--azul-oscuro);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.info-text h3{color:var(--blanco);margin-bottom:8px;font-size:20px}.info-text p,.info-text a{color:#ffffffb3;font-size:16px;line-height:1.5;text-decoration:none}.info-text a:hover{color:var(--amarillo)}.contacto-form-container{background:var(--blanco);border-radius:0;flex:1.2;padding:48px;box-shadow:0 20px 40px #0003}.contacto-form-container h2{color:var(--azul-oscuro);margin-bottom:32px;font-size:28px;font-weight:800}.form-group{margin-bottom:24px}.form-group label{color:var(--gris-texto);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input{border:1px solid var(--borde);background-color:var(--gris-claro);width:100%;color:var(--azul-oscuro);border-radius:0;padding:16px;font-family:inherit;font-size:16px;transition:all .3s}.form-input:focus{border-color:var(--azul);background-color:var(--blanco);outline:none;box-shadow:0 0 0 4px #0b3a821a}textarea.form-input{resize:vertical;min-height:120px}.contacto-header-mobile{display:none}@media (max-width:992px){.contacto-content{flex-direction:column}.contacto-header-desktop{display:none}.contacto-header-mobile{order:1;display:block}.contacto-form-container{order:2}.contacto-info{order:3}}@media (max-width:576px){.contacto-form-container{padding:32px 24px}}