/*::::::::::::::::::::::::::::::: HERO CONTACTO :::::::::::::::::::::::::::*/
.contacto-hero{position:relative;width:100%;min-height:0;aspect-ratio:16/9;background:url('../site.img/contacto_hero_wolftur.png') center center/cover no-repeat;display:flex;align-items:center;}
.contacto-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,34,.98) 0%,rgba(3,20,34,.94) 28%,rgba(3,20,34,.72) 42%,rgba(3,20,34,.24) 64%,rgba(3,20,34,.04) 100%);}
.contacto-hero-container{position:relative;z-index:2;width:100%;max-width:1200px;margin:auto;padding:200px 30px 48px;}
.contacto-hero-contenido{max-width:470px;position:relative;z-index:2;}
.contacto-hero-contenido::before{content:"Contanos qué\A necesitás resolver";white-space:pre;position:absolute;z-index:-1;left:-72px;top:25px;width:650px;font-size:58px;font-weight:700;line-height:1.08;color:#123044;opacity:.42;pointer-events:none;}
.contacto-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:2px;color:#62cef4;margin-bottom:14px;}
.contacto-hero h1{font-size:48px;line-height:1.08;margin-bottom:18px;color:#fff;}
.contacto-hero h1 .azul{color:#1eb8f2;}
.contacto-hero-texto{font-size:16px;line-height:1.6;color:#d5dce5;margin-bottom:22px;}

/*::::::::::::::::::::::::::::::: FORMULARIO HERO :::::::::::::::::::::::::::*/
.contacto-form-box{max-width:400px;padding:20px;background:rgba(7,34,55,.88);border:1px solid rgba(30,184,242,.35);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.18);backdrop-filter:blur(5px);}
.contacto-form-box h3{font-size:19px;font-weight:600;color:#fff;margin-bottom:15px;}
.contacto-campo{margin-bottom:10px;}
.contacto-campo input,.contacto-campo textarea{width:100%;box-sizing:border-box;padding:11px 13px;font-size:14px;font-family:inherit;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:7px;outline:none;transition:.2s;}
.contacto-campo input::placeholder,.contacto-campo textarea::placeholder{color:#b8c2cd;}
.contacto-campo input:focus,.contacto-campo textarea:focus{border-color:#1eb8f2;background:rgba(255,255,255,.11);}
.contacto-campo textarea{height:78px;resize:none;}
.contacto-enviar{width:100%;padding:12px 18px;border:0;border-radius:7px;background:#1eb8f2;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:.2s;}
.contacto-enviar:hover{transform:translateY(-1px);filter:brightness(1.08);}

/*::::::::::::::::::::::::::::::: CANALES :::::::::::::::::::::::::::*/
.contacto-canales{background:#101a2e;}
.contacto-canales-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.contacto-canal{display:flex;gap:18px;padding:28px 24px;background:#172338;border:1px solid #273951;border-radius:12px;}
.contacto-icono{font-size:28px;line-height:1;color:#1eb8f2;min-width:34px;}
.contacto-canal h3{font-size:18px;color:#fff;margin-bottom:8px;}
.contacto-canal p{font-size:14px;line-height:1.55;color:#aeb6c3;margin-bottom:12px;}
.contacto-link{color:#62cef4;font-weight:600;text-decoration:none;}
.contacto-link:hover{text-decoration:underline;}
.contacto-btn-whatsapp{display:inline-block;margin-top:5px;background:#16b85f;}

/*::::::::::::::::::::::::::::::: CIERRE :::::::::::::::::::::::::::*/
.contacto-cierre{padding:70px 20px;background:#0d1729;border-top:1px solid #26384e;text-align:center;}
.contacto-cierre-box{max-width:850px;margin:auto;}
.contacto-cierre h2{font-size:36px;line-height:1.25;margin-bottom:18px;color:#fff;}
.contacto-cierre h2 .azul{color:#1eb8f2;}
.contacto-cierre p{max-width:700px;margin:0 auto 25px;font-size:16px;line-height:1.7;color:#adb6c4;}

/*::::::::::::::::::::::::::::::: RESPONSIVE :::::::::::::::::::::::::::*/
@media(max-width:1000px){
.contacto-hero-container{padding:42px 30px;}
.contacto-hero h1{font-size:42px;}
.contacto-hero-contenido{max-width:450px;}
}

@media(max-width:900px){
.contacto-hero{aspect-ratio:auto;min-height:690px;background-position:64% center;}
.contacto-hero-overlay{background:rgba(3,20,34,.84);}
.contacto-hero-contenido{max-width:520px;}
.contacto-canales-grid{grid-template-columns:1fr;}
}

@media(max-width:600px){
.contacto-hero{min-height:720px;background-position:68% center;}
.contacto-hero-container{padding:45px 22px;}
.contacto-hero h1{font-size:34px;}
.contacto-hero-texto{font-size:15px;}
.contacto-form-box{padding:18px;}
.contacto-cierre{padding:55px 20px;}
.contacto-cierre h2{font-size:29px;}
}

/*::::::::::::::::::::::::::::::: WHATSAPP FLOTANTE :::::::::::::::::::::::::::*/
.whatsapp-float{position:fixed;right:24px;bottom:24px;width:58px!important;height:58px!important;display:flex!important;align-items:center;justify-content:center;z-index:9999;border-radius:50%;overflow:hidden;}
.whatsapp-float img{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;object-fit:contain;display:block;}