/*
Theme Name: StayTick Blog
Theme URI: https://blog.staytick.com/
Description: Tema hijo de Hello Elementor con el diseño de viajes.staytick.es (cabecera, pie, tarjetas, tipografía y colores). Fase 1 del plan del blog.
Author: StayTick
Template: hello-elementor
Version: 1.9.6
Text Domain: staytick-blog
*/

/* Prototipo del blog de StayTick con las pautas de viajes.staytick.es.
   Maquetación: contenedor centrado de 1200 px, fondo gris claro, tarjetas blancas, cortes en 900 y 640 px. Solo tema claro. */
:root{
  --page-bg:#F6F6F8; --page-fg:#16181D; --page-muted:#6A707A; --page-line:#E4E5EA; --page-card:#FFFFFF;
  --brand:#F60C76; --brand-btn:#F60C76; --brand-soft:#FFF0F6; --brand-line:#FBD2E3; --brand-photo:#FF5CA8;
  --index:#292A69; --chip:#F6F6FF; --band:#EEEEF6; --ok:#1F7A55; --card-muted:#5E646E; --dark:#16181D; --dark-fg:#C9CCD3;
  --font:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:18px; --ancho:1560px; --pad:clamp(16px,3vw,48px); /* mismo ancho y margen lateral que viajes.staytick.es */
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--page-bg);color:var(--page-fg);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%}
:where(.cab,.mega,.movil,.pie,.st-page) :is(button,input,select,textarea){font:inherit;color:inherit}
/* El tema padre pone todos los enlaces en azul al pasar el ratón: el logo y la cabecera mantienen su color */
.logo:hover,.logo:focus{color:var(--brand)}
.cab.trans .logo:hover,.cab.trans .logo:focus{color:#fff}
.cab-cta:hover,.cab-cta:focus{color:#fff}
.cab-sp:hover,.cab-sp:focus{color:var(--page-fg)}
:where(.cab,.mega,.movil,.pie,.st-page) img{display:block}
:where(.cab,.mega,.movil,.pie,.st-page) a{color:inherit}
:where(.cab,.mega,.movil,.pie,.st-page) em,h1 em,h2 em,h3 em{font-style:normal;color:var(--brand)}
h1,h2,h3{font-family:var(--font);font-weight:800;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
:where(.cab,.mega,.movil,.pie,.st-page) :is(h1,h2,h3){margin:0}
:where(.cab,.mega,.movil,.pie,.st-page) p{margin:0}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.wrap{max-width:var(--ancho);margin-inline:auto;padding-left:max(var(--pad),env(safe-area-inset-left,0px));padding-right:max(var(--pad),env(safe-area-inset-right,0px))}
.bandera{display:inline-block;flex:none;width:24px;height:16px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(22,24,29,.12);line-height:0}
.bandera svg{width:100%;height:100%;display:block}
.kicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.sec{padding-block:56px}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.sec-h > div{display:grid;gap:8px;min-width:0;max-width:720px}
.sec-h h2{font-size:clamp(26px,3vw,36px)}
.sec-h .sub{color:var(--page-muted);font-size:16px}
.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:14px 24px;font:800 16px/1.2 var(--font);text-decoration:none;cursor:pointer;white-space:nowrap}
.btn.main{background:var(--brand-btn);color:#fff}
.btn.main:hover{filter:brightness(.94)}
.btn.ghost{background:#fff;color:var(--page-fg);border:1px solid var(--page-line)}
.btn.ghost:hover{border-color:var(--brand)}
.btn.blanco{background:#fff;color:var(--page-fg)}
.btn.blanco:hover{background:#F2F2F4}

/* Cabecera */
.cab{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:#fff;border-bottom:1px solid #EFEFF3;transition:background .25s,border-color .25s,box-shadow .25s}
.cab.sombra{box-shadow:0 6px 24px rgba(22,24,29,.08)}
.cab-hueco{height:calc(71px + env(safe-area-inset-top,0px))}
/* Cabecera transparente sobre la foto de portada (como viajes); se vuelve blanca al hacer scroll */
.cab.trans{background:transparent;border-bottom-color:transparent;box-shadow:none}
.cab.trans .logo{color:#fff}
.cab.trans .maleta .m-cuerpo{fill:transparent;stroke:#fff;stroke-width:1.7}
.cab.trans .maleta .m-asa,.cab.trans .maleta .m-cinta{stroke:#fff}
.cab.trans .maleta .m-rueda{fill:#fff}
.cab.trans .cab-mg{color:#fff}
.cab.trans .cab-mg:hover{background:rgba(255,255,255,.16);color:#fff}
.cab.trans .id-bt{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55);color:#fff}
.cab.trans .cab-bus{background:rgba(255,255,255,.16);color:#fff}
.cab.trans .cab-menu{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.6);color:#fff}
.cab.trans .cab-menu i{background:#fff;box-shadow:0 5px 0 #fff,0 -5px 0 #fff}
.logo,.maleta *{transition:color .25s,fill .25s,stroke .25s}
.cab-in{display:flex;align-items:center;gap:24px;padding-block:14px}
.logo{font-weight:800;font-size:28px;letter-spacing:-.04em;color:var(--brand);text-decoration:none;display:inline-flex;align-items:baseline;gap:6px;line-height:1;flex:none}
.logo span{position:relative;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--brand);color:#fff;border-radius:6px;padding:4px 7px;transform:translateY(-4px)}
.maleta{position:absolute;right:-7px;top:-22px;width:25px;height:25px;transform:rotate(8deg);overflow:visible;pointer-events:none}
.maleta .m-cuerpo{fill:#FFD1E5;stroke:var(--brand);stroke-width:1.5}
.maleta .m-asa,.maleta .m-cinta{fill:none;stroke:var(--brand);stroke-width:1.6;stroke-linecap:round}
.maleta .m-rueda{fill:var(--brand)}
.cab-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0}
.cab-nav a{white-space:nowrap;color:var(--index);text-decoration:none;font-weight:700;font-size:16px;padding:10px 12px;border-radius:999px}
.cab-nav a:hover,.cab-nav a[aria-current="page"]{background:var(--brand-soft);color:var(--brand)}
.cab-d{display:flex;align-items:center;gap:10px;flex:none}
.cab-bus{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--brand-soft);color:var(--page-fg);border:0;cursor:pointer}
.cab-cta{display:inline-flex;align-items:center;gap:8px;background:var(--brand-btn);color:#fff;text-decoration:none;font-weight:800;font-size:15px;padding:5px 16px 5px 5px;border-radius:999px;white-space:nowrap}
.cab-cta:hover{filter:brightness(.94)}
.cab-av{width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center}
.cab-av svg{width:18px;height:18px;fill:var(--brand)}
.cab-menu{display:none;align-items:center;gap:6px;height:38px;padding:0 12px 0 10px;border-radius:999px;background:var(--brand-soft);border:1.5px solid var(--brand-line);color:var(--brand);font:800 14px var(--font);cursor:pointer}
.cab-menu i{display:block;width:16px;height:2px;background:var(--brand);box-shadow:0 5px 0 var(--brand),0 -5px 0 var(--brand)}
/* Menú principal con desplegables (copiado de viajes) */
.cab-mg{white-space:nowrap;color:var(--index);font:700 16px var(--font);padding:10px 12px;border-radius:999px;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.cab-mg svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;transition:transform .2s}
.cab-mg[aria-expanded="true"] svg{transform:rotate(180deg)}
.cab-mg:hover,.cab-mg[aria-expanded="true"],.cab-mg.on{background:var(--brand-soft);color:var(--brand)}
.cab-sp{display:inline-flex;align-items:center;gap:7px;border:0;background:var(--brand-line);color:var(--page-fg);border-radius:999px;padding:9px 14px;font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap}
.cab-sp .ico{width:16px;height:16px}
.cab-sp:hover{background:#F9BFD7}
.idioma{position:relative}
.id-bt{display:inline-flex;align-items:center;gap:5px;height:42px;padding:0 10px 0 11px;border-radius:999px;border:1px solid var(--page-line);background:#fff;color:var(--page-fg);font:800 14px var(--font);cursor:pointer}
.id-bt .ico{width:17px;height:17px;color:var(--index)}
.id-bt .chev{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.6}
.id-bt:hover,.id-bt[aria-expanded="true"]{border-color:var(--brand)}
.id-panel{position:absolute;right:0;top:calc(100% + 8px);width:230px;background:#fff;border:1px solid var(--page-line);border-radius:16px;box-shadow:0 24px 40px rgba(22,24,29,.12);padding:12px;z-index:5}
.id-panel p{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);padding:2px 8px 8px}
.id-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.id-panel a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;text-decoration:none;font-weight:700;font-size:15px;color:var(--page-fg)}
.id-panel a:hover{background:var(--brand-soft);color:var(--brand)}
.id-panel a[aria-current]{background:var(--brand-soft)}
.id-bt .bandera{width:22px;height:15px}
.movil .mv-idioma a{display:inline-flex;align-items:center;gap:6px}
.movil .mv-idioma .bandera{width:20px;height:14px}
.id-panel a .ico{margin-left:auto;color:var(--brand)}
.id-panel small{display:block;margin-top:8px;padding:8px 8px 2px;border-top:1px solid var(--page-line);font-size:12px;color:var(--page-muted)}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--page-line);box-shadow:0 24px 40px rgba(22,24,29,.12);max-height:calc(100vh - 80px);overflow:auto}
.mega-in{padding-block:22px 26px}
.mg-dos{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}
.mg-izq{display:grid;align-content:start;gap:14px}
.mg-tabs{display:grid;gap:4px}
.mg-tab{display:grid;text-align:left;border:0;background:none;border-radius:12px;padding:10px 14px;font:inherit;cursor:pointer;border-left:3px solid transparent}
.mg-tab span{font-weight:800;font-size:16px;color:var(--page-fg)}
.mg-tab small{font-size:12px;color:var(--page-muted)}
.mg-tab[aria-selected="true"]{background:var(--brand-soft);border-left-color:var(--brand)}
.mg-tab[aria-selected="true"] span{color:var(--page-fg)}
.mg-tab:hover span{color:var(--brand)}
.mg-todos{font-size:14px;font-weight:800;color:var(--brand);text-decoration:none;padding-left:14px}
.mg-paises{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mg-pais{position:relative;isolation:isolate;aspect-ratio:16/10;max-width:100%;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;padding:12px;color:#fff;text-decoration:none}
.mg-pais img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mg-pais::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.75) 100%);transition:background .2s}
.mg-pais:hover::before{background:linear-gradient(180deg,rgba(246,12,118,.15) 0%,rgba(0,0,0,.8) 100%)}
.mg-pn{font-weight:800;font-size:17px;line-height:1.15;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.mg-pd{background:#fff;color:var(--page-fg);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}
.mg-pd b{color:var(--brand)}
.mg-mas{margin-top:16px;font-size:14px;color:var(--page-muted);line-height:1.8}
.mg-mas a{color:var(--page-fg);text-decoration:none;font-weight:700;white-space:nowrap}
.mg-mas a:hover{color:var(--brand);text-decoration:underline}
.mg-pie{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--page-line);font-size:14px;color:var(--page-muted)}
.mg-pie a{color:var(--brand);font-weight:800;text-decoration:none}
.mg-pie span a{color:var(--page-fg);font-weight:700}
.mg-t{font-weight:800;font-size:22px;margin:0 0 18px;line-height:1.2;letter-spacing:-.02em}
.mg-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mg-card{position:relative;isolation:isolate;min-height:170px;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:16px;color:#fff;text-decoration:none}
.mg-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mg-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.8) 100%)}
.mg-card:hover::before{background:linear-gradient(180deg,rgba(246,12,118,.18) 0%,rgba(0,0,0,.82) 100%)}
.mg-ct{font-weight:800;font-size:19px;line-height:1.15}
.mg-cs{font-size:13px;opacity:.92}
.mg-cn{align-self:flex-start;margin-top:6px;background:#fff;color:var(--page-fg);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}
.mg-guias{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}
.mg-dest{background:var(--brand-soft);border-radius:var(--r);padding:20px;display:grid;gap:12px}
.mg-dest p:not(.kicker):not(.mg-t){font-size:14px;color:var(--page-muted)}
@media (max-width:1100px){.cab-sp span{display:none}.cab-sp{width:42px;height:42px;padding:0;justify-content:center}.cab-in{gap:14px}.cab-mg{padding:10px 8px}}

/* Menú del móvil */
.movil{display:none;border-top:1px solid #EFEFF3;background:#fff;max-height:calc(100dvh - 60px);overflow:auto}
.movil nav{display:flex;flex-direction:column;padding-block:12px 28px}
.movil .mv-cuenta{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:14px 16px;border-radius:14px;background:var(--brand-soft);color:var(--page-fg);font-weight:800;text-decoration:none}
.movil details{border-bottom:1px solid var(--page-line)}
.movil summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:800;padding:15px 2px;color:var(--page-fg)}
.movil summary::-webkit-details-marker{display:none}
.movil summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(45deg);transition:transform .2s}
.movil details[open] summary{color:var(--brand)}
.movil details[open] summary::after{transform:rotate(-135deg)}
.movil .mv-cont{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--index);margin:4px 0 8px}
.movil ul{list-style:none;margin:0;padding:0}
.movil .pills{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 16px}
.movil .pills a{display:inline-block;padding:8px 14px;border-radius:999px;background:var(--page-bg);border:1px solid var(--page-line);font-size:14px;font-weight:600;color:var(--page-fg);text-decoration:none}
.movil .pills a small{color:var(--page-muted);font-weight:500}
.movil .pills a.on{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand);font-weight:800}
.movil ul.una{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:2px 0 16px}
.movil .mv-tipo{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:96px;padding:10px 12px;border-radius:14px;overflow:hidden;color:#fff;font-weight:800;font-size:14px;line-height:1.2;text-decoration:none}
.movil .mv-tipo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.movil .mv-tipo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(22,24,29,.78),rgba(22,24,29,.05) 70%)}
.movil .mv-enl{display:block;font-size:15px;font-weight:700;color:var(--index);background:#F1F2F8;border-radius:12px;padding:13px 14px;margin-top:12px;text-decoration:none}
.movil .mv-idioma{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--page-line)}
.movil .mv-idioma span{font-size:13px;font-weight:800;color:var(--page-muted);margin-right:4px}
.movil .mv-idioma a{padding:7px 11px;border-radius:999px;border:1px solid var(--page-line);font-size:13px;font-weight:800;color:var(--page-fg);text-decoration:none}
.movil .mv-idioma a.on{background:var(--brand);border-color:var(--brand);color:#fff}
@media (max-width:900px){
  .cab-nav,.cab-cta .cab-t,.cab-sp,.idioma,.mega{display:none!important}
  .cab-in{gap:8px;padding-block:10px;justify-content:space-between}
  .cab-cta{padding:0;width:40px;height:40px;justify-content:center;background:transparent}
  .cab-cta .cab-av{width:28px;height:28px;border:2px solid var(--brand);background:transparent}
  .cab-menu{display:inline-flex}
  .cab.abierta .movil{display:block}
  .cab-hueco{height:calc(59px + env(safe-area-inset-top,0px))}
  .cab.trans .cab-cta .cab-av{border-color:#fff}
  .cab.trans .cab-cta .cab-av svg{fill:#fff}
  .logo{font-size:23px}
}
@media (max-width:360px){.logo{font-size:20px}.cab-bus{width:38px;height:38px}.cab-menu{padding:0 10px}.cab-menu b{display:none}}

/* Portada con foto */
.hero{position:relative;isolation:isolate;color:#fff;overflow:hidden;background:var(--dark)}
.hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(22,24,29,.55) 0,rgba(22,24,29,0) 170px),linear-gradient(90deg,rgba(22,24,29,.78) 0%,rgba(22,24,29,.45) 55%,rgba(22,24,29,.15) 100%),linear-gradient(0deg,rgba(22,24,29,.55),rgba(22,24,29,0) 45%)}
.hero-in{padding-block:calc(clamp(56px,9vw,112px) + 71px + env(safe-area-inset-top,0px)) clamp(40px,6vw,72px);display:grid;gap:18px;max-width:var(--ancho)}
.hero .pill{justify-self:start;background:var(--brand);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:6px}
.hero h1{font-size:clamp(40px,6.4vw,78px);letter-spacing:-.03em;max-width:13ch;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.hero h1 em{color:var(--brand-photo)}
.hero .lead{font-size:18px;max-width:52ch;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.buscar{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:6px 6px 6px 20px;max-width:560px;box-shadow:0 14px 30px rgba(22,24,29,.25)}
.buscar label{display:grid;flex:1;min-width:0;color:var(--page-fg)}
.buscar small{font-size:12px;color:var(--page-muted)}
.buscar input{border:0;outline:0;font:500 16px var(--font);color:var(--page-fg);background:transparent;padding:0;min-width:0;width:100%}
.buscar button{flex:none;width:48px;height:48px;border-radius:50%;border:0;background:var(--brand);color:#fff;display:grid;place-items:center;cursor:pointer}
.buscar button:hover{filter:brightness(.94)}
.hero-sug{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;align-items:center}
.hero-sug a{color:#fff;text-decoration:none;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35)}
.hero-sug a:hover{background:rgba(255,255,255,.28)}

/* Banda oscura de ventajas */
.banda{background:var(--dark);color:#fff}
.banda-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-block:22px}
.ven{display:flex;gap:12px;align-items:flex-start;min-width:0}
.ven .bola{flex:none;width:36px;height:36px;border-radius:50%;background:#2A2C33;display:grid;place-items:center}
.ven .bola.rosa{background:var(--brand)}
.ven b{display:block;font-size:15px;line-height:1.3}
.ven span{font-size:13px;color:var(--dark-fg)}
.ven a{color:#fff;font-weight:700;font-size:13px;text-underline-offset:3px}
@media (max-width:900px){.banda-in{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.banda-in{grid-template-columns:1fr;gap:14px}}

/* Tarjeta de artículo */
.art{display:flex;flex-direction:column;background:#fff;border:1px solid var(--page-line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--page-fg);transition:border-color .2s,box-shadow .2s,transform .2s;min-width:0}
.art:hover{border-color:var(--brand);box-shadow:0 14px 30px rgba(22,24,29,.10);transform:translateY(-2px)}
.art-f{position:relative;aspect-ratio:3/2;background:var(--page-line);overflow:hidden;max-width:100%}
.art-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tag{position:absolute;left:12px;top:12px;background:#fff;color:var(--page-fg);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.art-b{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.art-p{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--index)}
.art-n{font-weight:800;font-size:17px;line-height:1.25}
.art-ds{font-size:14px;color:var(--card-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art-pie{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--card-muted)}
.art-pie b{color:var(--brand);font-weight:800}
.rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rejilla.cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.rejilla.cuatro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:641px) and (max-width:900px){.rejilla > .art:nth-child(odd):last-child{grid-column:1/-1;flex-direction:row}.rejilla > .art:nth-child(odd):last-child .art-f{flex:0 0 50%;aspect-ratio:3/2}}
@media (max-width:640px){.rejilla,.rejilla.cuatro{grid-template-columns:1fr}}

/* Destacado */
.dest{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;margin-bottom:18px}
.dest-g .art-f{aspect-ratio:auto;flex:1;min-height:300px}
.dest-g{min-height:100%}
.dest-g .art-n{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.02em;line-height:1.15}
.dest-g .art-ds{-webkit-line-clamp:3;font-size:15px}
.dest-l{display:grid;gap:18px}
.art.fila{flex-direction:row}
.art.fila .art-f{flex:0 0 42%;aspect-ratio:3/2}
.art.fila .art-ds{-webkit-line-clamp:2}
@media (max-width:900px){.dest{grid-template-columns:1fr}.dest-g .art-f{min-height:0;aspect-ratio:3/2;flex:none}}
@media (max-width:640px){.art.fila{flex-direction:column}.art.fila .art-f{flex:none}}

/* Continentes */
.cont{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cont a{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3/2;max-width:100%;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;padding:16px;border:1px solid var(--page-line);transition:box-shadow .2s,transform .2s}
.cont a:hover{box-shadow:0 14px 30px rgba(22,24,29,.10);transform:translateY(-2px)}
.cont img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cont a::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(22,24,29,.78),rgba(22,24,29,.05) 65%)}
.cont b{font-size:22px;font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.cont span{font-size:14px;font-weight:700}
@media (max-width:900px){.cont{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.cont{grid-template-columns:1fr}}

/* Temas */
.temas{display:flex;flex-wrap:wrap;gap:10px}
.temas a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--page-line);text-decoration:none;font-weight:700;font-size:15px;color:var(--page-fg)}
.temas a small{font-size:13px;color:var(--page-muted);font-weight:500}
.temas a:hover{border-color:var(--brand);color:var(--brand)}
.temas a.on{background:var(--index);border-color:var(--index);color:#fff}
.temas a.on small{color:#C9CBEA}

/* Tarjeta de viaje (copiada de viajes.staytick.es) */
.c2-fila{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.c2-fila.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.c2-a{display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid var(--page-line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--page-fg);transition:border-color .2s,box-shadow .2s,transform .2s}
.c2-a:hover{border-color:var(--brand);box-shadow:0 14px 30px rgba(22,24,29,.10);transform:translateY(-2px)}
.c2-f{position:relative;display:block;aspect-ratio:3/2;max-width:100%;background:var(--page-line);overflow:hidden}
.c2-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c2-tg{position:absolute;left:12px;top:12px;background:#fff;color:var(--page-fg);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.c2-fav{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.c2-fav svg{width:18px;height:18px;fill:none;stroke:var(--page-fg);stroke-width:2;stroke-linejoin:round}
.c2-b{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.c2-b > *{min-width:0}
.c2-p{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--index)}
.c2-n{font-weight:800;font-size:16px;line-height:1.25}
.c2-ds{font-size:14px;color:var(--card-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c2-tr{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:700;color:var(--ok)}
.c2-tr svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.c2-tr.si{color:var(--index)}
.c2-sal{font-size:13px;color:var(--card-muted)}
.c2-sal b{color:var(--page-fg);font-weight:700}
.c2-pie{margin-top:auto;padding-top:12px;border-top:1px solid var(--page-line);display:flex;flex-direction:column;gap:4px}
.c2-precios{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:16px}
.c2-pr{font-size:13px;color:var(--card-muted);line-height:1.2}
.c2-pr b{display:block;font-size:26px;font-weight:800;color:var(--page-fg);letter-spacing:-.02em;line-height:1.1}
.c2-pz{display:block;padding-left:16px;border-left:2px solid #FFD1E5;font-size:12px;color:var(--card-muted);line-height:1.35}
.c2-pz b{display:block;font-size:20px;font-weight:800;color:var(--brand);letter-spacing:-.01em;line-height:1.15}
.c2-btn{margin-top:8px;display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:12px;background:var(--brand-btn);color:#fff;font-weight:800;font-size:15px}
.c2-a:hover .c2-btn{filter:brightness(.94)}
.c2-ver{margin-top:24px;text-align:center}
@media (max-width:1100px){.c2-fila,.c2-fila.tres{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .c2-fila,.c2-fila.tres{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:6px;scrollbar-width:none}
  .c2-fila::-webkit-scrollbar{display:none}
  .c2-fila > .c2-a{flex:0 0 82%;scroll-snap-align:start}
}

/* Pago a plazos */
.plazos{background:#fff;border-block:1px solid var(--page-line)}
.plazos-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;padding-block:56px}
.plazos h2{font-size:clamp(26px,3vw,36px)}
.pasos{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.pasos li{display:flex;gap:12px;align-items:flex-start}
.pasos .n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-weight:800;font-size:14px;display:grid;place-items:center}
.plazos .nota{margin-top:16px;font-size:13px;color:var(--page-muted);max-width:60ch}
.ejemplo{background:var(--page-bg);border:1px solid var(--page-line);border-radius:var(--r);padding:22px;display:grid;gap:14px;min-width:0}
.ejemplo .kicker{color:var(--page-fg);display:flex;align-items:center;gap:8px}
.ejemplo h3{font-size:18px}
.ejemplo .desde{font-size:14px;color:var(--page-muted)}
.cuotas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cuotas div{background:#fff;border:1px solid var(--page-line);border-radius:12px;padding:12px;display:grid;gap:2px;min-width:0}
.cuotas div:first-child{border-color:var(--brand);background:var(--brand-soft)}
.cuotas small{font-size:12px;color:var(--page-muted)}
.cuotas b{font-size:18px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.sc{display:inline-flex;align-items:center;background:var(--brand-line);color:var(--page-fg);border-radius:8px;padding:4px 9px;font-weight:800;font-size:13px;letter-spacing:0;text-transform:none}
@media (max-width:900px){.plazos-in{grid-template-columns:1fr;gap:24px;padding-block:40px}}
@media (max-width:380px){.cuotas{grid-template-columns:1fr}}

/* Alojamiento en staytick.es */
.aloj{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;border:1px solid var(--page-line);border-radius:var(--r);overflow:hidden}
.aloj-t{padding:clamp(22px,4vw,40px);display:grid;gap:12px;align-content:center}
.aloj-t h2{font-size:clamp(26px,3vw,36px)}
.aloj-t p:not(.kicker){color:var(--page-muted);max-width:44ch}
.aloj-t ul{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:8px}
.aloj-t li{display:flex;gap:8px;align-items:center;font-weight:700;font-size:15px}
.aloj-t li svg{color:var(--ok)}
.aloj-t .btn{justify-self:start}
.aloj-f{position:relative;min-height:280px}
.aloj-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.aloj{grid-template-columns:1fr}.aloj-f{min-height:0;aspect-ratio:3/2;order:-1}}

/* Pie: igual que viajes.staytick.es (franja degradada + pie blanco: marca, StayTick, Ayuda y legal, Síguenos y pagos) */
.pie-al{background:linear-gradient(100deg,#D4106F 0%,#9E177A 35%,#2E2B6E 100%);color:#fff;padding-block:clamp(40px,5vw,64px);margin-top:56px}
.pie-al-in{display:flex;align-items:center;justify-content:space-between;gap:24px 48px;flex-wrap:wrap}
.pie-al-k{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#FFD1E6;margin:0}
.pie-al-t{font-size:clamp(26px,3.2vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#fff;margin:6px 0 8px}
.pie-al-t em{color:#FFD1E6}
.pie-al-s{font-size:16px;line-height:1.5;color:#fff;opacity:.9;max-width:56ch;margin:0}
.pie-al-btn{flex:none;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--brand);font-weight:800;font-size:16px;padding:14px 24px;border-radius:999px;text-decoration:none;box-shadow:0 10px 26px rgba(40,6,30,.25)}
.pie-al-btn:hover{color:var(--brand);transform:translateY(-1px)}
.pie{background:#fff;color:var(--page-fg);padding-block:56px 32px}
.pie .wrap{display:grid;gap:32px}
.pie-top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px}
.pie-marca{display:grid;gap:16px;align-content:start}
.pie-marca .logo{justify-self:start}
.pie-lema{font-size:20px;font-weight:800;line-height:1.25;color:var(--page-fg);max-width:22ch}
.pie-marca p.txt{font-size:15px;line-height:1.55;color:var(--page-muted);max-width:40ch}
.pie-tel{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.pie-tel li{display:grid;gap:1px}
.pie-tel a{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:16px;color:inherit;text-decoration:none;width:max-content;max-width:100%}
.pie-tel a:hover{color:var(--brand)}
.pie-tel svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pie-tel span{font-size:13px;opacity:.75;padding-left:26px}
.pie-tel .pie-tel-n{font-size:13px;opacity:.75}
.pie .pie-h{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#16181D;margin:0 0 18px;line-height:1.2}
.pie .pie-h2{margin-top:34px}
.pie-col ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pie .pie-col a{color:#3A3F47;font-size:15px;font-weight:500;text-decoration:none}
.pie .pie-col a:hover{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.redes2{display:flex;gap:14px;flex-wrap:wrap}
.pie .redes2 a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none}
.redes2 svg{width:19px;height:19px;fill:#fff}
.rd-fb{background:#1877F2}
.rd-ig{background:radial-gradient(circle at 30% 110%,#FDCB52 0%,#FD5949 35%,#D6249F 60%,#285AEB 100%)}
.rd-x,.rd-tt{background:#000}
.rd-li{background:#0A66C2}
.pie .redes2 a:hover{filter:brightness(1.1);text-decoration:none}
.pagos2{display:flex;gap:12px;flex-wrap:wrap}
.pg{display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:52px;padding:0 12px;border-radius:6px;font-weight:800;font-size:14px}
.pg-visa{background:#1A1F71;color:#fff;font-style:italic;letter-spacing:.02em}
.pg-mc{background:#fff;border:1px solid var(--page-line);gap:0}
.pg-mc i{width:16px;height:16px;border-radius:50%;background:#EB001B;display:block}
.pg-mc i+i{background:#F79E1B;margin-left:-6px;mix-blend-mode:multiply}
.pg-sc{background:#F3A3C3;color:#16181D}
.pie-bajo{border-top:1px solid var(--page-line);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.pie-bajo p{font-size:14px;color:var(--page-muted);margin:0}
@media (max-width:900px){.pie-top{grid-template-columns:repeat(2,minmax(0,1fr))}.pie-marca{grid-column:1/-1}.pie-al{margin-top:0}}
@media (max-width:640px){.pie-top{grid-template-columns:1fr;gap:32px}.pie-al-btn{width:100%;justify-content:center}.pie-lema{font-size:18px}}

/* Migas */
.migas{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;font-weight:700;color:var(--page-muted);padding-block:18px 0}
.migas a{text-decoration:none;color:var(--page-muted)}
.migas a:hover{color:var(--brand)}
.migas span[aria-current]{color:var(--page-fg)}

/* Página de destino */
.d-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;padding-block:24px 48px}
.d-hero-t{display:grid;gap:16px;min-width:0}
.d-hero h1{font-size:clamp(36px,5vw,60px);letter-spacing:-.03em}
.d-hero .lead{font-size:18px;color:var(--page-muted);max-width:50ch}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span,.chips a{background:#fff;border:1px solid var(--page-line);border-radius:999px;padding:7px 13px;font-size:14px;font-weight:700;text-decoration:none;color:var(--page-fg)}
.chips .rosa{background:var(--brand);border-color:var(--brand);color:#fff}
.d-hero-f{position:relative;aspect-ratio:5/3;max-width:100%;border-radius:var(--r);overflow:hidden;border:1px solid var(--page-line)}
.d-hero-f img{width:100%;height:100%;object-fit:cover}
.d-hero-f figcaption{position:absolute;left:12px;bottom:12px;background:#fff;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.d-hero .acc{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:900px){.d-hero{grid-template-columns:1fr;gap:24px;padding-block:16px 32px}.d-hero-f{order:-1}}
.aviso{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:12px;padding:12px 16px;font-size:15px}
.aviso a{font-weight:800;color:var(--brand);text-underline-offset:3px}
.orden{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--page-muted)}
.orden select{font:700 15px var(--font);color:var(--page-fg);background:#fff;border:1px solid var(--page-line);border-radius:12px;padding:10px 12px}
.mas{margin-top:24px;text-align:center}

/* Artículo */
.a-cab{display:grid;gap:16px;padding-block:20px 28px;max-width:860px}
.a-cab h1{font-size:clamp(34px,4.6vw,56px);letter-spacing:-.03em}
.a-cab .lead{font-size:19px;color:#3A3F47;max-width:62ch}
.a-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;color:var(--page-muted);align-items:center}
.a-meta b{color:var(--page-fg)}
.a-portada{border-radius:var(--r);overflow:hidden;aspect-ratio:5/2;max-width:100%;border:1px solid var(--page-line)}
.a-portada img{width:100%;height:100%;object-fit:cover}
.a-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start;padding-block:40px 0}
.a-top .hero-in{padding-block:calc(40px + 71px + env(safe-area-inset-top,0px)) clamp(36px,5vw,64px);gap:16px}
.a-top h1{font-size:clamp(34px,4.6vw,60px);max-width:20ch}
.a-top .lead{font-size:18px;max-width:62ch}
.a-meta.claro{color:rgba(255,255,255,.85)}
.a-meta.claro b{color:#fff}
.a-meta.claro .compartir{color:rgba(255,255,255,.85);margin-left:8px}
.a-meta.claro .compartir a{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff}
.a-meta.claro .compartir a:hover{background:#fff;color:var(--brand);border-color:#fff}
@media (max-width:900px){.a-top .hero-in{padding-top:calc(28px + 59px + env(safe-area-inset-top,0px))}}
.cuerpo{min-width:0;font-size:18px;line-height:1.75;color:#262A31}
.cuerpo strong,.cuerpo b{color:var(--page-fg);font-weight:700}
.cuerpo ul:not(.tips),.cuerpo ol:not(.tips){padding-left:0;list-style:none;display:grid;gap:8px}
.cuerpo ul:not(.tips) li{position:relative;padding-left:22px}
.cuerpo ul:not(.tips) li::before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.en-corto{background:#fff;border:1px solid var(--page-line);border-radius:var(--r);padding:20px 22px;display:grid;gap:10px}
.en-corto ul{margin:0}
.en-corto li{font-size:16px;line-height:1.55}
.consejo{display:flex;gap:12px;align-items:flex-start;background:var(--chip);border:1px solid #DCDCF0;border-radius:14px;padding:16px 18px;font-size:16px;line-height:1.6}
.consejo .ico{flex:none;width:22px;height:22px;color:var(--index);margin-top:2px}
.tips{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:t}
.tips li{position:relative;background:#fff;border:1px solid var(--page-line);border-radius:14px;padding:14px 16px 14px 58px;font-size:16px;line-height:1.6}
.tips li::before{counter-increment:t;content:counter(t);position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center}
.cuerpo .final{font-size:19px;line-height:1.65;margin-top:36px;padding-top:24px;border-top:1px solid var(--page-line)}
.cuerpo h2 em{color:var(--brand)}
.cuerpo > * + *{margin-top:18px}
.cuerpo h2{font-size:clamp(26px,3vw,32px);color:var(--page-fg);margin-top:44px;scroll-margin-top:90px}
.cuerpo h3{font-size:20px;color:var(--page-fg);margin-top:28px;letter-spacing:-.01em}
.cuerpo figure{margin:24px 0 0}
.cuerpo figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px;border:1px solid var(--page-line)}
.cuerpo figcaption{font-size:14px;color:var(--page-muted);margin-top:8px}
.cuerpo a{color:var(--brand);font-weight:700;text-underline-offset:3px}
.datos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.datos div{background:#fff;border:1px solid var(--page-line);border-radius:12px;padding:14px 16px;min-width:0}
.datos small{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--index)}
.datos b{display:block;font-size:20px;letter-spacing:-.01em;line-height:1.25;margin-top:4px;color:var(--page-fg)}
.datos span{font-size:14px;color:var(--page-muted);line-height:1.4;display:block;margin-top:2px}
@media (max-width:420px){.datos{grid-template-columns:1fr}}
.caja{background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:var(--r);padding:20px;display:grid;gap:10px}
.caja .kicker{display:flex;align-items:center;gap:8px}
.caja h3{margin:0;font-size:22px}
.caja p{font-size:16px;line-height:1.5}
.caja .btn{justify-self:start;font-size:15px;padding:12px 20px}
.caja.gris{background:#fff;border-color:var(--page-line)}
.faq{display:grid;gap:10px}
.faq details{background:#fff;border:1px solid var(--page-line);border-radius:12px}
.faq details[open]{border-color:var(--brand-line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-weight:800;font-size:17px;line-height:1.3;color:var(--page-fg)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:2.5px solid var(--brand);border-bottom:2.5px solid var(--brand);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg) translateX(-2px)}
.faq details p{padding:0 18px 16px;font-size:16px;line-height:1.55}
.lateral{position:sticky;top:calc(env(safe-area-inset-top,0px) + 90px);display:grid;gap:18px}
.indice{background:#fff;border:1px solid var(--page-line);border-radius:16px;padding:18px}
.indice p{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:10px}
.indice ol{margin:0;padding:0;list-style:none;display:grid;gap:2px;counter-reset:i}
.indice a{display:flex;gap:10px;padding:8px 10px;border-radius:10px;text-decoration:none;font-size:15px;font-weight:700;color:var(--index);line-height:1.3}
.indice a::before{counter-increment:i;content:counter(i);flex:none;width:22px;height:22px;border-radius:50%;background:var(--chip);color:var(--index);font-size:12px;display:grid;place-items:center}
.indice a:hover,.indice a.on{background:var(--brand-soft);color:var(--brand)}
.indice a.on::before{background:var(--brand);color:#fff}
.compartir{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--page-muted)}
.compartir a{width:38px;height:38px;border-radius:50%;border:1px solid var(--page-line);background:#fff;display:grid;place-items:center;color:var(--page-fg)}
.compartir a:hover{border-color:var(--brand);color:var(--brand)}
@media (max-width:1000px){.a-grid{grid-template-columns:1fr;gap:28px}.lateral{position:static;order:-1}.lateral [data-lateral],.lateral > a.caja,.lateral > .lat-arts{display:none}}
@media (max-width:640px){.cuerpo{font-size:17px}.a-portada{aspect-ratio:3/2}}
.cierre{background:#fff;border-block:1px solid var(--page-line);margin-top:56px}
.cierre-in{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:center}
.cierre-t{display:grid;gap:12px;max-width:620px}
.cierre-t h2{font-size:clamp(26px,3vw,36px)}
.cierre-t .sub{color:var(--page-muted)}
.c2-fila.uno{display:grid;grid-template-columns:1fr}
@media (max-width:900px){.cierre-in{grid-template-columns:1fr}.c2-fila.uno{max-width:420px}}
/* Tarjetas de viaje dentro del texto del artículo */
.en-texto{display:grid;gap:14px;margin-top:28px;font-size:16px;line-height:1.5}
.cuerpo .en-texto .c2-a,.cuerpo .hc2{color:var(--page-fg);font-weight:400}
.en-texto-t{font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--page-fg);margin:0}
.en-texto-s{font-size:16px;color:var(--page-muted);margin:-6px 0 0}
.cuerpo .en-texto > * + *{margin-top:0}
.en-texto .kicker{display:flex;align-items:center;gap:8px}
.c2-fila.dos{grid-template-columns:repeat(2,minmax(0,1fr))}
.en-texto .ver-todos{justify-self:start;font-weight:800;color:var(--brand);text-decoration:none;font-size:16px}
.en-texto .ver-todos:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:1100px){.c2-fila.dos{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Tarjeta de hotel (copiada de viajes.staytick.es, bloque «Duerme en el destino») */
.hc-fila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hc2{display:flex;flex-direction:column;background:#fff;border:1px solid var(--page-line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--page-fg);box-shadow:0 2px 10px rgba(22,24,29,.05);transition:transform .25s,box-shadow .25s,border-color .25s;min-width:0}
.hc2:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(22,24,29,.10);border-color:var(--brand)}
.hc2 .ph{position:relative;display:block;aspect-ratio:16/11;max-width:100%;overflow:hidden;background:var(--page-line)}
.hc2 .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hc2-p{position:absolute;top:12px;left:12px;background:#fff;color:var(--page-fg);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:5px 10px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.hc2-b{display:flex;flex-direction:column;gap:8px;padding:16px 16px 14px;flex:1}
.hc2-n{font-weight:800;font-size:18px;line-height:1.2}
.hc2-f{font-size:14px;line-height:1.4;color:var(--page-muted)}
.hc2-v{display:flex;flex-wrap:wrap;gap:6px}
.hc2-v span{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--ok);background:#EAF5EF;border-radius:999px;padding:3px 9px}
.hc2-v .ico{width:13px;height:13px}
.hc2-pie{display:flex;align-items:center;gap:8px;border-top:1px solid var(--page-line);padding-top:12px;margin-top:auto}
.hc2-l{font-size:15px;font-weight:800;color:var(--brand)}
.hc2-pie small{margin-left:auto;font-size:12px;color:var(--page-muted)}
.hc2:hover .hc2-l{text-decoration:underline;text-underline-offset:3px}
.hc-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hc-mini .hc2-b{padding:12px 12px 12px;gap:4px}
.hc-mini .hc2-n{font-size:16px}
.hc-mini .hc2-f{font-size:13px}
@media (max-width:900px){.hc-fila{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .hc-fila,.hc-mini{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:6px;scrollbar-width:none}
  .hc-fila::-webkit-scrollbar,.hc-mini::-webkit-scrollbar{display:none}
  .hc-fila > .hc2,.hc-mini > .hc2{flex:0 0 78%;scroll-snap-align:start}
}

/* Guía de destino */
.g-hero{position:relative;isolation:isolate;border-radius:var(--r);overflow:hidden;color:#fff;min-height:440px;display:flex;align-items:flex-end;background:var(--dark);margin-top:16px}
.g-hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.g-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,24,29,.8) 0%,rgba(22,24,29,.4) 60%,rgba(22,24,29,.1) 100%),linear-gradient(0deg,rgba(22,24,29,.5),rgba(22,24,29,0) 50%)}
.g-hero-in{padding:clamp(22px,4vw,48px);display:grid;gap:16px;max-width:760px}
.g-hero .pill{justify-self:start;background:var(--brand);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:6px}
.g-hero h1{font-size:clamp(36px,5.2vw,64px);letter-spacing:-.03em;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.g-hero h1 em{color:var(--brand-photo)}
.g-hero .lead{font-size:18px;text-shadow:0 2px 14px rgba(0,0,0,.35);max-width:54ch}
.g-hero .chips span{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);color:#fff}
.g-hero .chips span.rosa{background:var(--brand);border-color:var(--brand)}
.g-hero figcaption{position:absolute;right:14px;bottom:14px;font-size:12px;font-weight:700;color:#fff;opacity:.85;text-shadow:0 1px 6px rgba(0,0,0,.5)}
@media (max-width:640px){.g-hero{min-height:0}.g-hero-in{padding-top:120px}.g-hero figcaption{display:none}}
.accesos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:18px}
.accesos a{display:grid;justify-items:center;gap:8px;text-align:center;background:#fff;border:1px solid var(--page-line);border-radius:16px;padding:14px 8px;text-decoration:none;font-weight:800;font-size:14px;line-height:1.2;color:var(--page-fg);transition:border-color .2s,transform .2s}
.accesos a:hover{border-color:var(--brand);transform:translateY(-2px)}
.accesos .bola{width:40px;height:40px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}
@media (max-width:1000px){.accesos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:420px){.accesos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vistazo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.vistazo div{background:#fff;border:1px solid var(--page-line);border-radius:16px;padding:16px;display:grid;gap:4px;align-content:start;min-width:0}
.vistazo small{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--index)}
.vistazo b{font-size:22px;letter-spacing:-.02em;line-height:1.2}
.vistazo span{font-size:14px;color:var(--page-muted);line-height:1.45}
@media (max-width:900px){.vistazo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.vistazo{grid-template-columns:1fr}}
.meses{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}
.mes{border-radius:14px;padding:12px 6px;display:grid;justify-items:center;gap:4px;text-align:center;border:1px solid transparent;min-width:0}
.mes b{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.mes .ico{width:22px;height:22px}
.mes span{font-size:12px;font-weight:700;line-height:1.2}
.mes small{font-size:12px;opacity:.85;font-variant-numeric:tabular-nums}
.mes.n1{background:#E3F2EA;border-color:#BFE1CE;color:var(--ok)}
.mes.n2{background:var(--chip);border-color:#DCDCF0;color:var(--index)}
.mes.n3{background:var(--brand-soft);border-color:var(--brand-line);color:#B0085A}
@media (max-width:900px){.meses{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:640px){.meses{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ley{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:13px;color:var(--page-muted)}
.ley i{display:inline-block;width:12px;height:12px;border-radius:4px;vertical-align:-1px;margin-right:6px;border:1px solid}
.clima{background:#fff;border:1px solid var(--page-line);border-radius:var(--r);padding:clamp(16px,3vw,24px);display:grid;gap:16px;min-width:0}
.tabs{display:flex;gap:4px;background:var(--brand-soft);border-radius:14px;padding:5px;overflow-x:auto;scrollbar-width:none}
.tabs button{flex:1;border:0;background:none;border-radius:10px;padding:10px 14px;font:700 15px var(--font);color:var(--index);cursor:pointer;white-space:nowrap}
.tabs button[aria-selected="true"]{background:#fff;color:var(--brand);box-shadow:0 2px 8px rgba(246,12,118,.15)}
.grafico{overflow-x:auto}
.grafico svg{display:block;max-width:none}
.grafico text{font-family:var(--font);fill:var(--page-muted);font-size:12px}
.grafico .vmax{fill:var(--page-fg);font-weight:800;font-size:13px}
.grafico .col:hover rect.barra{filter:brightness(.9)}
.grafico .col:hover .fondo{fill:var(--brand-soft)}
.tabla{overflow-x:auto}
.tabla table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px;font-variant-numeric:tabular-nums}
.tabla th,.tabla td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--page-line)}
.tabla th:first-child,.tabla td:first-child{text-align:left;white-space:nowrap;font-weight:800;color:var(--page-fg)}
.tabla thead th{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--index)}
.fuente{font-size:13px;color:var(--page-muted)}
.lugares{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 0 8px}
.lugares::-webkit-scrollbar{display:none}
.lugares .art{scroll-snap-align:start}
@media (max-width:1100px){.lugares{grid-auto-columns:calc((100% - 18px)/2)}}
@media (max-width:640px){.lugares{grid-auto-columns:82%}}
.flechas,.sec-h > .flechas{display:inline-flex;gap:8px}
.flechas button{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--page-fg);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--page-fg)}
.flechas button:hover:not(:disabled){background:var(--brand);color:#fff;border-color:var(--brand)}
.flechas button:disabled{opacity:.3;cursor:default}
.flechas .ico{width:20px;height:20px;stroke-width:2.4}
@media (max-width:640px){.flechas,.sec-h > .flechas{display:none}}
.practico{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.practico div{background:#fff;border:1px solid var(--page-line);border-radius:16px;padding:18px;display:grid;gap:8px;align-content:start;min-width:0}
.practico .bola{width:38px;height:38px;border-radius:50%;background:var(--chip);color:var(--index);display:grid;place-items:center}
.practico h3{font-size:18px}
.practico p{font-size:15px;color:#3A3F47;line-height:1.5}
.practico a{color:var(--brand);font-weight:700;text-underline-offset:3px}
@media (max-width:900px){.practico{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.practico{grid-template-columns:1fr}}
.revisado{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--page-muted);margin-top:14px}
.g-dos{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}
/* Texto SEO de la guía */
.g-intro{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start}
.g-prosa{font-size:17px;line-height:1.7;color:#2A2E35;max-width:820px;min-width:0}
.g-prosa > * + *{margin-top:14px}
.g-prosa h2{font-size:clamp(26px,3vw,36px);color:var(--page-fg);margin-top:8px}
.g-prosa > * + h2{margin-top:40px}
.g-prosa > * + h3{margin-top:28px}
.g-prosa > .respuesta + *{margin-top:32px}
.g-prosa h3{font-size:20px;color:var(--page-fg);letter-spacing:-.01em;margin:0 0 8px}
.g-prosa a{color:var(--brand);font-weight:700;text-underline-offset:3px}
.g-prosa strong{color:var(--page-fg)}
.g-col2{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin-top:8px}
.g-col2 > *{margin:0}
.g-col2 > div{background:#fff;border:1px solid var(--page-line);border-radius:16px;padding:20px 22px}
.g-col2 p{font-size:16px;line-height:1.65}
.g-h3{font-size:22px;letter-spacing:-.02em;margin:36px 0 16px}
.g-mas{margin-top:18px;font-size:16px;color:var(--page-muted)}
.g-mas a{color:var(--brand);font-weight:700;text-underline-offset:3px}
.g-autor{background:#fff;border:1px solid var(--page-line);border-radius:16px;padding:20px;display:grid;gap:10px;font-size:14px;color:#3A3F47}
.g-autor ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.g-autor b{color:var(--page-fg)}
.estaciones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}
.estaciones > div{background:#fff;border:1px solid var(--page-line);border-radius:16px;padding:18px;display:grid;gap:6px;align-content:start;min-width:0}
.estaciones .est-t{font-weight:800;font-size:18px;line-height:1.25;letter-spacing:-.01em}
.estaciones p:not(.kicker):not(.est-t){font-size:15px;color:#3A3F47;line-height:1.55}
.ruta{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:d;position:relative}
.ruta li{position:relative;display:grid;gap:4px;padding:0 0 22px 44px;min-width:0}
.ruta li::before{counter-increment:d;content:counter(d);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center}
.ruta li::after{content:"";position:absolute;left:14px;top:32px;bottom:2px;width:2px;background:var(--brand-line)}
.ruta li:last-child::after{display:none}
.ruta b{font-size:17px;line-height:1.3;padding-top:4px}
.ruta span{font-size:16px;color:#3A3F47;line-height:1.55}
.ruta-caja{position:sticky;top:calc(env(safe-area-inset-top,0px) + 150px)}
.ruta-caja .btn{justify-self:stretch}
.precio-t table{min-width:720px;background:#fff;border:1px solid var(--page-line);border-radius:16px;overflow:hidden;font-size:15px}
.precio-t td,.precio-t th{text-align:left;padding:12px 14px}
.precio-t td a{color:var(--brand);font-weight:800;text-decoration:none;white-space:nowrap}
@media (max-width:1100px){.estaciones{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){.g-intro{grid-template-columns:1fr;gap:24px}.ruta-caja{position:static}}
@media (max-width:640px){.g-col2,.estaciones{grid-template-columns:1fr}.g-prosa{font-size:16px}}

/* Landings satélite */
.respuesta{background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:16px;padding:18px 20px;display:grid;gap:6px}
.respuesta p:not(.kicker){font-size:18px;line-height:1.55;color:var(--page-fg)}
a.mes{text-decoration:none}
a.mes:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(22,24,29,.10)}
.t-calor{min-width:760px;background:#fff;border:1px solid var(--page-line);border-radius:16px;overflow:hidden}
.t-calor td{font-weight:800}
.tn1{color:var(--ok)!important;background:#EAF5EF}
.tn2{color:var(--index)!important;background:var(--chip)}
.tn3{color:#B0085A!important;background:var(--brand-soft)}
.mes-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.mes-pills::-webkit-scrollbar{display:none}
.mes-pills a{flex:none;min-width:56px;text-align:center;padding:9px 12px;border-radius:999px;border:1px solid var(--page-line);text-decoration:none;font-weight:800;font-size:14px}
.mes-pills a.on{background:var(--index)!important;color:#fff!important;border-color:var(--index)}
.lugares-l{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:l}
.lugares-l li{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:28px;align-items:center;background:#fff;border:1px solid var(--page-line);border-radius:var(--r);overflow:hidden;padding-right:28px}
.ll-f{position:relative;display:block;aspect-ratio:3/2;max-width:100%;overflow:hidden}
.ll-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ll-f::before{counter-increment:l;content:counter(l);position:absolute;z-index:1;left:14px;top:14px;width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;font-size:17px;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.ll-t{display:grid;gap:8px;padding-block:20px;min-width:0}
.ll-t h2{font-size:clamp(22px,2.4vw,28px)}
.ll-t p:not(.kicker){font-size:16px;line-height:1.6;color:#3A3F47;max-width:62ch}
.ll-inc{justify-self:start;display:inline-flex;align-items:center;gap:6px;background:#EAF5EF;color:var(--ok);font-weight:800;font-size:14px;border-radius:999px;padding:6px 12px;text-decoration:none}
.ll-inc:hover{text-decoration:underline}
@media (max-width:760px){.lugares-l li{grid-template-columns:1fr;padding:0}.ll-t{padding:4px 18px 20px}}
.cluster{display:flex;flex-wrap:wrap;gap:10px}
.cluster a{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:#fff;border:1px solid var(--page-line);font-weight:800;font-size:15px;text-decoration:none;color:var(--page-fg)}
.cluster a:hover{border-color:var(--brand);color:var(--brand)}
.cluster a .ico{color:var(--brand)}

/* Portada de la guía (patrón de las páginas de destino de viajes) */
.g-top .hero-in{padding-block:calc(28px + 71px + env(safe-area-inset-top,0px)) clamp(36px,5vw,64px);gap:16px}
.g-top h1{font-size:clamp(36px,4.8vw,62px);max-width:none}
.g-top .lead{font-size:18px;max-width:60ch}
.migas.claro{padding:0;color:rgba(255,255,255,.85)}
.migas.claro a{color:rgba(255,255,255,.85)}
.migas.claro a:hover{color:#fff}
.migas.claro span[aria-current]{color:#fff}
.chips.claras span{background:#fff;border-color:#fff;color:var(--page-fg)}
.chips.claras span.rosa{background:var(--brand);border-color:var(--brand);color:#fff}
.g-datos{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.g-datos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.g-datos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;padding-block:16px}.g-datos::-webkit-scrollbar{display:none}.g-datos .ven{flex:0 0 72%;scroll-snap-align:start}}
.g-nav{position:sticky;top:calc(71px + env(safe-area-inset-top,0px));z-index:30;background:#fff;border-bottom:1px solid var(--page-line)}
.g-nav-in{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;padding-block:10px}
.g-nav-in::-webkit-scrollbar{display:none}
.g-nav-in a:not(.btn){flex:none;white-space:nowrap;text-decoration:none;font-weight:700;font-size:15px;color:var(--index);padding:9px 14px;border-radius:999px}
.g-nav-in a:not(.btn):hover{background:var(--brand-soft);color:var(--brand)}
.g-nav-in a.on{background:var(--index);color:#fff}
.g-nav-cta{margin-left:auto;flex:none;padding:10px 18px;font-size:15px}
[id^="g-"],#guias-egipto,#d-viajes,#d-hoteles{scroll-margin-top:calc(140px + env(safe-area-inset-top,0px))!important}
.d-banda{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-block:16px;font-size:15px;color:var(--dark-fg)}
.d-banda b{color:#fff}
.d-banda a{color:#fff;font-weight:800;text-underline-offset:3px}
.g-nav-sep{flex:none;width:1px;height:22px;background:var(--page-line);margin:0 6px}
@media (max-width:900px){.g-nav{top:calc(59px + env(safe-area-inset-top,0px))}.g-nav-cta{display:none}.g-top .hero-in{padding-top:calc(24px + 59px + env(safe-area-inset-top,0px))}}
.tabla{position:relative} /* el texto para lectores de pantalla no se escapa del carrusel y no ensancha el móvil */
/* Buscador con sugerencias mientras se escribe */
.con-sug{position:relative}
.hero.con-buscador{overflow:visible;z-index:5}
.hero.con-buscador > img{clip-path:inset(0)}
.sug{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;background:#fff;color:var(--page-fg);border:1px solid var(--page-line);border-radius:18px;box-shadow:0 22px 50px rgba(22,24,29,.22);padding:8px;max-height:min(70vh,520px);overflow-y:auto;text-align:left;text-shadow:none}
.bus-panel .sug{position:static;margin-top:10px;box-shadow:none;max-height:60vh;padding:4px 0 0;border:0;border-top:1px solid var(--page-line);border-radius:0}
.sug.cargando{opacity:.6}
.sug-t{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);padding:10px 10px 4px;margin:0}
.sug a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;text-decoration:none;color:var(--page-fg)}
.sug a:hover,.sug a.on{background:var(--brand-soft)}
.sug-f{flex:none;width:52px;height:40px;border-radius:9px;overflow:hidden;background:var(--page-line)}
.sug-d .sug-f{width:52px;height:52px;border-radius:12px}
.sug-f img{width:100%;height:100%;object-fit:cover;display:block}
.sug-x{display:grid;gap:2px;min-width:0;flex:1}
.sug-x b{font-size:15px;line-height:1.3;font-weight:800;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sug-d .sug-x b{font-size:17px}
.sug-x small{font-size:13px;color:var(--page-muted)}
.sug-ir{color:var(--brand);font-weight:800}
.sug-todos{justify-content:center;font-weight:800;color:var(--brand)!important;border-top:1px solid var(--page-line);border-radius:0 0 12px 12px!important;margin-top:6px;padding:12px 10px!important}
.sug-nada{margin:0;padding:14px 12px;font-size:15px;color:var(--page-muted)}
/* Página de resultados */
.bus-top{padding-top:calc(48px + 71px)}
.bus-top .wrap{display:grid;gap:14px}
.bus-top h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.02em;margin:0}
.bus-top h1 em{color:var(--brand)}
.buscar.claro{border:1px solid var(--page-line);box-shadow:0 10px 26px rgba(22,24,29,.08)}
.bus-dest{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.bus-d{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--page-line);border-radius:16px;padding:10px;text-decoration:none;color:var(--page-fg);transition:border-color .2s,box-shadow .2s}
.bus-d:hover{border-color:var(--brand);box-shadow:0 14px 30px rgba(22,24,29,.08)}
.bus-d-f{flex:none;width:84px;height:84px;border-radius:12px;overflow:hidden;background:var(--page-line)}
.bus-d-f img{width:100%;height:100%;object-fit:cover;display:block}
.bus-d-t{display:grid;gap:3px;min-width:0}
.bus-d-t small{font-size:12px;color:var(--page-muted)}
.bus-d-t b{font-size:20px;line-height:1.2}
.bus-d-t > span{font-size:14px;font-weight:800;color:var(--brand)}
.bus-vacio{display:grid;gap:14px;max-width:720px}
.bus-vacio h2 em{color:var(--brand)}
@media (max-width:900px){.bus-top{padding-top:calc(32px + 59px)}}
@media (max-width:640px){.sug{left:-6px;right:-6px}.sug-d .sug-f{width:44px;height:44px}}
/* Lateral del artículo: los otros artículos del país, a la vista */
.lat-arts{display:grid;gap:12px}
.lat-arts ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.lat-arts li a{display:flex;align-items:center;gap:12px;padding:6px;margin:0 -6px;border-radius:12px;text-decoration:none;color:var(--page-fg);font-size:15px;font-weight:700;line-height:1.3}
.lat-arts li a:hover{background:var(--brand-soft);color:var(--brand)}
.lat-f{flex:none;width:56px;height:56px;border-radius:10px;overflow:hidden;background:var(--page-line)}
.lat-f img{width:100%;height:100%;object-fit:cover;display:block}
.lat-todos{font-size:14px;font-weight:800;color:var(--brand);text-decoration:none}
.lat-todos:hover{text-decoration:underline;text-underline-offset:3px;color:var(--brand)}
.mas-arts{margin-top:18px}
.mas-arts > summary{list-style:none;display:flex;width:max-content;margin:0 auto;cursor:pointer}
.mas-arts > summary::-webkit-details-marker{display:none}
.mas-arts[open] > summary{display:none}
.admin-bar .g-nav{top:103px}
@media (max-width:900px){.admin-bar .g-nav{top:91px}}
@media (max-width:782px){.admin-bar .g-nav{top:105px}}
.g-lat{position:sticky;top:calc(env(safe-area-inset-top,0px) + 150px);display:grid;gap:18px}
@media (max-width:1000px){.g-dos{grid-template-columns:1fr}.g-lat{position:static}}



/* ---------- Ajustes para WordPress (fase 1) ---------- */
.st-con-foto .cab-hueco{display:none}
.mg-pais.sinfoto{background:linear-gradient(160deg,var(--index),var(--brand))}
.bus-panel{width:min(360px,calc(100vw - 32px))}
.bus-fila{display:flex;gap:8px}
.bus-fila input{flex:1;min-width:0;border:1px solid var(--page-line);border-radius:999px;padding:10px 14px;font:500 15px var(--font);color:var(--page-fg)}
.bus-fila input:focus{outline:2px solid var(--brand);outline-offset:1px}
.bus-fila button{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--brand);color:#fff;display:grid;place-items:center;cursor:pointer}
.cab .id-panel p{margin:0}
.skip-link:focus{position:fixed;left:16px;top:16px;z-index:100;background:#fff;color:var(--page-fg);padding:10px 14px;border-radius:12px;clip:auto;width:auto;height:auto}
/* Hello Elementor pone márgenes al contenido; los dejamos respirar debajo de la cabecera fija */
body:not(.st-con-foto) .site-main,body:not(.st-con-foto) .elementor-location-single{padding-top:8px}
/* Con la barra de administración de WordPress (solo la ve quien tiene sesión iniciada) */
.admin-bar .cab{top:32px}
@media (max-width:782px){.admin-bar .cab{top:46px}}
@media (max-width:600px){#wpadminbar{position:fixed}}
/* ---------- Fase 2: artículos y destinos ---------- */
/* Portada con foto pequeña (menos de 1600 px): se suaviza para que no se vea pixelada */
.hero.suave > img{filter:blur(5px) saturate(1.05);transform:scale(1.06)}
.a-top h1{max-width:22ch}
/* Contenido de los artículos que ya existen (editor clásico) */
.cuerpo > *:first-child{margin-top:0}
.cuerpo p{margin:0}
.cuerpo img{max-width:100%;height:auto}
.cuerpo p > img:only-child,.cuerpo .wp-caption img,.cuerpo figure img,.cuerpo .wp-block-image img{width:100%;height:auto;border-radius:16px;border:1px solid var(--page-line);aspect-ratio:auto}
.cuerpo .wp-caption{width:auto!important;max-width:100%}
.cuerpo .wp-caption-text,.cuerpo figcaption{font-size:14px;color:var(--page-muted);margin-top:8px}
.cuerpo a:not(.c2-a):not(.hc2):not(.btn):not(.ver-todos){color:var(--brand);font-weight:700;text-underline-offset:3px}
.cuerpo h2{font-size:clamp(26px,3vw,32px);margin-top:44px}
.cuerpo h3{margin-top:28px}
.cuerpo h2 + *,.cuerpo h3 + *{margin-top:12px}
.cuerpo table{width:100%;border-collapse:collapse;font-size:16px;display:block;overflow-x:auto}
.cuerpo th,.cuerpo td{border-bottom:1px solid var(--page-line);padding:10px 12px;text-align:left}
.cuerpo blockquote{margin:24px 0 0;padding:16px 20px;border-radius:14px;background:var(--chip);font-size:17px}
.cuerpo #ez-toc-container,.cuerpo .ez-toc-v2_0_17,.cuerpo .ez-toc-container{display:none!important}
.cuerpo iframe{max-width:100%;border-radius:16px}
.cuerpo .en-texto{margin-top:32px}
/* Paginación de los artículos de una categoría */
.paginacion{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:28px}
.paginacion .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--page-line);background:#fff;text-decoration:none;font-weight:800;color:var(--page-fg)}
.paginacion .page-numbers.current{background:var(--index);border-color:var(--index);color:#fff}
.paginacion a.page-numbers:hover{border-color:var(--brand);color:var(--brand)}
/* Comentarios propios con el estilo de viajes: tarjeta blanca, lista en bloques y formulario limpio */
.com-caja{background:#fff;border:1px solid var(--page-line);border-radius:var(--r);padding:clamp(20px,4vw,36px);display:grid;gap:24px}
.com-h{display:grid;gap:6px}
.com-h .kicker{display:flex;align-items:center;gap:8px}
.com-lista,.com-lista .children{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.com-lista .children{margin:12px 0 0 clamp(16px,5vw,56px)}
.com-c{display:flex;gap:12px;align-items:flex-start;background:var(--page-bg);border-radius:16px;padding:14px 16px}
.com-av{flex:none;width:40px;height:40px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:16px}
.bypostauthor > .com-c .com-av{background:var(--brand);color:#fff}
.com-cuerpo{min-width:0;flex:1;display:grid;gap:6px}
.com-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;color:var(--page-muted)}
.com-meta b{font-size:15px;color:var(--page-fg)}
.com-eq{background:var(--brand);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:999px}
.com-texto{font-size:16px;line-height:1.6;color:#2A2E35}
.com-texto p{margin:0}
.com-texto p + p{margin-top:8px}
.com-espera{font-size:13px;color:var(--brand);font-weight:700}
.com-acc a{font-size:14px;font-weight:800;color:var(--brand);text-decoration:none}
.com-acc a:hover{text-decoration:underline;text-underline-offset:3px}
.comment-respond{display:grid;gap:14px;border-top:1px solid var(--page-line);padding-top:22px}
.com-lista + .comment-respond{margin-top:4px}
.com-caja > .comment-respond:first-child{border-top:0;padding-top:0}
.com-form-t{font-size:20px;margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.com-form-t small a{font-size:14px;font-weight:700;color:var(--page-muted)}
.com-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin:0}
.com-form > *{margin:0;grid-column:1/-1}
.com-form .comment-form-author,.com-form .comment-form-email,.com-form p.com-campo:has(#author),.com-form p.com-campo:has(#email){grid-column:auto}
.com-nota{font-size:14px;color:var(--page-muted)}
.com-nota a{color:var(--brand)}
.com-campo{display:grid;gap:6px}
.com-campo label{font-size:13px;font-weight:800;color:var(--page-fg)}
.com-campo input,.com-campo textarea{width:100%;border:1.5px solid var(--page-line);border-radius:14px;background:var(--page-bg);padding:12px 14px;font:500 16px var(--font);color:var(--page-fg);transition:border-color .2s,background .2s}
.com-campo textarea{min-height:120px;resize:vertical;line-height:1.5}
.com-campo input:focus,.com-campo textarea:focus{outline:0;border-color:var(--brand);background:#fff}
.com-cookie{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--page-muted)}
.com-cookie input{margin-top:3px;accent-color:var(--brand);width:16px;height:16px;flex:none}
.com-enviar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.com-enviar span{font-size:13px;color:var(--page-muted)}
.com-enviar .btn{border:0;cursor:pointer;font:800 16px var(--font);padding:14px 26px}
@media (max-width:640px){
  .com-caja{padding:18px;border-radius:16px}
  .com-form{grid-template-columns:1fr}
  .com-form p.com-campo:has(#author),.com-form p.com-campo:has(#email){grid-column:1/-1}
  .com-enviar .btn{width:100%}
}
/* Las tarjetas de viaje vienen de viajes.staytick.es tal cual: mismas reglas que allí */
.c2-a .c2-tr:empty{display:none}
/* Los estilos globales de Elementor ponían los ladillos en mayúsculas: mandan los nuestros */
.st-page .cuerpo h2{text-transform:none;font-family:var(--font);font-size:clamp(26px,3vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--page-fg)}
.st-page .cuerpo h3{text-transform:none;font-family:var(--font);font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.25;color:var(--page-fg)}
.st-page .cuerpo p,.st-page .cuerpo li{text-align:left}
/* Texto solo para lectores de pantalla (lo usan las tarjetas que vienen de viajes) */
.solo-lector{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* El panel oculto de CookieYes ensanchaba la página en el móvil: nada se sale por los lados (clip no rompe la barra fija) */
html,body{overflow-x:clip}/* El texto oculto de las tarjetas (.solo-lector) se escapaba de la fila deslizable en el móvil */
.c2-a,.hc2{position:relative}
/* Portada, «Lo último»: la tarjeta grande es foto a sangre con el texto encima (antes se estiraba y dejaba un hueco blanco) */
.dest-g{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:480px;color:#fff;border:0;background:var(--dark)}
.dest-g .art-f{position:absolute;inset:0;z-index:-1;aspect-ratio:auto;height:100%;min-height:0;flex:none}
.dest-g .art-f img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.dest-g:hover .art-f img{transform:scale(1.03)}
.dest-g .art-f::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,14,.86) 0%,rgba(10,10,14,.45) 42%,rgba(10,10,14,0) 70%)}
.dest-g .art-b{position:relative;flex:none;background:none;padding:clamp(20px,3vw,32px);gap:10px}
.dest-g .art-p{color:#FFD1E6}
.dest-g .art-n{color:#fff;font-size:clamp(26px,2.8vw,36px);max-width:22ch}
.dest-g .art-ds{color:rgba(255,255,255,.88);max-width:60ch}
.dest-g .art-pie{color:rgba(255,255,255,.8);padding-top:6px}
.dest-g .art-pie b{display:inline-flex;align-items:center;background:var(--brand);color:#fff;border-radius:999px;padding:8px 16px;font-size:14px}
@media (max-width:900px){.dest-g{min-height:400px}.dest-g .art-f{aspect-ratio:auto}}
@media (max-width:640px){.dest-g{min-height:360px}.dest-g .art-n{font-size:24px}}

/* Plazos: igual que en viajes.staytick.es (tarjeta rosa con el calendario de pagos a la derecha) */
.pz{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;border-radius:calc(var(--r) + 8px);padding:clamp(28px,4vw,56px);color:#fff;background:linear-gradient(120deg,#D4106F 0%,#B0157A 55%,#7A1A78 100%)}
.pz::before,.pz::after{content:"";position:absolute;z-index:-1;border-radius:50%;background:rgba(255,255,255,.08)}
.pz::before{width:520px;height:520px;right:-140px;top:-220px}
.pz::after{width:300px;height:300px;left:-90px;bottom:-170px;background:rgba(255,255,255,.06)}
.pz-t{display:grid;gap:16px;justify-items:start}
.pz-k{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0}
.st-page .pz-t h2{font-size:clamp(34px,4.4vw,58px);line-height:1.02;font-weight:800;letter-spacing:-.02em;color:#fff}
.st-page .pz-t h2 em{color:#FFD1E6}
.pz2-pasos{margin:16px 0;padding-left:22px;display:grid;gap:8px;font-size:16px}
.pz2-pasos b{font-weight:800}
.st-page .pz-nota{font-size:13px;color:#fff;max-width:70ch}
.pz-btn{background:#F60C76;box-shadow:0 10px 26px rgba(40,6,30,.25)}
.pz-c{background:#fff;color:var(--page-fg);border-radius:var(--r);padding:clamp(20px,2.4vw,28px);display:grid;gap:14px;box-shadow:0 24px 60px rgba(40,6,30,.3)}
.pz-ct{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--page-muted);margin:0}
.pz-tabs{display:flex;gap:6px;background:var(--page-bg);border-radius:999px;padding:4px}
.pz-tab{flex:1;border:0;background:none;border-radius:999px;padding:9px 10px;font:inherit;font-size:14px;font-weight:800;color:var(--page-muted);cursor:pointer}
.pz-tab[aria-selected="true"]{background:var(--brand);color:#fff;box-shadow:0 4px 12px rgba(246,12,118,.3)}
.pz-pan{display:grid;gap:10px}
.pz-pan[hidden]{display:none}
.pz-v{font-weight:800;font-size:16px;color:var(--page-fg);margin:0}
.pz-tot{font-size:14px;color:var(--page-muted);margin:0}
.pz-tot b{color:var(--page-fg);font-size:16px}
.pz-pasos{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pz-pasos li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--brand-soft);font-variant-numeric:tabular-nums}
.pz-pasos li:first-child{background:#D4106F;color:#fff}
.pz-n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;background:#fff;color:var(--brand)}
.pz-pasos li:first-child .pz-n{color:#D4106F}
.pz-cu{font-weight:700;font-size:15px}
.pz-pasos b{font-size:20px;font-weight:800}
.pz-pasos li:not(:first-child) b{color:var(--brand)}
.pz-fin{font-size:13px;color:var(--page-muted);margin:0}
.pz-mas{justify-self:start;font-weight:800;font-size:15px;color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.pz-mas:hover{color:var(--brand)}
@media (max-width:900px){
  .pz{grid-template-columns:1fr;padding:22px 18px;gap:18px}
  .pz-t{gap:10px}
  .st-page .pz-t h2{font-size:26px;line-height:1.08}
  .pz2-pasos{margin:2px 0;gap:4px;font-size:14px}
  .st-page .pz-nota{font-size:12px}
  .pz-c{padding:16px;gap:10px}
  .pz-pasos{gap:6px}
  .pz-pasos li{padding:8px 10px;gap:10px;grid-template-columns:28px 1fr auto}
  .pz-n{width:28px;height:28px;font-size:13px}
  .pz-cu{font-size:14px}
  .pz-pasos b{font-size:17px}
  .pz-tab{padding:8px 6px;font-size:13px}
}
/* ---------- Hoteles al mismo nivel que los viajes (azul StayTick para hoteles, rosa para viajes) ---------- */
.btn.hot{background:var(--index);color:#fff}
.btn.hot:hover{filter:brightness(1.12)}
.cab-sp.cab-hot{background:#E6E6F5;color:var(--index)}
.cab-sp.cab-hot:hover{background:#D6D6EE;color:var(--index)}
.hc-fila.cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.hc-fila.cuatro{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hc2-d{font-size:13px;font-weight:800;color:var(--index)}
.hc2 .ph.sin{display:grid;place-items:center;background:linear-gradient(135deg,#292A69,#7A1A78)}
.hc2 .ph.sin b{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.02em}
.caja-hot{border-color:#DCDCF0}
.caja-hot .kicker{color:var(--index)}
.caja-hot .c2-pr small{font-size:13px;font-weight:600;color:var(--card-muted)}
.ht2{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-top:18px;background:#EEEEF8;border-radius:16px;padding:12px 16px}
.ht2 > .ico{flex:none;width:34px;height:34px;padding:8px;border-radius:50%;background:#fff;color:var(--index)}
.ht2 p{margin:0;font-size:15px;color:var(--page-muted)}
.ht2 p b{color:var(--page-fg)}
.ht2-c{display:flex;gap:8px;flex-wrap:wrap}
.ht2-c a{background:#fff;border:1px solid var(--page-line);border-radius:999px;padding:7px 13px;font-size:14px;font-weight:800;color:var(--page-fg);text-decoration:none}
.ht2-c a:hover{border-color:var(--index);color:var(--index)}
.ht2-ver{margin-left:auto;font-size:15px;font-weight:800;color:var(--index);text-decoration:none;white-space:nowrap}
.ht2-ver:hover{text-decoration:underline;text-underline-offset:3px;color:var(--index)}
.pie-al-bts{display:flex;gap:12px;flex-wrap:wrap}
.pie-al-btn .ico{width:18px;height:18px}
.pie-al-bts .pie-al-btn + .pie-al-btn{color:var(--index)}
@media (max-width:640px){.pie-al-bts{width:100%}.pie-al-bts .pie-al-btn{flex:1 1 100%}.ht2-ver{margin-left:0}}

/* ---------- /destinos/: países por continente ---------- */
.destinos-pag .temas{margin-top:6px}
.paises{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.paises a{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/3;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;padding:14px;background:linear-gradient(135deg,#292A69,#7A1A78);transition:box-shadow .2s,transform .2s}
.paises a:hover{box-shadow:0 14px 30px rgba(22,24,29,.12);transform:translateY(-2px);color:#fff}
.paises img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.paises a::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(22,24,29,.78),rgba(22,24,29,.05) 65%)}
.paises b{font-size:20px;font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.paises span{font-size:13px;font-weight:700}
@media (max-width:640px){.paises{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.paises b{font-size:17px}}
/* Comparación con otras webs (como staytick.es): círculos con la inicial, sin nombrar a nadie */
.ow{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:11px;font-weight:800;line-height:1;flex:none}
.ow-b{background:#003580;color:#fff}
.ow-e{background:#FDBB30;color:#191E3B}
.ow-h{background:#D32F2F;color:#fff}
.ow-fila{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px;font-size:14px;color:var(--page-muted)}
.ow-fila .ow{width:24px;height:24px;font-size:12px}
.ow-fila span:first-child{font-weight:800;color:var(--page-fg)}
.hc2-c{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:13px;background:var(--page-bg);border-radius:10px;padding:8px 10px}
.hc2-c-st{color:#1F9D6B;font-weight:700}
.hc2-c-st b{font-weight:800}
.hc2-c-ot{display:inline-flex;align-items:center;gap:4px;color:#9AA0AB}
.hc2-c-ot s{margin-right:4px}
.hc2-c-ah{margin-left:auto;background:#1F9D6B;color:#fff;font-weight:800;border-radius:999px;padding:2px 8px}

/* Buscador: fuera la X del navegador (salía descuadrada); la nuestra, centrada */
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.bus-x{flex:none;width:32px;height:32px;border-radius:50%;border:0;background:var(--page-bg);color:var(--page-muted);display:grid;place-items:center;cursor:pointer;align-self:center;padding:0}
.bus-x:hover{background:var(--brand-soft);color:var(--brand)}
.bus-x svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round}
.bus-x[hidden]{display:none}
.buscar .bus-x{width:36px;height:36px}
/* Cierre del artículo: viaje y hotel juntos cuando el país tiene las dos cosas */
.cierre-cards{display:grid;gap:16px;align-items:stretch}
.cierre-cards > *{min-width:0}
.cierre.doble .cierre-in{grid-template-columns:minmax(0,1fr) minmax(0,720px)}
.cierre.doble .cierre-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.cierre-bts{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap}
.cierre-mas{font-weight:800;font-size:15px;color:var(--page-fg);text-decoration:none}
.cierre-mas:hover{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1100px){.cierre.doble .cierre-in{grid-template-columns:1fr}}
@media (max-width:640px){.cierre.doble .cierre-cards{grid-template-columns:1fr}.cierre-bts .btn{flex:1 1 100%}}
/* =====================================================================================
   MÓVIL recogido como en viajes (solo por debajo de 640 px; el escritorio no cambia)
   ===================================================================================== */
.carr-nav{display:none}
@media (max-width:640px){
  /* Secciones con menos aire */
  .st-page .sec{padding-block:36px}
  .st-page .sec-h{margin-bottom:16px}
  .st-page .sec-h h2{font-size:26px;line-height:1.12}
  /* Banda oscura en 2 columnas, solo título y enlace */
  .banda-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding-block:18px}
  .banda-in .ven{gap:8px;flex-direction:column}
  .banda-in .ven .bola{width:30px;height:30px}
  .banda-in .ven b{font-size:13.5px;line-height:1.25}
  .banda-in .ven > div > span{font-size:0;line-height:0}
  .banda-in .ven span a,.banda-in .ven > div > a{font-size:12.5px;line-height:1.4;display:inline-block;margin-top:4px}
  /* «Lo último»: la tarjeta grande y el resto en carrusel */
  .dest{gap:14px;margin-bottom:0}
  .dest-g{min-height:340px}
  .dest-l{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:none;padding-bottom:4px}
  .dest-l::-webkit-scrollbar{display:none}
  .dest-l > .art{flex:0 0 82%;scroll-snap-align:start}
  .dest + .rejilla{display:none}
  /* «Más ideas» y rejillas de la portada: carrusel */
  .rejilla.cuatro{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:none;padding-bottom:4px}
  .rejilla.cuatro::-webkit-scrollbar{display:none}
  .rejilla.cuatro > .art{flex:0 0 82%;scroll-snap-align:start}
  /* Continentes en 2 columnas y más bajos */
  .cont{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cont a{aspect-ratio:1/1;padding:12px}
  .cont b{font-size:18px}
  .cont span{font-size:12.5px}
  /* Franja de hoteles en España: centrada */
  .ht2{justify-content:center;text-align:center;padding:16px 14px}
  .ht2 p{width:100%}
  .ht2-c{justify-content:center}
  .ht2-ver{margin:0 auto}
  /* Indicador de carrusel: «1 de 4 · Desliza» con flechas, como en viajes */
  .carr-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px;font-size:14px;color:var(--page-muted)}
  .carr-nav b{color:var(--page-fg)}
  .carr-nav button{width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(246,12,118,.28)}
  .carr-nav button:disabled{background:var(--brand-line);box-shadow:none;cursor:default}
  .carr-nav svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
  /* Pie recogido como en viajes: grupos plegables, redes y pagos a la vista */
  .pie{padding-block:28px 24px}
  .pie .wrap{gap:16px}
  .pie-top{grid-template-columns:1fr;gap:0}
  .pie-marca{margin-bottom:16px}
  .pie-marca p.txt{font-size:14px}
  .pie-col{border-top:1px solid var(--page-line)}
  .pie .pie-col .pie-h{display:flex;justify-content:space-between;align-items:center;margin:0;padding:15px 2px;cursor:pointer}
  .pie-col.plegable > .pie-h::after{content:"";width:8px;height:8px;border-right:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(45deg);transition:transform .15s}
  .pie-col.plegable.abierto > .pie-h::after{transform:rotate(225deg)}
  .pie-col.plegable:not(.abierto) > ul{display:none}
  .pie-col ul{padding-bottom:12px;gap:2px}
  .pie .pie-col ul a{display:block;padding:6px 2px}
  .pie-col:last-child .pie-h{cursor:default}
  .pie .pie-h2{padding-top:14px!important}
  .pie .redes2,.pagos2{margin-bottom:8px}
  .pie-bajo{padding-top:14px}
  .pie-bajo p{font-size:12px}
  .pie-al{padding-block:28px}
  .pie-al-t{font-size:24px}
  .pie-al-s{font-size:14px}
}
/* «Lo último», como en viajes: 1 grande y 4 en 2 × 2, todas de foto con el texto encima */
.dest{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-bottom:0}
.dest-g{min-height:520px}
.dest-g .art-b{gap:12px}
.sob-nuevo{position:absolute;top:18px;left:18px;z-index:1;background:var(--brand);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:999px}
.sob-p{display:inline-flex;align-self:flex-start;align-items:center;gap:4px;background:rgba(22,24,29,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;width:max-content;max-width:100%}
.sob-p span{text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.dest-g .art-pie{justify-content:flex-start;padding-top:4px}
.dest-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:16px}
.art-sob{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:220px;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;padding:16px;background:var(--dark)}
.art-sob img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}
.art-sob:hover img{transform:scale(1.04)}
.art-sob::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,10,14,.82) 0%,rgba(10,10,14,.25) 55%,rgba(10,10,14,0) 75%)}
.art-sob-t{display:grid;gap:8px}
.art-sob-t b{font-size:17px;line-height:1.25;font-weight:800}
.art-sob:hover,.art-sob:focus{color:#fff}
@media (max-width:1100px){.dest{grid-template-columns:1fr}.dest-g{min-height:440px}}
@media (max-width:640px){
  .dest-g{min-height:360px}
  .dest-l{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:none}
  .dest-l > .art-sob{flex:0 0 78%;min-height:240px;scroll-snap-align:start}
}
/* 1.7.5 · Sin el icono flotante de CookieYes: las cookies se cambian desde «Configurar cookies» en el pie */
.cky-btn-revisit-wrapper,.cky-revisit-bottom-left,.cky-revisit-bottom-right{display:none!important}
/* 1.7.6 · Portada en móvil con las mismas letras que viajes (titular 34 px, entradilla 15 px) */
@media (max-width:900px){
  .hero h1{font-size:34px;line-height:1.05;letter-spacing:-.025em;max-width:none}
  .hero .lead{font-size:15px}
  .hero-in{gap:14px}
  .hero-sug{font-size:13px;gap:6px}
  .hero-sug a{padding:5px 11px}
}
/* 1.7.7 · Artículo en móvil más recogido, a la medida de viajes */
@media (max-width:640px){
  .cuerpo{font-size:16px;line-height:1.6}
  .cuerpo > * + *{margin-top:14px}
  .st-page .cuerpo h2,.cuerpo h2{font-size:23px;line-height:1.15;margin-top:32px}
  .st-page .cuerpo h3,.cuerpo h3{font-size:18px;margin-top:22px}
  .cuerpo h2 + *,.cuerpo h3 + *{margin-top:10px}
  .cuerpo ul:not(.tips),.cuerpo ol:not(.tips){gap:10px}
  .cuerpo ul:not(.tips) li{padding-left:18px}
  .cuerpo ul:not(.tips) li::before{left:2px;width:7px;height:7px}
  .cuerpo .final{font-size:17px}
  .cuerpo blockquote{font-size:15px;padding:14px 16px}
  .cuerpo table{font-size:14px}
  .en-texto-t{font-size:21px}
  .en-texto-s{font-size:15px}
  .hc2 .ph,.c2-a .ph{aspect-ratio:16/9}
  .hc2-b{padding:14px 14px 12px;gap:6px}
  .hc2-n{font-size:17px}
  .cierre-t h2{font-size:24px}
}
/* 1.7.8 · Menú «Guías»: cada guía de país con sus páginas (mejor época, qué ver, visado, mes) */
.mg-t em{color:var(--brand);font-style:normal}
.mg-guias{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mg-guia{display:flex;flex-direction:column;border:1px solid var(--page-line);border-radius:16px;overflow:hidden;background:#fff}
.mg-gf{position:relative;isolation:isolate;aspect-ratio:16/8;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;padding:14px;color:#fff;text-decoration:none;background:linear-gradient(160deg,var(--index),var(--brand))}
.mg-gf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mg-gf::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.75) 100%)}
.mg-gn{font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1.1}
.mg-gl{list-style:none;margin:0;padding:6px 0}
.mg-gl a{display:flex;justify-content:space-between;gap:10px;padding:9px 16px;font-size:15px;font-weight:700;color:var(--page-fg);text-decoration:none}
.mg-gl a span{color:var(--brand)}
.mg-gl a:hover{background:var(--brand-soft);color:var(--brand)}
.mg-gl li + li a{border-top:1px solid var(--page-line)}
.mg-pronto{justify-content:center;gap:8px;padding:22px;background:var(--page-bg);border-style:dashed}
.mg-pronto b{font-size:18px}
.mg-pronto p{margin:0;font-size:14px;color:var(--page-muted)}
.mg-pronto a{font-weight:800;color:var(--brand);text-decoration:none}
.mg-gtag{position:absolute;top:10px;left:10px;background:var(--brand);color:#fff;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:4px 8px}
@media (max-width:1100px){.mg-guias{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 1.7.9 · Menú «Guías» con todas las guías, como «Destinos» */
.mg-gsat{justify-content:flex-start;flex-wrap:wrap;gap:6px 16px}
.mg-gsat a{font-weight:700;color:var(--brand);text-decoration:none}
.mg-gsat a:hover{text-decoration:underline;text-underline-offset:3px}
.mg-gsat + .mg-pie{display:none}
/* 1.8.0 · El buscador de la cabecera se abre debajo de la lupa sin mover nada (con-sug lo dejaba en position:relative) */
.cab .bus-panel,.cab .bus-panel.con-sug{position:absolute;right:0;top:calc(100% + 10px);width:min(420px,calc(100vw - 32px));padding:14px;border-radius:18px}
.cab .bus-panel label p{padding:0 4px 8px}
.cab .bus-fila input{padding:12px 16px;font-size:16px;border-color:var(--page-line);background:var(--page-bg)}
.cab .bus-fila input:focus{outline:2px solid var(--brand);outline-offset:0;background:#fff}
.cab .bus-fila button{width:46px;height:46px}
/* 1.8.8 · Menú «Guías»: al pasar por un país salen sus páginas (guía, mejor época, qué ver, visado, mes) */
.mg-gz{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;min-width:0}
.mg-gt{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--index)}
.mg-gp{list-style:none;margin:0;padding:0;columns:3;column-gap:12px}
.mg-gp li{break-inside:avoid}
.mg-gp a{display:block;padding:7px 10px;border-radius:9px;font-size:15px;font-weight:700;color:var(--page-fg);text-decoration:none}
.mg-gp a:hover,.mg-gp a:focus-visible,.mg-gp a.on{background:var(--brand-soft);color:var(--brand)}
.mg-gcard{border:1px solid var(--page-line);border-radius:16px;overflow:hidden;background:#fff}
.mg-gcard[hidden]{display:none}
.mg-gcard .mg-gf{aspect-ratio:16/8}
.mg-gcard .mg-gl{padding:4px 0}
.mg-gcard .mg-gl a{padding:8px 14px;font-size:14px}
@media (max-width:1100px){.mg-gz{grid-template-columns:minmax(0,1fr) 250px}.mg-gp{columns:2}}
.movil details.mv-pais{border-bottom:0}
.movil details.mv-pais > summary{font-size:15px;font-weight:700;padding:9px 2px}
.movil details.mv-pais .pills{padding:2px 0 10px}
/* 1.9.0 · Página 404 */
.e404-bts{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0}
.e404-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:900px){.e404-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* 1.9.1 · «Saltar al contenido» solo se ve al llegar con el teclado (la regla venía del tema padre, que ya no se carga) */
.screen-reader-text:not(:focus){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}