:root{
  --rojo:#da2128; --rojo2:#b8171d; --tinta:#14161a; --gris:#5b6068; --fondo:#f5f6f8; --linea:#e3e5e9; --blanco:#fff;
  --r:16px; --sombra:0 10px 40px rgba(20,22,26,.12);
  --f:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{font-family:var(--f);font-size:17px;line-height:1.55;color:var(--tinta);background:var(--blanco);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.cont{width:min(1200px,100% - 40px);margin-inline:auto}
h1,h2,h3{line-height:1.08;letter-spacing:-.02em}
h2{font-size:clamp(1.9rem,4.4vw,3rem);font-weight:800;margin:.35rem 0 2.2rem}
h2 span,h1 span{color:var(--rojo)}
.etq{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--rojo)}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:10px;background:var(--rojo);color:#fff;text-decoration:none;font:inherit;font-size:.95rem;font-weight:700;border:2px solid var(--rojo);cursor:pointer;transition:.2s;text-align:center}
.btn:hover{background:var(--rojo2);border-color:var(--rojo2)}
.btn-linea{background:transparent;color:var(--rojo)}
.btn-linea:hover{background:var(--rojo);color:#fff;border-color:var(--rojo)}
.btn-blanco{background:#fff;color:var(--tinta);border-color:#fff}
.btn-blanco:hover{background:transparent;color:#fff;border-color:#fff}
.btn-chico{padding:9px 18px;font-size:.88rem}
.menu .btn-chico{background:#25d366;border-color:#25d366;color:#fff}
.menu .btn-chico:hover{background:#1ebe5a;border-color:#1ebe5a}
/* Portada: botón redondo de WhatsApp en la cabecera (reemplaza «Consulta WhatsApp») */
.redes{display:flex;align-items:center;gap:12px}
.wa-redondo,.ig-redondo{flex:none;width:46px;height:46px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;border:2px solid #000;transition:.2s}
.wa-redondo:hover{background:#1ebe5a;transform:scale(1.06)}
/* Instagram: mismo botón redondo, con los colores de Instagram */
.ig-redondo{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.ig-redondo:hover{transform:scale(1.06);filter:brightness(1.08)}
/* Portada en computadora: más grande (64 px), dentro de la franja blanca */
@media (min-width:761px){
  .cab-grande .wa-redondo,.cab-grande .ig-redondo{position:relative;top:0;width:64px;height:64px;box-shadow:0 4px 12px rgba(0,0,0,.18);transition:top .25s,width .25s,height .25s,background .2s}
  .cab-grande .wa-redondo svg,.cab-grande .ig-redondo svg{width:32px;height:32px}
  .cab-grande.abajo .wa-redondo,.cab-grande.abajo .ig-redondo{top:0;width:46px;height:46px;box-shadow:none}
  .cab-grande.abajo .wa-redondo svg,.cab-grande.abajo .ig-redondo svg{width:24px;height:24px}
}
.btn-grande{padding:16px 34px;font-size:1.02rem}

/* Cabecera */
.cab{position:fixed;inset:0 0 auto 0;z-index:60;background:#fff;box-shadow:0 1px 0 var(--linea)}
.cab-in{width:min(1200px,100% - 40px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;height:92px}
.logo img{height:78px;width:auto}
/* Portada: logo grande (108 px) en un recuadro blanco con borde negro de 1 mm y 5 mm de margen,
   que baja sobre la foto; al hacer scroll se achica para entrar en la franja blanca */
/* El recuadro copia la forma inclinada del logo (paralelogramo, como sus franjas): se inclina el recuadro
   y se endereza el contenido de adentro (.logo-in) */
.cab-grande .logo{align-self:flex-start;display:block;line-height:0;margin:10px 0 0 30px;background:#fff;border:4px solid #000;border-radius:10px;padding:16px 30px;box-shadow:0 6px 18px rgba(0,0,0,.18);transform:skewX(-20deg);transition:margin-top .25s,padding .25s,border-width .25s}
.cab-grande .logo-in{display:block;position:relative;transform:skewX(20deg)}
.cab-grande .logo img{height:108px;transition:height .25s}
.cab-grande.abajo .logo{margin-top:4px;padding:6px 18px;border-width:3px;box-shadow:none}
.cab-grande.abajo .logo img{height:66px}
/* «SINCE 1986» centrado y en negro, dentro del recuadro, debajo del logo (se oculta con el recuadro chico) */
/* «SINCE 1986» en vertical sobre el lado derecho del recuadro, pegado a la línea (sigue su inclinación) */
.cab-grande .logo{position:relative}
.logo .desde{position:absolute;right:6px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;line-height:1;font-size:.5rem;font-weight:500;letter-spacing:.25em;color:#000;opacity:.6;white-space:nowrap}
.cab-grande.abajo .logo .desde{display:none}
.menu{display:flex;align-items:center;gap:30px}
.menu>a:not(.btn){text-decoration:none;font-weight:600;font-size:.95rem}
.menu>a:not(.btn):hover{color:var(--rojo)}
.idioma{display:flex;border:1.5px solid var(--linea);border-radius:999px;overflow:hidden}
.idioma button{border:0;background:none;font:inherit;font-size:.8rem;font-weight:700;padding:7px 13px;cursor:pointer;color:var(--gris)}
.idioma button.on{background:var(--tinta);color:#fff}
.burger{display:none;background:none;border:0;width:44px;height:44px;position:relative;cursor:pointer}
.burger i{position:absolute;left:10px;right:10px;height:2px;background:var(--tinta);border-radius:2px;transition:.25s}
.burger i:nth-child(1){top:14px}.burger i:nth-child(2){top:21px}.burger i:nth-child(3){top:28px}
.burger[aria-expanded=true] i:nth-child(1){top:21px;transform:rotate(45deg)}
.burger[aria-expanded=true] i:nth-child(2){opacity:0}
.burger[aria-expanded=true] i:nth-child(3){top:21px;transform:rotate(-45deg)}

/* Portada con reserva */
.hero{position:relative;padding:92px 0 0;color:#fff;background:#14161a}
.hero-bg{position:absolute;inset:0;background:linear-gradient(100deg,rgba(14,16,20,.88) 0%,rgba(14,16,20,.55) 55%,rgba(14,16,20,.25) 100%),url(img/hero-madero.jpg) center 30%/cover}
/* La foto empieza debajo de la franja blanca, para que se vea la punta del Puente de la Mujer */
.cab-grande ~ main .hero-bg{top:92px}
.hero-in{position:relative;display:grid;grid-template-columns:1fr minmax(323px,391px);gap:48px;align-items:center;padding:clamp(40px,8vh,90px) 0 clamp(50px,9vh,100px)}
.sello{display:inline-block;background:var(--rojo);padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.hero h1{font-size:clamp(2.4rem,6.2vw,4.6rem);font-weight:800;margin-bottom:18px}
.hero h1 span{color:#fff;border-bottom:6px solid var(--rojo)}
.bajada{font-size:1.15rem;max-width:480px;opacity:.92}

.reserva{background:#fff;color:var(--tinta);border-radius:20px;padding:28px;box-shadow:var(--sombra);border-top:6px solid var(--rojo)}
.reserva h2{font-size:1.5rem;margin:0 0 18px}
.r-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.c{display:flex;flex-direction:column;gap:6px;min-width:0}
.c-suc,.c-auto,.c-ret,.c-dev{grid-column:1/-1}
.c>span{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
select,input{font:inherit;font-size:16px;color:var(--tinta);background:var(--fondo);border:1.5px solid transparent;border-radius:10px;padding:13px 12px;width:100%;min-width:0;-webkit-appearance:none;appearance:none}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2314161a' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}
select:focus,input:focus{outline:0;border-color:var(--rojo);background-color:#fff}
.par{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}
.r-pie{display:grid;gap:14px;margin-top:18px}
.resumen{font-size:.95rem;font-weight:600;color:var(--gris);min-height:1.4em}
.resumen.ok{color:var(--rojo)}
.error{color:var(--rojo2);font-weight:600;font-size:.9rem;min-height:0}
.error:empty{display:none}
.r-pie .btn{width:100%}
/* Formulario 15% más chico en computadora y tablet (en celular queda igual) */
@media (min-width:761px){.reserva{zoom:.85}}
.reserva-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.btn-empresas{width:100%;text-transform:uppercase;letter-spacing:.04em}
/* Botón «Enviar consulta»: rojo (pedido de Facu; es la excepción a «todo lo de WhatsApp en verde») */
.r-pie .btn{background:var(--rojo);border-color:var(--rojo)}
.r-pie .btn:hover{background:var(--rojo2);border-color:var(--rojo2)}
/* Franja de ventajas */
.pasos-mini{background:var(--fondo);border-bottom:1px solid var(--linea)}
.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mini-grid div{display:flex;align-items:center;gap:10px;padding:18px 0;font-weight:600;font-size:.92rem}
.mini-grid b{flex:none;width:24px;height:24px;border-radius:50%;background:var(--rojo);color:#fff;display:grid;place-items:center;font-size:.8rem}

/* Secciones */
.packs,.autos,.como,.sucursales{padding:clamp(60px,9vw,110px) 0}
.packs{background:#fff}
.grilla-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pack{position:relative;background:var(--fondo);border-radius:var(--r);padding:34px 30px;display:flex;flex-direction:column;gap:14px;border:2px solid transparent;transition:.25s}
.pack:hover{transform:translateY(-4px);box-shadow:var(--sombra)}
.pack.dest{background:var(--tinta);color:#fff}
.cinta{position:absolute;top:-13px;left:24px;background:var(--rojo);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.pack-n{font-size:5.5rem;font-weight:800;line-height:.9;letter-spacing:-.04em;color:var(--rojo)}
.pack-n small{font-size:1.1rem;font-weight:700;letter-spacing:0;margin-left:8px;color:inherit;opacity:.7}
.pack p{flex:1;font-size:1.05rem}
.pack.dest .btn-linea,.pack .btn{align-self:flex-start}

.autos{background:var(--fondo)}
/* 5 vehículos: filas de 3 centradas (3 + 2) */
.grilla-autos{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.grilla-autos .auto{flex:0 1 calc((100% - 40px) / 3);min-width:0}
.auto{background:#fff;border-radius:var(--r);padding:26px 22px 24px;display:flex;flex-direction:column;gap:10px;transition:.25s;border:1px solid var(--linea)}
.auto:hover{transform:translateY(-4px);box-shadow:var(--sombra)}
.cat{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rojo)}
.auto h3{font-size:1.35rem;font-weight:800}
.auto img{width:100%;height:auto;margin:6px 0}
.auto p{color:var(--gris);font-size:.95rem;flex:1}
.auto .btn{width:100%}

.como{background:#fff}
.grilla-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.paso{padding:30px;border-radius:var(--r);background:var(--fondo)}
.paso b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--rojo);color:#fff;font-size:1.2rem;margin-bottom:16px}
.paso h3{font-size:1.3rem;font-weight:800;margin-bottom:8px}
.paso p{color:var(--gris)}

.sucursales{background:var(--fondo)}
.grilla-suc{display:grid;grid-template-columns:1fr 1fr;gap:22px}

/* Paisajes argentinos de fondo en las secciones de la portada.
   Capa oscura encima para que se lean los títulos; las tarjetas siguen blancas.
   En celular se usan versiones de 900 px (-m.jpg) para que cargue rápido. */
.con-fondo{color:#fff;background-color:var(--tinta);background-size:cover;background-position:center;background-repeat:no-repeat}
.con-fondo>.cont>h2{color:#fff}
.con-fondo>.cont>.etq{color:#ff6b70}
.con-fondo .faq-mas{color:#e4e6ea}
/* las tarjetas claras mantienen el texto oscuro */
.con-fondo .pack,.con-fondo .auto,.con-fondo .paso,.con-fondo .suc{color:var(--tinta)}
.con-fondo .pack.dest{color:#fff}
.f-glaciar{background-image:linear-gradient(rgba(14,16,20,.7),rgba(14,16,20,.7)),url(img/fondo-glaciar.jpg)}
.f-purmamarca{background-image:linear-gradient(rgba(14,16,20,.7),rgba(14,16,20,.7)),url(img/fondo-purmamarca.jpg)}
.f-fitzroy{background-image:linear-gradient(rgba(14,16,20,.7),rgba(14,16,20,.7)),url(img/fondo-fitzroy.jpg)}
.f-bariloche{background-image:linear-gradient(rgba(14,16,20,.7),rgba(14,16,20,.7)),url(img/fondo-bariloche.jpg)}
.f-iguazu{background-image:linear-gradient(rgba(14,16,20,.82),rgba(14,16,20,.82)),url(img/fondo-iguazu.jpg)}
@media (max-width:760px){
  .f-glaciar{background-image:linear-gradient(rgba(14,16,20,.7),rgba(14,16,20,.7)),url(img/fondo-glaciar-m.jpg)}
  .f-purmamarca{background-image:linear-gradient(rgba(14,16,20,.7),rgba(14,16,20,.7)),url(img/fondo-purmamarca-m.jpg)}
  .f-fitzroy{background-image:linear-gradient(rgba(14,16,20,.7),rgba(14,16,20,.7)),url(img/fondo-fitzroy-m.jpg)}
  .f-bariloche{background-image:linear-gradient(rgba(14,16,20,.7),rgba(14,16,20,.7)),url(img/fondo-bariloche-m.jpg)}
  .f-iguazu{background-image:linear-gradient(rgba(14,16,20,.82),rgba(14,16,20,.82)),url(img/fondo-iguazu-m.jpg)}
  .pg-glaciar{background-image:linear-gradient(100deg,rgba(14,16,20,.88) 0%,rgba(14,16,20,.6) 60%,rgba(14,16,20,.35) 100%),url(img/fondo-glaciar-m.jpg)}
  .pg-bariloche{background-image:linear-gradient(100deg,rgba(14,16,20,.88) 0%,rgba(14,16,20,.6) 60%,rgba(14,16,20,.35) 100%),url(img/fondo-bariloche-m.jpg)}
  .pg-purmamarca{background-image:linear-gradient(100deg,rgba(14,16,20,.88) 0%,rgba(14,16,20,.6) 60%,rgba(14,16,20,.35) 100%),url(img/fondo-purmamarca-m.jpg)}
}

/* Otros puntos de retiro (aeropuertos y domicilio), a lo ancho debajo de las 2 sucursales */
.suc-puntos{grid-column:1/-1}
.puntos{list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 0 6px;padding:0}
.puntos li{font-weight:600;padding-left:22px;position:relative}
.puntos li::before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border-radius:50%;background:var(--rojo)}

/* Empresas y corporativos */
.empresas{padding:clamp(60px,9vw,110px) 0;background-color:#14161a;color:#fff}
.empresas h2 span{color:#fff;border-bottom:5px solid var(--rojo)}
.grilla-em{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:34px}
.em{padding:26px;border-radius:var(--r);background:#22252b;border-top:4px solid var(--rojo)}
.em h3{font-size:1.2rem;font-weight:800;margin-bottom:8px}
.em p{opacity:.8}
.suc{background:#fff;border-radius:var(--r);padding:32px;border:1px solid var(--linea);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.suc h3{font-size:1.5rem;font-weight:800}
.suc p{color:var(--gris);margin-bottom:6px}

.cta{position:relative;color:#fff;text-align:center;padding:clamp(70px,10vw,120px) 0}
.cta-bg{position:absolute;inset:0;background:linear-gradient(rgba(14,16,20,.72),rgba(14,16,20,.72)),url(img/hero-obelisco.jpg) center 35%/cover}
.cta-in{position:relative}
.cta h2{margin-bottom:12px}.cta h2 span{color:#fff;border-bottom:6px solid var(--rojo)}
.cta p{font-size:1.15rem;opacity:.92;margin-bottom:28px}
.cta-botones{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.pie{background:var(--tinta);color:#fff;padding:60px 0 28px}
.pie-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:40px}
.pie-logo{height:56px;width:auto;margin-bottom:14px}
.pie h4{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.6;margin-bottom:14px}
.pie p{opacity:.9;margin-bottom:6px}
.pie a{text-decoration:none}.pie a:hover{color:var(--rojo)}
.pie-fin{border-top:1px solid rgba(255,255,255,.15);padding-top:20px;font-size:.82rem;opacity:.7;display:flex;flex-direction:column;gap:4px}

.flotante{position:fixed;right:18px;bottom:18px;z-index:55;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:.2s}
.flotante:hover{transform:scale(1.08)}

.ap{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}
.ap.ver{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ap{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* Tablet */
@media (max-width:1020px){
  .hero-in{grid-template-columns:1fr;gap:30px}
  .reserva,.reserva-col{max-width:560px}
  .reserva-col .reserva{max-width:none}
  .grilla-autos .auto{flex-basis:calc((100% - 20px) / 2)}
  .mini-grid{grid-template-columns:1fr 1fr}
  .grilla-em{grid-template-columns:1fr 1fr}
}
/* Celular */
@media (max-width:760px){
  body{font-size:16px}
  .burger{display:block}
  .cab-in{height:80px}
  .logo img{height:69px}
  .cab-grande .logo{margin:8px 0 0 26px;padding:10px 24px;border-width:3px}
  .cab-grande .logo img{height:80px}
  .cab-grande.abajo .logo{margin-top:6px;padding:4px 14px;border-width:2px}
  .cab-grande.abajo .logo img{height:56px}
  /* que el recuadro del logo no tape la etiqueta de la portada */
  .cab-grande ~ main .hero-in{padding-top:84px}
  .hero-bg{background-image:linear-gradient(100deg,rgba(14,16,20,.88) 0%,rgba(14,16,20,.55) 55%,rgba(14,16,20,.25) 100%),url(img/hero-madero-m.jpg);background-position:30% top}
  .cab-grande ~ main .hero-bg{top:80px}
  .logo .desde{right:4px;font-size:.42rem}
  .hero{padding-top:80px}
  .menu{position:fixed;top:80px;left:0;right:0;bottom:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 24px;transform:translateX(100%);transition:transform .3s;overflow:auto}
  .menu.abierto{transform:none}
  .menu>a:not(.btn){padding:18px 0;border-bottom:1px solid var(--linea);font-size:1.1rem}
  .menu .idioma{align-self:flex-start;margin:20px 0}
  .menu .btn{margin-top:4px}
  .menu .redes{align-self:flex-start;margin-top:4px}
  .menu .wa-redondo,.menu .ig-redondo{width:52px;height:52px}
  /* con el menú abierto, el logo usa el recuadro chico (si no, el panel lo corta) */
  .cab-grande:has(.menu.abierto) .logo{margin-top:6px;padding:4px 14px;border-width:2px;box-shadow:none}
  .cab-grande:has(.menu.abierto) .logo img{height:56px}
  .cab-grande:has(.menu.abierto) .logo .desde{display:none}
  .hero-in{padding:28px 0 40px;gap:22px}
  .hero h1{font-size:2.3rem}
  .bajada{font-size:1rem}
  .reserva{padding:22px 18px;border-radius:16px;max-width:none}
  .reserva-col{max-width:none}
  .grilla-packs,.grilla-pasos,.grilla-suc,.pie-grid{grid-template-columns:1fr}
  .grilla-autos .auto{flex-basis:100%}
  .grilla-em{grid-template-columns:1fr}
  .empresas .btn{width:100%}
  .mini-grid{grid-template-columns:1fr 1fr;gap:0}
  .mini-grid div{padding:14px 0;font-size:.85rem}
  .pack-n{font-size:4.5rem}
  .cta-botones .btn{width:100%}
}

/* Preguntas frecuentes y páginas por búsqueda (SEO) */
.faq{padding:clamp(60px,9vw,110px) 0}
.faq-lista{max-width:860px;display:grid;gap:12px}
.pregunta{border:1.5px solid var(--linea);border-radius:12px;background:#fff;padding:0 22px}
.pregunta summary{cursor:pointer;font-weight:700;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}
.pregunta summary::-webkit-details-marker{display:none}
.pregunta summary::after{content:"+";color:var(--rojo);font-size:1.4rem;line-height:1}
.pregunta[open] summary::after{content:"–"}
.pregunta p{padding:0 0 18px;color:var(--gris)}
.faq-mas{margin-top:26px;color:var(--gris)}
.faq-mas a{color:var(--rojo);font-weight:600}
.pg-hero{padding:calc(92px + clamp(40px,7vw,80px)) 0 clamp(40px,6vw,70px);background:var(--tinta);color:#fff}
/* Paisaje de fondo distinto en cada subpágina, con capa oscura para que se lea el texto */
.pg-glaciar{background:linear-gradient(100deg,rgba(14,16,20,.88) 0%,rgba(14,16,20,.6) 60%,rgba(14,16,20,.35) 100%),url(img/fondo-glaciar.jpg) center 55%/cover}
.pg-bariloche{background:linear-gradient(100deg,rgba(14,16,20,.88) 0%,rgba(14,16,20,.6) 60%,rgba(14,16,20,.35) 100%),url(img/fondo-bariloche.jpg) center 50%/cover}
.pg-purmamarca{background:linear-gradient(100deg,rgba(14,16,20,.88) 0%,rgba(14,16,20,.6) 60%,rgba(14,16,20,.35) 100%),url(img/fondo-purmamarca.jpg) center 45%/cover}
.pg-hero h1{font-size:clamp(2.1rem,5.4vw,3.8rem);font-weight:800;margin:.3rem 0 18px;max-width:900px}
.pg-hero p{max-width:720px;font-size:1.1rem;color:#d7dae0;margin-bottom:26px}
.pg-sec{padding:clamp(44px,7vw,80px) 0}
.pg-sec.alt{background:var(--fondo)}
.pg-sec h2{margin-bottom:1.2rem}
.pg-txt{max-width:820px;color:var(--gris)}
.pg-txt p+p{margin-top:14px}
.pg-lista{margin:14px 0 0 1.2rem;color:var(--gris);display:grid;gap:6px}
.migas{font-size:.85rem;margin-bottom:10px;color:#b9bdc6}
.migas a{color:#fff}
.cab-pg{display:flex;align-items:center;gap:22px}
.enlace-pg{text-decoration:none;font-weight:600;font-size:.95rem}
.enlace-pg:hover{color:var(--rojo)}
.btn-wa{background:#25d366;border-color:#25d366;color:#fff}
.btn-wa:hover{background:#1ebe5a;border-color:#1ebe5a}

/* Borde negro de 0,5 mm (2 px) en todos los botones de la web (07/11/2026).
   Va al final y con !important para ganarle a los colores de borde de cada variante. */
.btn,.btn:hover{border:2px solid #000 !important}
.idioma{border:2px solid #000}
.flotante{border:2px solid #000}

/* Instagram flotante: solo en celular, encima del de WhatsApp (arriba no entra al lado del logo) */
.flotante-ig{display:none}
@media (max-width:760px){.flotante-ig{display:grid;bottom:88px;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}}

/* Instagram con su forma real: cuadrado con puntas redondeadas (no círculo) */
.ig-redondo,.flotante-ig{border-radius:28%}

/* WhatsApp como el ícono de la app: cuadrado con puntas redondeadas y verde degradado */
.wa-redondo,.flotante:not(.flotante-ig){border-radius:28%;background:linear-gradient(180deg,#61fd7d 0%,#25cf43 100%)}
.wa-redondo:hover,.flotante:not(.flotante-ig):hover{background:linear-gradient(180deg,#4fe86a 0%,#1fb83a 100%)}

/* WhatsApp e Instagram 10% más chicos (pedido de Facu) */
@media (min-width:761px){
  .cab-grande .wa-redondo,.cab-grande .ig-redondo{width:58px;height:58px}
  .cab-grande .wa-redondo svg,.cab-grande .ig-redondo svg{width:29px;height:29px}
  .cab-grande.abajo .wa-redondo,.cab-grande.abajo .ig-redondo{width:41px;height:41px}
  .cab-grande.abajo .wa-redondo svg,.cab-grande.abajo .ig-redondo svg{width:22px;height:22px}
}
@media (max-width:760px){
  .menu .wa-redondo,.menu .ig-redondo{width:47px;height:47px}
}
.flotante{width:52px;height:52px}
.flotante svg{width:23px;height:23px}
@media (max-width:760px){.flotante-ig{bottom:80px}}

/* Portada en computadora: toda la línea del menú corrida a la derecha (más cerca del borde); el logo no se mueve */
@media (min-width:761px){.cab-grande .menu{position:relative;left:clamp(0px,calc((100vw - 1200px) / 2 - 28px),140px)}}