/* :::::::::::::::::: RESET :::::::::::::::::: */
* {margin:0; padding:0; box-sizing:border-box; font-family:Arial, sans-serif;}

/* :::::::::::::::::: COLORES BASE :::::::::::::::::: */
:root {
--bg-main:#0b0f1a;
--bg-secondary:#111827;
--card:#1f2937;
--border:#2d3748;
--text:#e5e7eb;
--text-soft:#9ca3af;
--primary:#2bb3ff;
--accent:#ff3b3b;
}

/* :::::::::::::::::: BODY :::::::::::::::::: */
body {background:radial-gradient(circle at top,#1a2a4f,#0b0f1a); color:var(--text); overflow-x:hidden;}

/* :::::::::::::::::: CONTENEDOR :::::::::::::::::: */
.container {width:90%; max-width:1200px; margin:auto;}

/* :::::::::::::::::: HEADER :::::::::::::::::: */
.header {position:fixed; top:0; left:0; width:100%; z-index:1000; /* background:rgba(74, 78, 83, 0.64); */ backdrop-filter:blur(8px);}
/* .header {position:fixed; top:0; left:0; width:100%; z-index:1000; background:rgba(5,7,13,0.85); backdrop-filter:blur(8px);} */

.header-container {width:90%; max-width:1200px; margin:auto; display:flex; align-items:center; justify-content:space-between; padding:12px 0;}
.logo img {height:110px;padding-top:30px}
.header-cta {background:linear-gradient(90deg,var(--accent),#ff0000); padding:10px 18px; border-radius:6px; color:#fff; text-decoration:none; font-weight:bold; font-size:14px;}
.spacer {height:70px;}

/* :::::::::::::::::: HERO :::::::::::::::::: */
.hero {min-height:100vh; display:flex; align-items:center; background:radial-gradient(circle at top,#1a2a4f,#000); padding:40px 0;}
.hero-content {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.hero-text {max-width:600px;}
.hero-text h1 {font-size:48px; line-height:1.2; margin-bottom:20px;}
.hero-text p {margin:20px 0; font-size:18px; color:var(--text-soft);}

/*::::::::::::::::::::::::::::::: HERO HOME :::::::::::::::::::::::::::*/
.home-hero{position:relative;min-height:600px;background:url('../site.img/home_hero_wolftur.png') 58% center/cover no-repeat;display:flex;align-items:center;}
/* .home-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,34,.96) 0%,rgba(3,20,34,.78) 38%,rgba(3,20,34,.18) 68%,rgba(3,20,34,.04) 100%);} */
.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,34,.82) 0%,rgba(3,20,34,.62) 38%,rgba(3,20,34,.16) 68%,rgba(3,20,34,.03) 100%);}

.home-hero-container{position:relative;z-index:2;width:100%;max-width:1200px;margin:auto;padding:135px 30px 55px;}
.home-hero-text{max-width:470px;}

.home-hero-text{position:relative;z-index:2;}
.home-hero-text::before{content:"Gestioná, organizá\A y hacé crecer tu\A empresa de turismo";white-space:pre;position:absolute;z-index:-1;
                        left:-72px;top:62px;width:650px;font-size:58px;font-weight:700;line-height:1.08;color:#123044;opacity:.42;pointer-events:none;}

.home-hero h1{font-size:48px;line-height:1.08;margin-bottom:22px;color:#fff;}
.home-hero p{font-size:16px;line-height:1.55;color:#d5dce5;margin-bottom:26px;}
.home-hero-botones{display:flex;flex-direction:row;gap:15px;align-items:center;flex-wrap:nowrap;margin-bottom:22px;font-size: medium;}
.home-hero-items{display:flex;gap:20px;flex-wrap:wrap;color:#fff;font-size:12px;}
.home-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:2px;color:#62cef4;margin-bottom:18px;}

/*::::::::::::::::::::::::::::::: NECESIDADES :::::::::::::::::::::::::::*/
.home-necesidades-grid{display:grid;grid-template-columns:38% 1fr 260px;gap:30px;align-items:center;}
.home-necesidades-imagen{width:100%;}
.home-necesidades-imagen img{width:100%;height:auto;display:block;border-radius:10px;}
.home-necesidades-texto{width:100%;}
.home-necesidades-texto h2{margin-bottom:18px;}
.home-necesidades-texto p{margin-bottom:15px;}
.home-preguntas{display:flex;flex-direction:column;gap:12px;}
.home-preguntas .card{margin:0;text-align:center;padding:22px 15px;}

@media(max-width:900px){
.home-hero{min-height:540px;background-position:65% center;}
.home-hero h1{font-size:42px;}
.home-necesidades-grid{grid-template-columns:1fr;}
}

@media(max-width:600px){
.home-hero{background-position:70% center;}
.home-hero-overlay{background:rgba(3,20,34,.82);}
.home-hero h1{font-size:34px;}
.home-hero-items{display:block;}
.home-hero-items span{display:block;margin-bottom:8px;}
}

/* :::::::::::::::::: BOTONES :::::::::::::::::: */
.btn {display:inline-block; background:linear-gradient(90deg,var(--accent),#ff0000); padding:14px 28px; border-radius:8px; 
      text-decoration:none; color:#fff; font-weight:bold; font-size:14px; margin-top:20px; transition:0.3s;}
.btn:hover {transform:scale(1.05); box-shadow:0 0 15px rgba(255,59,59,0.5);}

/* :::::::::::::::::: SECCIONES :::::::::::::::::: */
.seccion {padding:80px 0; text-align:center; border-top:1px solid rgba(255,255,255,0.05);}
.seccion h2 {font-size:32px; margin-bottom:20px;}
.seccion p {color:var(--text-soft); max-width:700px; margin:auto;}

/* :::::::::::::::::: GRID :::::::::::::::::: */
.grid {display:flex; flex-wrap:wrap; gap:20px; margin-top:40px; justify-content:center;}

/* :::::::::::::::::: CARDS :::::::::::::::::: */
.card {flex:1; background:var(--card); padding:25px; border-radius:14px; min-width:250px; max-width:700px; border:1px solid var(--border); box-shadow:0 10px 30px rgba(0,0,0,0.3); transition:0.3s;}
.card:hover {transform:translateY(-6px); border-color:var(--primary);}
.card h3 {color:var(--text); margin-bottom:10px;}
.card p {margin:15px auto 0 auto; color:var(--text-soft); font-size:14px; width:90%;}

/* :::::::::::::::::: FOOTER :::::::::::::::::: */
.footer {padding:40px 0; text-align:center; background:#05070d; font-size:14px; color:#888;}

/* :::::::::::::::::: RESPONSIVE :::::::::::::::::: */
@media(max-width:768px){
.hero-text h1 {font-size:32px;}
.hero-content {flex-direction:column; text-align:center;}
/* .plan.destacado {transform:none;} */
}

/* :::::::::::::::::: OVERLAY :::::::::::::::::: */
.overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(90deg, rgba(11,15,26,0.95) 30%, rgba(11,15,26,0.6) 60%, rgba(11,15,26,0.2) 100%);}

/* :::::::::::::::::: CONTENIDO :::::::::::::::::: */
.hero-content {position:relative; z-index:2; width:90%; max-width:1200px; margin:auto;}

/* :::::::::::::::::: TEXTO :::::::::::::::::: */
.hero-text {max-width:600px;}
.hero-text h1 {font-size:48px; line-height:1.2; margin-bottom:20px;}
.hero-text p {margin:20px 0; font-size:18px; color:#ccc;}

/* :::::::::::::::::: COLORES :::::::::::::::::: */
/* .azul {color:#2bb3ff;}
.rojo {color:#ff3b3b;} */

/* :::::::::::::::::: ANIMACION :::::::::::::::::: */
@keyframes flotar {
0% {transform:translateY(0);}
50% {transform:translateY(-10px);}
100% {transform:translateY(0);}
}

/* :::::::::::::::::: NAV :::::::::::::::::: */
.nav {display:flex; justify-content:center; gap:30px; padding:5px 0; background:rgba(5,7,13,0.85); backdrop-filter:blur(8px); border-bottom:1px solid rgba(255,255,255,0.05); position:fixed; top:0; left:0; width:100%; z-index:1000;}

/* :::::::::::::::::: LINKS :::::::::::::::::: */
.nav a {color:#e5e7eb; text-decoration:none; font-size:16px; font-weight:500; position:relative; padding:5px 0; transition:0.3s;}

/* :::::::::::::::::: HOVER EFECTO LINEA :::::::::::::::::: */
.nav a::after {content:""; position:absolute; left:0; bottom:-5px; width:0%; height:2px; background:linear-gradient(90deg,#2bb3ff,#ff3b3b); transition:0.3s;}
.nav a:hover::after {width:100%;}

/* :::::::::::::::::: HOVER COLOR :::::::::::::::::: */
.nav a:hover {color:#ffffff;}

/* :::::::::::::::::: ACTIVE (OPCIONAL) :::::::::::::::::: */
.nav a.active {color:#2bb3ff;}
.nav a.active::after {width:100%;}

/* :::::::::::::::::: RESPONSIVE :::::::::::::::::: */
@media(max-width:768px){
.nav {gap:15px; padding:10px 0;}
.nav a {font-size:14px;}
}

/* :::::::::::::::::: HEADER CONTAINER :::::::::::::::::: */
.header-container {display:flex; align-items:center; justify-content:space-between;}

/* :::::::::::::::::: NAV CENTRADO :::::::::::::::::: */
.nav {display:flex; gap:30px;}

/* :::::::::::::::::: BLOQUE DERECHO :::::::::::::::::: */
.header-right {display:flex; align-items:center; gap:15px;}

/* :::::::::::::::::: WHATSAPP HEADER :::::::::::::::::: */
.whatsapp-header {display:flex; align-items:center; gap:8px; color:#25D366; text-decoration:none; font-size:14px; font-weight:500; transition:0.3s;}

/* :::::::::::::::::: ICONO :::::::::::::::::: */
.whatsapp-header i {font-size:18px;}

/* :::::::::::::::::: HOVER :::::::::::::::::: */
.whatsapp-header:hover {color:#ffffff;}

/* :::::::::::::::::: RESPONSIVE :::::::::::::::::: */
@media(max-width:768px){
.nav {display:none;} /* opcional si después haces hamburguesa */
.whatsapp-header span {display:none;}
}

/* :::::::::::::::::: HAMBURGUESA :::::::::::::::::: */
.menu-toggle {display:none; font-size:24px; cursor:pointer; color:#fff;}

/* :::::::::::::::::: MOBILE :::::::::::::::::: */
@media(max-width:768px){

/* oculto menu normal */
.nav {display:none;}

/* oculto numero */
.whatsapp-header span {display:none;}

/* oculto botón grande (opcional) */
.header-cta {display:none;}

/* muestro hamburguesa */
.menu-toggle {display:block;}

}

/* :::::::::::::::::: NAV MOBILE :::::::::::::::::: */
@media(max-width:768px){

.nav {display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#0b0f1a;padding:15px 0;gap:10px;text-align:center;border-top:1px solid rgba(255,255,255,0.08);}

/* :::::::::::::::::: ACTIVO :::::::::::::::::: */
.nav.active {
display:flex;
}

/* :::::::::::::::::: LINKS :::::::::::::::::: */
.nav a {
padding:10px 0;
font-size:16px;
}

/* :::::::::::::::::: HOVER :::::::::::::::::: */
.nav a:hover {
background:rgba(255,255,255,0.05);
}

}

.whatsapp-header svg {width:22px; height:22px;}
/* :::::::::::::::::: WHATSAPP WIDGET :::::::::::::::::: */
#wa-widget {position:fixed; bottom:20px; right:20px; z-index:2000;}
/* :::::::::::::::::: BURBUJA :::::::::::::::::: */
#wa-bubble {width:60px; height:60px; background:#25D366; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 5px 15px rgba(0,0,0,0.3);}
#wa-bubble img {width:30px; height:30px;}
/* :::::::::::::::::: MINI CHAT :::::::::::::::::: */
#wa-mini-chat {display:none; position:absolute; bottom:70px; right:0; width:260px; background:#111827; padding:15px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.08);}
#wa-mini-chat p {font-size:14px; margin-bottom:10px; color:#e5e7eb;}
#wa-mini-chat textarea {width:100%; height:70px; border:none; border-radius:6px; padding:10px; resize:none; background:#0b0f1a; color:#fff; margin-bottom:10px;}
#wa-mini-chat button {width:100%; padding:10px; border:none; border-radius:6px; background:linear-gradient(90deg,#25D366,#1ebe5d); color:#fff; font-weight:bold; cursor:pointer;}
/* :::::::::::::::::: ACTIVO :::::::::::::::::: */
#wa-widget.active #wa-mini-chat {display:block;}
/* :::::::::::::::::: MOBILE :::::::::::::::::: */
@media(max-width:768px){
#wa-widget {bottom:15px; right:15px;}
#wa-mini-chat {width:220px;}
}

/* :::::::::::::::::: MODAL HEADER :::::::::::::::::: */
.modal-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}

/* :::::::::::::::::: MODAL CLOSE :::::::::::::::::: */
.modal-close {background:none;border:none;color:#fff;font-size:18px;cursor:pointer;}

/* :::::::::::::::::: GRID FEATURES :::::::::::::::::: */
.features-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px;}

/* :::::::::::::::::: FEATURE ITEM :::::::::::::::::: */
.feature-item {background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:12px;font-size:14px;line-height:1.4;}

/* :::::::::::::::::: MOBILE :::::::::::::::::: */
@media (max-width:768px){.features-grid {grid-template-columns:1fr;}}

/* :::::::::::::::::: WOLFTUR EN OPERACION :::::::::::::::::: */
.home-operacion{text-align:center;}
.home-operacion-grid{grid-template-columns:repeat(5,1fr);margin-top:35px;}
.home-operacion-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 15px;}
.home-operacion-item i{font-size:25px;color:#20aee5;margin-bottom:10px;}
.home-operacion-item strong{font-size:28px;color:#fff;line-height:1.1;}
.home-operacion-item span{font-size:14px;color:#aeb6c3;margin-top:6px;}

/* :::::::::::::::::: TESTIMONIOS :::::::::::::::::: */
.home-testimonios{text-align:center;}
.home-testimonios-grid{grid-template-columns:repeat(3,1fr);margin-top:35px;}
.home-testimonio{display:flex;flex-direction:column;align-items:center;}
.home-testimonio i{font-size:20px;color:#20aee5;margin-bottom:15px;}
.home-testimonio strong{color:#fff;margin-top:15px;}
.home-testimonio span{font-size:13px;color:#aeb6c3;margin-top:4px;}

@media(max-width:768px){
.home-operacion-grid,.home-testimonios-grid{grid-template-columns:1fr;}
}