:root{--acento:#1c7c82;--acento-oscuro:#145c61;--crema:#f7f3ec;--caja-azul:#dceaf5;--caja-roja:#f3dad3;--ambar:#c97b2e;--navy:#14212b;--texto:#1e2a32;--texto-suave:#55636b;--linea:#e4ded3;--blanco:#fff;--radio:14px;--ancho:1120px;--ease-out:cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--blanco);color:var(--texto);margin:0;font-family:Karla,system-ui,sans-serif;font-size:17px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--acento)}h1,h2,h3{color:var(--navy);margin:0 0 .5em;font-family:Lora,Georgia,serif;font-weight:700;line-height:1.15}.manuscrita{color:var(--acento);font-family:Caveat,cursive;font-weight:700}.contenedor{width:min(var(--ancho), 100% - 32px);margin-inline:auto}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--acento);font-size:13px;font-weight:700}.aviso{background:var(--ambar);color:#fff;text-align:center;padding:8px 16px;font-size:14px;font-weight:700}.cabecera{z-index:10;backdrop-filter:blur(8px);border-bottom:1px solid var(--linea);background:#fffffff0;position:sticky;top:0}.cabecera .contenedor{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.marca{letter-spacing:.12em;text-transform:uppercase;color:var(--navy);font-size:14px;font-weight:700;text-decoration:none}.marca span{color:var(--acento)}.menu{align-items:center;gap:22px;display:flex}.menu a{color:var(--texto);font-size:15px;font-weight:700;text-decoration:none}.menu a:hover{color:var(--acento)}.boton{background:var(--acento);cursor:pointer;border:0;border-radius:999px;padding:12px 22px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block;color:#fff!important}.boton:hover{background:var(--acento-oscuro)}.boton.claro{box-shadow:inset 0 0 0 2px var(--acento);background:0 0;color:var(--acento)!important}.boton.claro:hover{background:var(--crema)}.menu .boton{padding:8px 16px;font-size:14px}.hero{background:linear-gradient(180deg, var(--crema), var(--blanco));padding:64px 0 56px;overflow:hidden}.hero .contenedor{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;display:grid}.hero h1{font-size:clamp(38px,5.4vw,62px)}.hero h1 .manuscrita{margin-top:8px;font-size:.82em;line-height:1.1;display:block}.hero p{color:var(--texto-suave);max-width:520px;font-size:19px}.hero .botones{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.collage{height:420px;position:relative}.collage a{width:72%;transition:transform .25s var(--ease-out);border:6px solid #fff;border-radius:12px;position:absolute;overflow:hidden;box-shadow:0 18px 40px #14212b38}.collage a:hover{z-index:5;transform:rotate(0)scale(1.03)!important}.collage a:first-child{top:0;left:0;transform:rotate(-5deg)}.collage a:nth-child(2){z-index:2;top:110px;right:0;transform:rotate(4deg)}.collage a:nth-child(3){z-index:3;bottom:0;left:10%;transform:rotate(-1.5deg)}.collage img{aspect-ratio:16/9;object-fit:cover;width:100%}section{padding:64px 0}.titulo-seccion{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px;display:flex}.titulo-seccion h2{margin:6px 0 0;font-size:clamp(28px,3.4vw,38px)}.titulo-seccion a{font-weight:700;text-decoration:none}.fondo-crema{background:var(--crema)}.destinos{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.destino{border-radius:var(--radio);color:#fff;align-items:end;min-height:220px;text-decoration:none;display:flex;position:relative;overflow:hidden}.destino img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.destino:after{content:"";background:linear-gradient(#0000 35%,#14212bd9);position:absolute;inset:0}.destino div{z-index:1;padding:20px;position:relative}.destino h3{color:#fff;margin:0;font-size:28px}.destino small{opacity:.9;font-weight:700}.destino.solido{background:var(--acento)}.destino.solido:after{display:none}.destino.solido2{background:var(--ambar)}.destino.solido2:after{display:none}.rejilla{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.tarjeta{border:1px solid var(--linea);border-radius:var(--radio);color:var(--texto);transition:transform .2s var(--ease-out), box-shadow .2s ease;background:#fff;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.tarjeta:hover{transform:translateY(-3px);box-shadow:0 12px 28px #14212b1f}.tarjeta img{aspect-ratio:16/9;object-fit:cover;width:100%}.tarjeta .cuerpo{flex-direction:column;flex:1;gap:8px;padding:18px 20px 22px;display:flex}.tarjeta h3{margin:0;font-size:21px}.tarjeta p{color:var(--texto-suave);margin:0;font-size:15px}.etiqueta{letter-spacing:.08em;text-transform:uppercase;background:var(--caja-azul);color:var(--acento-oscuro);border-radius:999px;align-self:start;padding:3px 10px;font-size:12px;font-weight:700}.etiqueta.ambar{color:#8a5216;background:#f6e4cf}.guias{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.guia{border-radius:var(--radio);color:var(--texto);border:1px solid var(--linea);transition:border-color .2s ease, transform .2s var(--ease-out);background:#fff;flex-direction:column;gap:6px;padding:22px;text-decoration:none;display:flex}.guia:hover{border-color:var(--acento);transform:translateY(-3px)}.guia .numero{color:var(--acento);font-family:Lora,serif;font-size:34px;font-weight:700;line-height:1}.guia h3{margin:4px 0 0;font-size:20px}.guia .lugar{color:var(--ambar);font-family:Caveat,cursive;font-size:22px;font-weight:700}.guia .flecha{color:var(--acento);margin-top:auto;font-weight:700}.videos{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.video{border-radius:12px;display:block;position:relative;overflow:hidden}.video img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .3s var(--ease-out)}.video:hover img{transform:scale(1.04)}.video:after{content:"▶";color:#fff;background:#f03;border-radius:50%;place-items:center;width:42px;height:42px;font-size:15px;display:grid;position:absolute;bottom:12px;right:12px}.tienda{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.producto{border-radius:var(--radio);border:1px solid var(--linea);background:#fff;flex-direction:column;gap:10px;padding:26px;display:flex}.producto .muestra{border-radius:10px;height:120px}.producto h3{margin:6px 0 0;font-size:22px}.producto p{color:var(--texto-suave);margin:0;font-size:15px}.producto .precio{color:var(--navy);margin-top:auto;font-weight:700}.lut-1{background:linear-gradient(90deg,#6b8f9c 0 50%,#2a9d8f 50% 100%)}.lut-2{background:linear-gradient(90deg,#a08d76 0 50%,#e09f3e 50% 100%)}.lut-3{background:linear-gradient(90deg,#7a8a6e 0 50%,#3f7d5c 50% 100%)}.newsletter{background:var(--acento);color:#fff;border-radius:22px;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;padding:44px;display:grid}.newsletter h2{color:#fff;font-size:clamp(26px,3vw,36px)}.newsletter p{opacity:.92;margin:0}.newsletter form{flex-wrap:wrap;gap:10px;display:flex}.newsletter input{min-width:200px;font:inherit;border:0;border-radius:999px;flex:1;padding:14px 18px}.newsletter .boton{background:var(--navy)}.pie{background:var(--navy);color:#c9d3d9;margin-top:64px;padding:48px 0 32px}.pie .contenedor{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.pie .firma{align-items:center;gap:14px;display:flex}.pie .avatar{background:var(--acento);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-family:Lora,serif;font-weight:700;display:grid}.pie strong{color:#fff;display:block}.pie .redes{gap:10px;display:flex}.pie .redes a{color:#fff;border:1px solid #3a4a55;border-radius:50%;place-items:center;width:40px;height:40px;font-size:13px;font-weight:700;text-decoration:none;display:grid}.pie .redes a:hover{background:var(--acento);border-color:var(--acento)}.pie .legal{opacity:.7;border-top:1px solid #2a3a45;width:100%;padding-top:18px;font-size:13px}.articulo-cabecera{padding:48px 0 24px}.articulo-cabecera .migas{color:var(--texto-suave);font-size:14px}.articulo-cabecera h1{max-width:860px;margin-top:10px;font-size:clamp(34px,5vw,54px)}.articulo-cabecera .meta{color:var(--texto-suave);font-size:15px}.foto-cabecera{object-fit:cover;width:100%;max-height:520px}.pie-foto{color:var(--texto-suave);margin-top:8px;font-size:13px}.articulo{grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding:40px 0;display:grid}.articulo .texto{max-width:720px}.articulo .texto h2{margin-top:1.6em;font-size:30px}.articulo .texto h2 .num{color:var(--acento);margin-right:8px}.entradilla{font-size:21px;line-height:1.5}.datos{background:var(--linea);border-radius:var(--radio);grid-template-columns:repeat(3,1fr);gap:1px;margin:28px 0;display:grid;overflow:hidden}.datos div{background:var(--crema);padding:16px 18px}.datos small{letter-spacing:.12em;text-transform:uppercase;color:var(--texto-suave);font-size:12px;font-weight:700;display:block}.datos strong{color:var(--navy);font-family:Lora,serif;font-size:22px}.cajas{grid-template-columns:1fr 1fr;gap:18px;margin:28px 0;display:grid}.caja{border-radius:var(--radio);padding:20px 22px}.caja h3{font-size:20px}.caja ul{margin:0;padding-left:20px}.caja.azul{background:var(--caja-azul)}.caja.roja{background:var(--caja-roja)}.nota{color:var(--ambar);margin:18px 0;font-family:Caveat,cursive;font-size:24px;font-weight:700}.relleno{color:var(--texto-suave);background:repeating-linear-gradient(-45deg,#fbf8f2,#fbf8f2 10px,#f5f0e6 10px 20px);border:1px dashed #d8cdba;border-radius:10px;padding:14px 18px;font-style:italic}.reserva{border:1px solid var(--linea);color:var(--texto);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;padding:14px 18px;text-decoration:none;transition:border-color .2s;display:flex}.reserva:hover{border-color:var(--acento)}.reserva small{letter-spacing:.12em;text-transform:uppercase;color:var(--acento);font-size:12px;font-weight:700;display:block}.reserva .flecha{color:var(--acento);font-size:22px}.embed{background:#000;border-radius:14px;margin:24px 0;position:relative;overflow:hidden}.embed.vertical{aspect-ratio:9/16;max-width:340px}.embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.lateral{flex-direction:column;align-self:start;gap:18px;display:flex;position:sticky;top:88px}.lateral .bloque{background:var(--crema);border-radius:var(--radio);padding:20px}.lateral h3{font-size:18px}.lateral ol{margin:0;padding-left:20px;font-size:15px}.lateral ol a{color:var(--texto);text-decoration:none}.lateral ol a:hover{color:var(--acento)}.cta-guia{background:var(--navy);color:#fff;border-radius:var(--radio);padding:22px}.cta-guia h3{color:#fff;font-size:20px}.cta-guia p{opacity:.85;font-size:15px}@media (width<=900px){.hero .contenedor,.newsletter,.articulo{grid-template-columns:1fr}.collage{height:300px;margin-top:12px}.rejilla,.videos,.tienda,.destinos,.guias{grid-template-columns:1fr 1fr}.lateral{position:static}.menu .secundario{display:none}.menu{gap:14px}.marca{font-size:12px}}@media (width<=600px){body{font-size:16px}section{padding:44px 0}.hero{padding:40px 0}.rejilla,.videos,.tienda,.destinos,.cajas,.guias,.datos{grid-template-columns:1fr}.newsletter{padding:28px 22px}.collage{height:240px}.menu .boton{display:none}}.cabecera-pagina{background:linear-gradient(180deg, var(--crema), var(--blanco));padding:56px 0 8px}.cabecera-pagina h1{font-size:clamp(34px,5vw,52px)}.cabecera-pagina p{color:var(--texto-suave);max-width:640px;font-size:19px}.texto p,.texto li{font-size:18px}.texto h3{margin-top:1.4em;font-size:22px}.texto img{border-radius:12px;margin:24px 0}.texto blockquote{border-left:4px solid var(--acento);background:var(--crema);border-radius:0 12px 12px 0;margin:24px 0;padding:4px 22px}.texto hr{border:0;border-top:1px solid var(--linea);margin:40px 0}.texto table{border-collapse:collapse;width:100%;margin:24px 0;font-size:16px}.texto th,.texto td{border-bottom:1px solid var(--linea);text-align:left;padding:10px 8px}.texto th{color:var(--acento);letter-spacing:.1em;text-transform:uppercase;font-size:13px}.boton{transition:background-color .16s ease, transform .16s var(--ease-out)}.boton:active,.tarjeta:active,.guia:active,.reserva:active{transform:scale(.97)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--ambar);outline-offset:3px;border-radius:6px}@media (hover:none){.tarjeta:hover,.guia:hover,.collage a:hover,.video:hover img{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}.texto{counter-reset:seccion}.texto h2{scroll-margin-top:88px}.texto h2:before{counter-increment:seccion;content:counter(seccion, decimal-leading-zero);color:var(--acento);margin-right:10px}
