/* Fuentes propias (Rolo 15/10/2026): antes se pedían a fonts.googleapis.com. Inter, Lexend, Manrope, Roboto y Lexend Deca, OFL / Apache 2.0;
   solo latin y latin-ext (el navegador baja cada archivo recién cuando la página usa esos caracteres). */
/* Inter latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/portal-web-assets/fuentes/inter-latin-ext-1ad231aa.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Inter latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/portal-web-assets/fuentes/inter-latin-260c81a4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Inter latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/portal-web-assets/fuentes/inter-latin-ext-1ad231aa.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Inter latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/portal-web-assets/fuentes/inter-latin-260c81a4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Inter latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(/portal-web-assets/fuentes/inter-latin-ext-1ad231aa.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Inter latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(/portal-web-assets/fuentes/inter-latin-260c81a4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Lexend latin-ext */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-display: swap; src: url(/portal-web-assets/fuentes/lexend-latin-ext-3c963a23.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Lexend latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 400; font-display: swap; src: url(/portal-web-assets/fuentes/lexend-latin-2077a527.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Lexend latin-ext */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 500; font-display: swap; src: url(/portal-web-assets/fuentes/lexend-latin-ext-3c963a23.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Lexend latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 500; font-display: swap; src: url(/portal-web-assets/fuentes/lexend-latin-2077a527.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Lexend latin-ext */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 600; font-display: swap; src: url(/portal-web-assets/fuentes/lexend-latin-ext-3c963a23.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Lexend latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 600; font-display: swap; src: url(/portal-web-assets/fuentes/lexend-latin-2077a527.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Lexend latin-ext */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 700; font-display: swap; src: url(/portal-web-assets/fuentes/lexend-latin-ext-3c963a23.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Lexend latin */ @font-face { font-family: 'Lexend'; font-style: normal; font-weight: 700; font-display: swap; src: url(/portal-web-assets/fuentes/lexend-latin-2077a527.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Lexend Deca latin-ext */ @font-face { font-family: 'Lexend Deca'; font-style: normal; font-weight: 600; font-display: swap; src: url(/portal-web-assets/fuentes/lexend-deca-latin-ext-221b0f18.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Lexend Deca latin */ @font-face { font-family: 'Lexend Deca'; font-style: normal; font-weight: 600; font-display: swap; src: url(/portal-web-assets/fuentes/lexend-deca-latin-cda69f90.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Manrope latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(/portal-web-assets/fuentes/manrope-latin-ext-6d36d5bd.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Manrope latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(/portal-web-assets/fuentes/manrope-latin-938c6e80.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Manrope latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(/portal-web-assets/fuentes/manrope-latin-ext-6d36d5bd.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Manrope latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(/portal-web-assets/fuentes/manrope-latin-938c6e80.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Manrope latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(/portal-web-assets/fuentes/manrope-latin-ext-6d36d5bd.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Manrope latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(/portal-web-assets/fuentes/manrope-latin-938c6e80.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Manrope latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url(/portal-web-assets/fuentes/manrope-latin-ext-6d36d5bd.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Manrope latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url(/portal-web-assets/fuentes/manrope-latin-938c6e80.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Roboto latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/portal-web-assets/fuentes/roboto-latin-ext-a6323dda.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Roboto latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/portal-web-assets/fuentes/roboto-latin-665db5e1.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Roboto latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(/portal-web-assets/fuentes/roboto-latin-ext-a6323dda.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Roboto latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(/portal-web-assets/fuentes/roboto-latin-665db5e1.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Sitio público de los portales de destinos (Welcome Uruguay…). Siempre en modo claro. Barra transparente sobre las portadas. */
/* Paleta Interpatagonia 7/10/2026 (pedido de Hernán): azul #0162ff → celeste #5ce9fc en degradé. --grad para superficies
   grandes; --grad-texto corta el recorrido en #2ea6fd para que el texto blanco se siga leyendo (barra, pie, botones). */
:root { color-scheme: light; --navy:#0079b8; --azul:#0079b8; --celeste:#5ce9fc; --grad:linear-gradient(135deg, #0162ff, #5ce9fc); --grad-texto:linear-gradient(135deg, #0162ff, #2ea6fd); --cielo:#e9f2ff; --coral:#ff6b4a; --oro:#f4c430; --tinta:#162330; --suave:#5a6b7a; --linea:#e3e9ef; --fondo:#f5f8fb; --r:18px; --h-cab:72px; --h-barra:72px; --sombra:0 10px 30px rgba(1,62,180,.12); }
* { box-sizing: border-box; }
/* "hidden" siempre oculta, aunque el elemento tenga display propio (.tarj es flex: sin esto el filtro del listado no escondía nada). */
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }
body { margin: 0; background: var(--fondo); color: var(--tinta); font: 16px/1.6 Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
h1, h2, h3 { font-family: Manrope, Inter, sans-serif; letter-spacing: -.015em; }   /* titulares Manrope, más chicos y sobrios (Hernán 8/10/2026) */
.btn, .chips a, .sello { font-family: Lexend, Inter, sans-serif; }
img { max-width: 100%; }
a { color: var(--azul); }
.ancho { width: min(1180px, 100% - 40px); margin-inline: auto; }
.aviso-prueba { background: #fff7e0; color: #8a5a00; text-align: center; font: 500 12.5px/1 Inter, sans-serif; padding: 8px 12px; border-bottom: 1px solid #f3dca0; position: relative; z-index: 60; }

/* Barra superior */
/* Barra con degradé en movimiento, como el fondo de interwa.com/es/la-empresa (Hernán 8/10/2026): azul #0162ff ↔ celeste
   #00e1fd desplazándose; quieto si el lector pidió menos movimiento. */
.cab { position: sticky; top: 0; z-index: 50; background: linear-gradient(-45deg, #0162ff, #00e1fd, #0162ff, #00e1fd); background-size: 300% 300%; transition: box-shadow .25s; }
@media (prefers-reduced-motion: no-preference) { .cab { animation: cab-grad 14s ease infinite; } }
@keyframes cab-grad { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.cab-in { width: min(1180px, 100% - 40px); margin-inline: auto; height: var(--h-barra); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
/* Barra de secciones bajo la cabecera, como el menú blanco del sitio vivo, fija al hacer scroll (Hernán 7/10/2026).
   Con la franja, --h-cab pasa a ser la altura total (barra + franja): todos los sticky que cuelgan de --h-cab se corren solos.
   La cabecera queda siempre sólida y el héroe arranca debajo (la franja blanca encima del video quedaba mal). */
body.con-sub { --h-cab: calc(var(--h-barra) + 47px); }
body.con-sub .cab, body.con-sub.con-hero .cab, body.con-sub.con-hero .cab.solida { background: linear-gradient(-45deg, #0162ff, #00e1fd, #0162ff, #00e1fd); background-size: 300% 300%; backdrop-filter: none; -webkit-backdrop-filter: none; }
body.con-sub .hero { margin-top: 0; padding-top: 0; }
.cab-sub { background: #fff; border-bottom: 1px solid var(--linea); }
.cab-sub-in { width: min(1180px, 100% - 40px); margin-inline: auto; display: flex; align-items: center; gap: 4px; height: 47px; overflow-x: auto; scrollbar-width: none; }
.cab-sub-in::-webkit-scrollbar { display: none; }
.cab-sub a { display: inline-flex; align-items: center; gap: 8px; color: var(--tinta); text-decoration: none; font: 500 14.5px Lexend, sans-serif; padding: 7px 12px; border-radius: 9px; white-space: nowrap; }
.cab-sub a:hover { background: var(--cielo); color: var(--azul); }
.cab-sub .ic { color: var(--azul); flex: none; }
.cab-publicar { color: #fff; text-decoration: none; font: 600 14px Lexend, sans-serif; white-space: nowrap; }
.cab-publicar:hover { text-decoration: underline; }
.con-hero .cab { background: transparent; }
.con-hero .cab.solida { background: rgba(1,80,210,.88); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 4px 24px rgba(0,0,0,.18); }
.logo img { display: block; height: 34px; width: auto; }
.cab-der { display: flex; align-items: center; gap: 14px; }
.buscar-ciudad { position: relative; }
.buscar-ciudad input { width: 240px; max-width: 42vw; border: 1px solid rgba(255,255,255,.4); background: rgba(255,255,255,.14); color: #fff; padding: 9px 16px; border-radius: 999px; font: 14px Inter, sans-serif; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); outline: none; }
.buscar-ciudad input::placeholder { color: rgba(255,255,255,.85); }
.buscar-ciudad input:focus { background: rgba(255,255,255,.24); border-color: #fff; }
.idiomas { display: flex; gap: 2px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.35); border-radius: 999px; padding: 3px; }
.idiomas a { color: #fff; text-decoration: none; font: 600 12px Lexend, sans-serif; padding: 5px 10px; border-radius: 999px; }
.idiomas a.on { background: #fff; color: var(--navy); }
.bc-res { position: absolute; left: 0; right: 0; top: calc(100% + 8px); background: #fff; border-radius: 14px; box-shadow: var(--sombra); overflow: hidden; z-index: 70; max-height: 320px; overflow-y: auto; }
.bc-res a { display: block; padding: 10px 16px; color: var(--tinta); text-decoration: none; font-size: 15px; }
.bc-res a:hover, .bc-res a:focus { background: var(--cielo); }

/* Portadas */
.hero { position: relative; min-height: min(100vh, 820px); min-height: min(100svh, 820px); margin-top: calc(-1 * var(--h-cab)); padding-top: var(--h-cab); display: flex; align-items: center; color: #fff; overflow: hidden; isolation: isolate;
    background: radial-gradient(760px 460px at 88% 8%, rgba(244,196,48,.24), transparent 62%), radial-gradient(700px 520px at 6% 96%, rgba(255,107,74,.20), transparent 62%), linear-gradient(135deg, #0162ff 0%, #2ba4fd 62%, #5ce9fc 100%); }
.hero-in { padding-block: 44px; position: relative; width: min(1180px, 100% - 40px); margin-inline: auto; }
.hero-2col { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 48px; align-items: center; }
.hero h1 { font-size: clamp(30px, 4.4vw, 50px); line-height: 1.08; margin: 0 0 12px; font-weight: 700; letter-spacing: -.02em; }
.hero-sub { font-size: clamp(15px, 1.6vw, 18px); max-width: 560px; margin: 0 0 24px; opacity: .95; }
.hero-buscar { position: relative; max-width: 540px; }
.hero-buscar input { width: 100%; padding: 16px 24px; border-radius: 999px; border: 1px solid rgba(255,255,255,.5); background: rgba(255,255,255,.14); color: #fff; font: 17px Inter, sans-serif; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); outline: none; box-shadow: 0 12px 34px rgba(0,0,0,.18); }
.hero-buscar input::placeholder { color: rgba(255,255,255,.9); }
.hero-buscar input:focus { background: rgba(255,255,255,.24); border-color: #fff; }
/* Buscador de la portada como el de WelcomeArgentina (Hernán 7/10/2026): barra blanca centrada que flota a caballo del
   borde de abajo del héroe, con lupa y botón Buscar. Solo la portada con video (hero-portada); los demás héroes siguen igual. */
.hero-portada { overflow: visible; margin-bottom: 0; z-index: 40; }   /* z: si no, la barra fija queda tapada por los banners (position relative + DOM posterior) */
/* La portada entra entera en la pantalla (héroe = alto de la ventana menos cabecera): el buscador se ve sin scroll (Hernán 8/10/2026). */
body.con-sub .hero-portada { min-height: max(480px, calc(100svh - var(--h-cab))); }
.hero-portada .bajar { display: none; }
.buscar-flotante { position: absolute; left: 50%; bottom: 34px; transform: translateX(-50%); z-index: 6; width: min(620px, calc(100% - 40px)); max-width: none; display: flex; align-items: center; background: #fff; border-radius: 11px; box-shadow: 0 14px 36px rgba(0,0,0,.24); padding: 5px 5px 5px 15px; }   /* adentro del héroe, visible sin scroll y compacto (Hernán 8/10/2026) */
.buscar-flotante .lupa { color: var(--azul); flex: none; width: 18px; height: 18px; margin-right: 9px; }
.buscar-flotante input { flex: 1; min-width: 0; border: 0; border-radius: 0; background: none; color: var(--tinta); font: 15px Inter, sans-serif; padding: 10px 4px; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.buscar-flotante input::placeholder { color: var(--suave); }
.buscar-flotante input:focus { background: none; border: 0; outline: none; }
.buscar-flotante .buscar-btn { flex: none; border: 0; cursor: pointer; background: var(--grad); color: #fff; font: 600 13px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .05em; padding: 11px 20px; border-radius: 8px; }
.buscar-flotante .buscar-btn:hover { filter: brightness(1.07); }
/* Sugerencias en columnas por categoría, como el buscador de interpatagonia.com (Hernán 8/10/2026): el panel es más
   ancho que el campo y cada rubro va en su columna, con el nombre arriba y el lugar debajo. */
/* Como el campo está al pie de la portada, el panel se abre hacia arriba (si no, caía fuera de la pantalla);
   cuando la barra queda fija abajo de la cabecera, se abre hacia abajo. */
.buscar-flotante .bc-res { top: auto; bottom: calc(100% + 10px); left: 50%; right: auto; transform: translateX(-50%); width: min(1040px, calc(100vw - 32px)); }
.buscar-flotante.fija .bc-res { top: calc(100% + 10px); bottom: auto; }
@media (min-width: 900px) {
    .buscar-flotante .bc-res { display: flex; flex-wrap: wrap; align-items: flex-start; padding: 4px; max-height: min(62vh, 430px); }
    .buscar-flotante .bc-col { flex: 1 1 180px; min-width: 0; }
    .buscar-flotante .bc-col + .bc-col { border-left: 1px solid var(--linea); }
    .buscar-flotante .bc-col + .bc-col > .bc-grupo { border-top: 0; }
    .buscar-flotante .bc-col-frase { flex: 1 1 100%; border-left: 0; }
    .buscar-flotante .bc-nada { flex: 1 1 100%; }
    .buscar-flotante .bc-res a { padding: 7px 12px; font-size: 14px; }
    .buscar-flotante .bc-grupo { padding: 8px 12px 4px; }
}
/* Sin botones sobre el video (Hernán 8/10/2026): el de pausa se oculta (prefers-reduced-motion sigue frenando el video) y
   los créditos de Wikimedia quedan como texto chico y tenue (la licencia de los clips pide la atribución). */
.hero-portada .video-pie { bottom: 104px; }
.hero-portada #video-pausa { display: none !important; }
.hero-portada .video-pie summary { background: none; border: 0; padding: 2px 6px; font-size: 11px; opacity: .5; text-decoration: underline; backdrop-filter: none; -webkit-backdrop-filter: none; }
.hero-portada .video-pie summary:hover, .hero-portada .video-pie details[open] summary { opacity: 1; }
/* En la portada (que tiene la barra flotante) el buscador chico de la cabecera sobra y se oculta (Hernán 7/10/2026). */
body:has(.buscar-flotante) .cab .buscar-ciudad { display: none; }
/* Al pasar el héroe, la barra queda flotando fija abajo de la cabecera, como en welcomeargentina.com (Hernán 7/10/2026). */
.buscar-flotante.fija { position: fixed; top: calc(var(--h-cab) + 10px); bottom: auto; transform: translateX(-50%); z-index: 49; box-shadow: 0 10px 30px rgba(0,0,0,.28); }
@media (max-width: 640px) { .buscar-flotante { padding-left: 12px; } .buscar-flotante .buscar-btn { padding: 12px 16px; } }
.chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.chips a { display: inline-flex; align-items: center; gap: 8px; color: #fff; text-decoration: none; font-weight: 500; font-size: 15px; padding: 10px 18px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.4); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: background-color .2s, transform .2s; }
.chips a:hover { background: rgba(255,255,255,.28); transform: translateY(-2px); }
/* Pila de ciudades: las fotos se muestran a su tamaño (son chicas: agrandarlas las pixela) */
.pila { position: relative; height: 430px; }
.pila a { position: absolute; width: 74%; aspect-ratio: 600 / 230; border-radius: 18px; overflow: hidden; box-shadow: 0 26px 56px rgba(0,0,0,.4); border: 3px solid rgba(255,255,255,.92); background: var(--azul); transition: transform .5s cubic-bezier(.16,1,.3,1); }
.pila img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pila span { position: absolute; left: 14px; bottom: 10px; font: 600 16px Lexend, sans-serif; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.6); }
.pila a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.5)); }
.pila-1 { top: 0; right: 0; transform: rotate(2.4deg); }
.pila-2 { top: 33%; left: 0; transform: rotate(-2.2deg); z-index: 2; }
.pila-3 { bottom: 0; right: 6%; transform: rotate(1.6deg); }
.pila a:hover { transform: rotate(0) scale(1.04); z-index: 5; }
@media (prefers-reduced-motion: no-preference) { .pila-1 { animation: flota 7s ease-in-out infinite; } .pila-2 { animation: flota 8s ease-in-out -2s infinite; } .pila-3 { animation: flota 9s ease-in-out -4s infinite; } }
@keyframes flota { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }
.bajar { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; font-size: 20px; border: 1px solid rgba(255,255,255,.55); background: rgba(255,255,255,.16); animation: rebote 2.4s infinite; }
@keyframes rebote { 0%, 60%, 100% { transform: translate(-50%, 0); } 30% { transform: translate(-50%, 6px); } }
.hero-ciudad { min-height: 0; padding-bottom: 64px; }
.hero-ciudad .hero-in { padding-block: 34px 8px; }
.hero-ciudad h1 { font-size: clamp(36px, 5.4vw, 62px); margin: 8px 0 0; }
.hero-foto { margin: 0; justify-self: end; max-width: 600px; }
.hero-foto img { display: block; width: 100%; height: auto; border-radius: 18px; border: 3px solid rgba(255,255,255,.92); box-shadow: 0 26px 56px rgba(0,0,0,.4); }
.hero-foto figcaption { font-size: 12.5px; opacity: .8; margin-top: 8px; text-align: right; }
.migas { font-size: 14px; margin: 0 0 12px; opacity: .95; }
.migas a { color: inherit; }
.migas.oscuras { color: var(--suave); margin: 28px 0 10px; opacity: 1; }

/* Bloques */
.bloque { padding: 44px 0 6px; }
.bloque h2, .pagina h2 { font-size: clamp(20px, 2.3vw, 26px); margin: 0 0 20px; letter-spacing: -.01em; }
.pagina { padding-bottom: 60px; }
.pagina h1 { font-size: clamp(25px, 3.4vw, 36px); margin: 8px 0 8px; letter-spacing: -.02em; line-height: 1.12; }
.sub { color: var(--suave); margin: 0 0 24px; }
.vacio { text-align: center; color: var(--suave); padding: 60px 0; }

/* Ciudades: tarjetas anchas con el collage de la ciudad */
.grilla-dest { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding-bottom: 56px; }
.dest { position: relative; display: block; border-radius: var(--r); overflow: hidden; aspect-ratio: 600 / 230; background: var(--grad); box-shadow: var(--sombra); color: #fff; text-decoration: none; transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s; }
.dest:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(1,62,180,.22); }
.dest img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.16,1,.3,1); }
.dest:hover img { transform: scale(1.05); }
.dest-vel { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13,22,36,0) 35%, rgba(13,22,36,.82) 100%); }
.dest-txt { position: absolute; left: 20px; right: 20px; bottom: 16px; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.dest-txt b { font: 600 clamp(18px, 2.2vw, 24px) Lexend, sans-serif; }
.dest-txt small { font-size: 13px; opacity: .9; white-space: nowrap; }

/* Ciudad */
/* Secciones de la ciudad como píldoras compactas (Hernán 8/10/2026: las tarjetas grandes repetían el menú y ocupaban mucho). */
.secciones { display: flex; flex-wrap: wrap; gap: 8px; margin-top: -24px; position: relative; z-index: 2; }
.secciones a { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--linea); border-radius: 999px; padding: 8px 14px 8px 10px; text-decoration: none; color: var(--tinta); box-shadow: 0 2px 8px rgba(1,62,180,.06); transition: border-color .2s, color .2s, box-shadow .2s; }
.secciones a:hover { border-color: var(--azul); color: var(--azul); box-shadow: 0 4px 14px rgba(1,62,180,.14); }
.secciones .ico { width: 28px; height: 28px; border-radius: 50%; background: var(--cielo); color: var(--azul); display: flex; align-items: center; justify-content: center; flex: none; }
.secciones .ico svg { width: 16px; height: 16px; }
.secciones a:hover .ico { background: var(--azul); color: #fff; }
.ic { display: block; flex: none; }
.secciones b { font: 500 14px/1.2 Lexend, sans-serif; white-space: nowrap; }
.secciones small { color: var(--suave); font-weight: 600; font-size: 12px; background: none; padding: 0; }
.texto-ciudad .prosa { background: #fff; border-radius: var(--r); padding: 30px clamp(20px, 4vw, 44px); box-shadow: var(--sombra); }
.prosa { max-width: 780px; font-size: 17px; line-height: 1.75; }
.texto-ciudad .prosa { max-width: none; column-width: 420px; column-gap: 44px; }
.prosa p { margin: 0 0 1em; break-inside: avoid-column; }
.prosa a { color: var(--coral); }
.fila-destacados { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 1fr); gap: 16px; overflow-x: auto; padding: 4px 2px 22px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.tarj-dest { scroll-snap-align: start; background: #fff; border-radius: var(--r); overflow: hidden; text-decoration: none; color: inherit; box-shadow: var(--sombra); display: flex; flex-direction: column; transition: transform .25s; }
.tarj-dest:hover { transform: translateY(-4px); }
.tarj-dest img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; background: var(--cielo); }
.tarj-cuerpo { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 3px; }
.tarj-cuerpo small { color: var(--coral); font: 600 12px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .04em; }
.tarj-cuerpo b { font: 600 17px/1.25 Lexend, sans-serif; }
.tarj-cuerpo em { font-style: normal; color: var(--suave); font-size: 13.5px; }

/* Listado */
.filtros { position: sticky; top: var(--h-cab); z-index: 20; background: rgba(245,248,251,.94); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); padding: 12px 0; margin: 14px 0 6px; }
.filtros input { width: 100%; max-width: 420px; padding: 12px 18px; border: 1px solid var(--linea); border-radius: 999px; font: 15px Inter, sans-serif; background: #fff; outline: none; }
.filtros input:focus { border-color: var(--azul); box-shadow: 0 0 0 3px rgba(1,98,255,.15); }
.chips-rubros { display: flex; gap: 8px; overflow-x: auto; padding: 12px 0 2px; scrollbar-width: none; }
.chips-rubros::-webkit-scrollbar { display: none; }
.chips-rubros button { flex: none; border: 1px solid var(--linea); background: #fff; color: var(--tinta); padding: 7px 14px; border-radius: 999px; font: 500 13.5px Lexend, sans-serif; cursor: pointer; white-space: nowrap; }
.chips-rubros button small { color: var(--suave); margin-left: 4px; }
.chips-rubros button.on { background: var(--navy); border-color: var(--navy); color: #fff; }
.chips-rubros button.on small { color: #b9d3e6; }
.grupo { padding-top: 30px; }
.grupo h2 { font-size: 22px; margin-bottom: 14px; padding-bottom: 8px; border-bottom: 2px solid var(--oro); display: inline-block; }
.lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 14px; }
.item { background: #fff; border-radius: var(--r); box-shadow: 0 2px 10px rgba(1,62,180,.06); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .25s, transform .25s; }
.item:hover { box-shadow: var(--sombra); }
.item-destacado { grid-column: span 2; flex-direction: row; box-shadow: var(--sombra); border: 1px solid #fde7a3; }
.item-foto { display: block; aspect-ratio: 16 / 10; background: var(--cielo); }
.item-destacado .item-foto { flex: 0 0 42%; aspect-ratio: auto; min-height: 200px; }
.item-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.item-cuerpo { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.item h3 { margin: 0; font-size: 18px; line-height: 1.25; }
.item h3 a { color: var(--tinta); text-decoration: none; }
.item h3 a:hover { color: var(--azul); }
.sello { align-self: flex-start; background: var(--oro); color: #5a4300; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; padding: 3px 10px; border-radius: 999px; }
.dir { color: var(--suave); font-size: 14px; margin: 0; }
.tels { margin: 0; font-size: 14px; white-space: pre-wrap; }
.item-solo_listado { box-shadow: none; border: 1px solid var(--linea); }
.item-solo_listado .item-cuerpo { padding: 12px 16px; }
.item-solo_listado h3 { font-size: 16px; }
.botones { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 10px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 16px; border-radius: 999px; font-weight: 500; font-size: 14px; text-decoration: none; border: 1px solid transparent; cursor: pointer; transition: transform .2s, background-color .2s; }
.btn:hover { transform: translateY(-1px); }
.btn-pri { background: var(--coral); color: #fff; }
.btn-pri:hover { background: #ee5533; }
.btn-wa { background: #1fa855; color: #fff; }
.btn-sec { background: #fff; color: var(--azul); border-color: #c2dbff; }

/* Ficha */
.ficha-cab .rubro { color: var(--coral); font: 600 13px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .06em; margin: 0; }
.ficha-cab .dir { font-size: 16px; margin-bottom: 22px; }
.ficha-cols { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 30px; align-items: start; }
.galeria { margin-bottom: 26px; }
.gal-vista { position: relative; border-radius: var(--r); overflow: hidden; aspect-ratio: 16 / 10; background: #121a26; box-shadow: var(--sombra); }   /* fondo neutro: con el azul nuevo las franjas de las fotos verticales quedaban muy azules */
.gal-vista i { position: absolute; inset: -20px; background-size: cover; background-position: center; filter: blur(22px) brightness(.8); }
.gal-vista img { position: relative; width: 100%; height: 100%; object-fit: contain; display: block; }
.gal-ant, .gal-sig { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(255,255,255,.88); color: var(--navy); font-size: 26px; line-height: 1; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
.gal-ant { left: 12px; } .gal-sig { right: 12px; }
.gal-mini { display: flex; gap: 8px; overflow-x: auto; padding: 10px 2px; scrollbar-width: thin; }
.gal-mini button { flex: none; width: 84px; height: 62px; border: 2px solid transparent; border-radius: 10px; overflow: hidden; padding: 0; background: var(--cielo); cursor: pointer; opacity: .75; }
.gal-mini button.on { border-color: var(--coral); opacity: 1; }
.gal-mini img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ficha .prosa { background: #fff; border-radius: var(--r); padding: 26px clamp(18px, 3vw, 32px); box-shadow: 0 2px 10px rgba(1,62,180,.06); max-width: none; }
.servicios { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.servicios li { background: #fff; border: 1px solid var(--linea); border-radius: 999px; padding: 6px 14px; font-size: 14px; }
.ficha .bloque { padding-top: 26px; }
.caja { position: sticky; top: calc(var(--h-cab) + 16px); background: #fff; border-radius: var(--r); padding: 22px; box-shadow: var(--sombra); }
.caja h2 { font-size: 20px; margin: 0 0 12px; }
.caja p { margin: 0 0 12px; }
.caja small { display: block; color: var(--suave); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; }
.caja a { text-decoration: none; font-weight: 500; }
.caja .botones { padding-top: 4px; }
.mapa-link { display: inline-block; margin-top: 14px; color: var(--azul); }

/* Pie */
.pie { background: var(--grad-texto); color: #e7f3ff; margin-top: 30px; padding: 40px 0 46px; font-size: 14.5px; }
.pie .ancho { display: grid; grid-template-columns: 1fr 2fr; gap: 30px; }
.pie strong { color: #fff; font-family: Lexend, sans-serif; }
.pie a { color: #e7f3ff; margin-right: 12px; white-space: nowrap; line-height: 2; }
.pie p { margin: 8px 0 0; }

@media (max-width: 900px) {
    .hero-2col { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .pila { display: none; }
    .hero-foto { justify-self: stretch; }
    .ficha-cols { grid-template-columns: minmax(0, 1fr); }
    .caja { position: static; }
    .grilla-dest { grid-template-columns: 1fr; }
    .item-destacado { grid-column: auto; flex-direction: column; }
    .item-destacado .item-foto { flex-basis: auto; min-height: 0; aspect-ratio: 16 / 10; }
    .lista { grid-template-columns: 1fr; }
    .pie .ancho { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    :root { --h-cab: 64px; }
    .buscar-ciudad { display: none; }
    .logo img { height: 28px; }
    .hero { min-height: 0; padding-bottom: 60px; }
    .hero:not(.hero-ciudad) { min-height: 88svh; align-items: center; }
    .chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-right: -20px; padding-right: 20px; }
    .chips a { flex: none; white-space: nowrap; }
    .gal-vista { aspect-ratio: 4 / 3; }
}

/* Portada con video: la foto (primer cuadro, liviana) se pinta al instante; el video aparece con un fundido cuando terminó de cargar la página. */
.hero-portada { background: linear-gradient(180deg, rgba(13,22,36,.55), rgba(13,22,36,.22) 45%, rgba(13,22,36,.72)), var(--poster) center / cover; }
@media (max-width: 760px) { .hero-portada { background-image: linear-gradient(180deg, rgba(13,22,36,.55), rgba(13,22,36,.22) 45%, rgba(13,22,36,.72)), var(--poster-chico); } }
.hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.4s cubic-bezier(.4,0,.2,1); z-index: -2; pointer-events: none; }
.hero-video.lista { opacity: 1; }
.hero-portada::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(13,22,36,.55) 0%, rgba(13,22,36,.18) 55%, rgba(13,22,36,0) 80%), linear-gradient(180deg, rgba(13,22,36,.45) 0%, rgba(13,22,36,0) 30%, rgba(13,22,36,.62) 100%); }
.hero-portada h1, .hero-portada .hero-sub { text-shadow: 0 2px 18px rgba(0,0,0,.35); }
.video-pie { position: absolute; right: 16px; bottom: 16px; display: flex; gap: 6px; align-items: flex-end; font: 12px/1.4 Inter, sans-serif; z-index: 3; }
.video-pie button, .video-pie summary { background: rgba(0,0,0,.38); color: #fff; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; padding: 5px 12px; font: 500 12px Inter, sans-serif; cursor: pointer; list-style: none; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.video-pie summary::-webkit-details-marker { display: none; }
.video-pie button[hidden] { display: none; }
.video-pie details { position: relative; }
.video-pie details div { position: absolute; right: 0; bottom: calc(100% + 8px); width: min(380px, calc(100vw - 32px)); background: #fff; color: var(--tinta); border-radius: 12px; padding: 12px 14px; box-shadow: var(--sombra); }
.video-pie details p { margin: 0 0 6px; }
.video-pie details a { color: var(--azul); }
@media (max-width: 640px) { .video-pie { right: 12px; bottom: auto; top: calc(var(--h-cab) + 40px); } .video-pie details div { bottom: auto; top: calc(100% + 8px); } }

/* Portada de ciudad con foto grande: la foto ocupa el ancho, con la barra transparente encima */
.hero-grande { min-height: min(70vh, 640px); min-height: min(70svh, 640px); align-items: flex-end; padding-bottom: 76px; background: linear-gradient(180deg, rgba(13,22,36,.5) 0%, rgba(13,22,36,.05) 32%, rgba(13,22,36,.72) 100%), var(--foto) center / cover no-repeat, #0a3d62; }
.hero-grande .hero-in { padding-block: 40px 0; }
.hero-grande h1 { text-shadow: 0 2px 22px rgba(0,0,0,.4); }
.hero-grande .migas { text-shadow: 0 1px 8px rgba(0,0,0,.5); }
.hero-region { margin: 4px 0 0; font: 500 17px Lexend, sans-serif; opacity: .92; text-shadow: 0 1px 8px rgba(0,0,0,.55); }
.credito-foto { margin: 8px 0 0; font-size: 12.5px; opacity: .88; text-shadow: 0 1px 6px rgba(0,0,0,.6); }
.credito-foto a { color: #fff; }
@media (max-width: 640px) { .hero-grande { min-height: 56svh; padding-bottom: 60px; } }

/* Paseos y notas */
.grilla-paseos { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; padding-bottom: 20px; }
.paseo-card { display: flex; flex-direction: column; background: #fff; border-radius: var(--r); overflow: hidden; text-decoration: none; color: inherit; box-shadow: var(--sombra); transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s; }
.paseo-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(1,62,180,.18); }
.paseo-card img { width: 100%; aspect-ratio: 360 / 220; object-fit: cover; display: block; background: var(--cielo); transition: transform .5s cubic-bezier(.16,1,.3,1); }
.paseo-card:hover img { transform: scale(1.04); }
.paseo-card { overflow: hidden; }
.paseo-cuerpo { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px 18px; flex: 1; }
.paseo-cuerpo b { font: 600 18px/1.25 Lexend, sans-serif; }
.paseo-cuerpo em { font-style: normal; color: var(--suave); font-size: 14.5px; line-height: 1.5; }
.paseo-cuerpo small { margin-top: auto; padding-top: 6px; color: var(--coral); font: 600 13px Lexend, sans-serif; }
.mas { text-align: center; margin: 6px 0 0; }
.filtros-paseos { top: var(--h-cab); }
.articulo { max-width: 800px; margin: 0 auto; }
.articulo .rubro { color: var(--coral); font: 600 13px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .06em; margin: 12px 0 0; }
.articulo h1 { font-size: clamp(30px, 4.6vw, 50px); margin: 6px 0 10px; }
.firma { color: var(--suave); font-size: 14px; margin: 0 0 18px; }
.firma b { color: var(--tinta); font-weight: 600; }
.bajada { font-size: clamp(18px, 2.2vw, 22px); line-height: 1.55; color: #2f4353; margin: 0 0 24px; padding-left: 18px; border-left: 4px solid var(--oro); }
.cuerpo-nota { max-width: none; font-size: 18px; line-height: 1.8; }
.cuerpo-nota img { display: block; max-width: 100%; height: auto; border-radius: 14px; margin: 26px auto; box-shadow: 0 8px 26px rgba(1,62,180,.14); }
.cuerpo-nota h2, .cuerpo-nota h3 { font-family: Lexend, sans-serif; margin: 1.6em 0 .5em; }
.vea-tambien { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; margin: 34px 0 10px; padding: 16px 20px; background: #fff; border-radius: var(--r); box-shadow: var(--sombra); text-decoration: none; color: var(--tinta); border: 1px solid #fde7a3; transition: transform .25s; }
.vea-tambien:hover { transform: translateY(-3px); }
.vea-tambien .ico { width: 46px; height: 46px; border-radius: 13px; background: var(--cielo); color: var(--azul); display: flex; align-items: center; justify-content: center; }
.vea-tambien small { display: block; color: var(--suave); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; }
.vea-tambien b { font: 600 17px Lexend, sans-serif; }
.vea-tambien .flecha { color: var(--coral); font-size: 22px; }

/* Listados de rubros (dónde comer, alojamiento…): portada con foto y datos, historias, filtros y tarjetas con foto */
.portada-sec { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); background: #fff; border-radius: 22px; overflow: hidden; box-shadow: var(--sombra); margin: 6px 0 34px; min-height: 340px; }
.portada-sec-foto { position: relative; background: var(--grad) center / cover no-repeat; min-height: 260px; display: flex; align-items: center; justify-content: center; color: #fff; }
.ico-grande { opacity: .35; }
.credito-mini { position: absolute; left: 14px; bottom: 10px; font-size: 11.5px; color: #fff; text-shadow: 0 1px 6px rgba(0,0,0,.7); }
.portada-sec-txt { padding: clamp(22px, 3.4vw, 44px); display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.eyebrow { margin: 0; color: var(--coral); font: 600 12.5px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.portada-sec-txt h1 { margin: 0; font-size: clamp(28px, 3.6vw, 44px); line-height: 1.1; letter-spacing: -.02em; }
.portada-resumen { margin: 0; color: #3b4f60; font-size: 17px; line-height: 1.65; }
.pildoras { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.pildoras span { background: var(--cielo); color: var(--azul); border-radius: 999px; padding: 5px 12px; font-size: 13.5px; font-weight: 500; }
.pildoras b { margin-left: 4px; color: var(--navy); }
.historias { margin-bottom: 26px; }
.historias h2 { font-size: 22px; margin: 0 0 14px; }
.grilla-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cuenta { font-size: clamp(22px, 2.6vw, 30px); margin: 10px 0 0; }
.interruptores { display: flex; flex-wrap: wrap; gap: 8px 18px; padding-top: 12px; font-size: 14px; }
.interruptores label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; color: var(--tinta); }
.interruptores small { color: var(--suave); }
.grilla-tarj { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 14px; }
.tarj { background: #fff; border-radius: var(--r); overflow: hidden; box-shadow: 0 2px 10px rgba(1,62,180,.07); display: flex; flex-direction: column; transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s; }
.tarj:hover { transform: translateY(-4px); box-shadow: var(--sombra); }
.tarj-destacado { box-shadow: var(--sombra); outline: 2px solid #fde7a3; }
.tarj-foto { position: relative; display: block; aspect-ratio: 4 / 3; background: var(--cielo); overflow: hidden; }
.tarj-foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.16,1,.3,1); }
.tarj:hover .tarj-foto img { transform: scale(1.05); }
.tarj-rubro { position: absolute; top: 10px; left: 10px; background: rgba(255,255,255,.94); color: var(--azul); font: 600 11px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .04em; padding: 4px 10px; border-radius: 999px; }
.tarj-sello { position: absolute; top: 10px; right: 10px; background: var(--oro); color: #5a4300; font: 600 10.5px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .05em; padding: 4px 10px; border-radius: 999px; }
.tarj-nfotos { position: absolute; right: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 4px; background: rgba(13,22,36,.72); color: #fff; font-size: 12px; padding: 3px 9px; border-radius: 999px; }
.tarj-cuerpo { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.tarj h3 { margin: 0; font-size: 17px; line-height: 1.25; }
.tarj h3 a { color: var(--tinta); text-decoration: none; }
.tarj h3 a:hover { color: var(--azul); }
.mini-serv { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 5px; }
.mini-serv li { background: var(--fondo); border: 1px solid var(--linea); border-radius: 999px; padding: 2px 9px; font-size: 12px; color: var(--suave); }
.tarj .botones { padding-top: 10px; }
.tarj .btn { padding: 8px 14px; font-size: 13.5px; }
.grilla-simple { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tarj-simple { box-shadow: none; border: 1px solid var(--linea); }
.tarj-simple .tarj-cuerpo { padding: 12px 16px 14px; }
.tarj-simple h3 { font-size: 16px; }
.tarj-rubro-txt { color: var(--coral); font: 600 11px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .05em; }
.mas-titulo { margin: 34px 0 0; font-size: 20px; }
.secciones-fila { margin-top: 0; }
@media (max-width: 1100px) { .grilla-tarj { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .portada-sec { grid-template-columns: 1fr; } .portada-sec-foto { min-height: 220px; } .grilla-3 { grid-template-columns: 1fr; } .grilla-tarj, .grilla-simple { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .grilla-tarj, .grilla-simple { grid-template-columns: 1fr; } }
.interruptores input { width: auto; max-width: none; padding: 0; border-radius: 4px; box-shadow: none; }
.interruptores label { white-space: nowrap; }

/* Temáticos */
.grilla-tem { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding-bottom: 50px; }
.tem-card { position: relative; display: block; aspect-ratio: 2 / 1; border-radius: var(--r); overflow: hidden; background: var(--grad); box-shadow: var(--sombra); color: #fff; text-decoration: none; transition: transform .35s cubic-bezier(.16,1,.3,1); }
.tem-card:hover { transform: translateY(-4px); }
.tem-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.16,1,.3,1); }
.tem-card:hover img { transform: scale(1.06); }
.tem-vel { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13,22,36,0) 30%, rgba(13,22,36,.85)); }
.tem-txt { position: absolute; left: 18px; bottom: 16px; display: flex; align-items: center; gap: 10px; }
.tem-ico { width: 40px; height: 40px; border-radius: 12px; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.45); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.tem-txt b { font: 600 22px Lexend, sans-serif; }
.tem-cols { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 30px; align-items: start; }
.tem-texto { background: #fff; border-radius: var(--r); padding: clamp(20px, 3vw, 36px); box-shadow: 0 2px 10px rgba(1,62,180,.06); max-width: none; }
.tem-texto ul { padding-left: 20px; } .tem-texto li { margin-bottom: 10px; }
.tem-menu { list-style: none; margin: 0; padding: 0; }
.tem-menu a { display: block; padding: 8px 10px; border-radius: 10px; text-decoration: none; color: var(--tinta); font-weight: 500; }
.tem-menu a:hover { background: var(--cielo); }
.tem-menu a.on { background: var(--navy); color: #fff; }
.tematico .firma { margin: 0; }
@media (max-width: 900px) { .tem-cols { grid-template-columns: 1fr; } .grilla-tem { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .grilla-tem { grid-template-columns: 1fr; } }

/* Portada: mosaico de destinos (el del medio más grande) y carrusel del resto */
.titulo-centro { text-align: center; }
.mosaico { display: grid; grid-template-columns: 1fr 1.15fr 1fr; grid-template-rows: 250px 250px; gap: 18px; }
.mos-item { position: relative; border-radius: 22px; overflow: hidden; background: var(--foto) center / cover no-repeat, #0a3d62; box-shadow: var(--sombra); isolation: isolate; transition: transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s; }
.mos-item::before { content: ""; position: absolute; inset: 0; background: inherit; background-size: cover; transition: transform .8s cubic-bezier(.16,1,.3,1); z-index: -2; }
.mos-item::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(13,22,36,0) 35%, rgba(13,22,36,.82) 100%); }
.mos-item:hover { transform: translateY(-4px); box-shadow: 0 22px 46px rgba(1,62,180,.28); }
.mos-item:hover::before { transform: scale(1.06); }
.mos-3 { grid-column: 2; grid-row: 1 / span 2; }
.mos-1 { grid-column: 1; grid-row: 1; } .mos-2 { grid-column: 1; grid-row: 2; } .mos-4 { grid-column: 3; grid-row: 1; } .mos-5 { grid-column: 3; grid-row: 2; }
.mos-link { position: absolute; inset: 0; z-index: 1; }
.mos-txt { position: absolute; left: 24px; right: 24px; bottom: 20px; color: #fff; z-index: 2; pointer-events: none; }
.mos-txt h3 { margin: 0 0 4px; font: 700 clamp(24px, 2.6vw, 34px) Lexend, sans-serif; letter-spacing: -.01em; text-shadow: 0 2px 14px rgba(0,0,0,.45); }
.mos-3 .mos-txt h3 { font-size: clamp(30px, 3.4vw, 44px); }
.atajos { margin: 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 15px; pointer-events: auto; }
.atajos a { color: #fff; text-decoration: none; opacity: .92; }
.atajos a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.atajos span { opacity: .6; }
.carrusel-cab { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.carrusel-cab h2 { margin-bottom: 16px; }
.carrusel-flechas { display: flex; gap: 8px; margin-bottom: 16px; }
.carrusel-flechas button { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--linea); background: #fff; color: var(--navy); font-size: 24px; line-height: 1; cursor: pointer; box-shadow: 0 2px 10px rgba(1,62,180,.08); transition: background-color .2s, color .2s; }
.carrusel-flechas button:hover { background: var(--navy); color: #fff; }
.carrusel { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, calc((100% - 3 * 18px) / 4)); gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 4px 2px 26px; scrollbar-width: none; }
.carrusel::-webkit-scrollbar { display: none; }
.car-card { scroll-snap-align: start; background: #fff; border-radius: 20px; overflow: hidden; text-decoration: none; color: inherit; box-shadow: 0 4px 16px rgba(1,62,180,.08); display: flex; flex-direction: column; transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s; }
.car-card:hover { transform: translateY(-5px); box-shadow: var(--sombra); }
.car-foto { display: block; aspect-ratio: 4 / 3; background: var(--grad); overflow: hidden; }
.car-foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.16,1,.3,1); }
.car-card:hover .car-foto img { transform: scale(1.06); }
.car-cuerpo { padding: 14px 18px 18px; display: flex; flex-direction: column; gap: 3px; }
.car-cuerpo b { font: 600 20px Lexend, sans-serif; color: var(--tinta); }   /* en negro, no azul (Hernán 7/10/2026) */
.car-cuerpo small { color: var(--suave); font-size: 13.5px; }
@media (max-width: 900px) {
    .mosaico { grid-template-columns: 1fr 1fr; grid-template-rows: 300px 200px 200px; }
    .mos-3 { grid-column: 1 / span 2; grid-row: 1; }
    .mos-1 { grid-column: 1; grid-row: 2; } .mos-2 { grid-column: 2; grid-row: 2; } .mos-4 { grid-column: 1; grid-row: 3; } .mos-5 { grid-column: 2; grid-row: 3; }
    .carrusel { grid-auto-columns: 70%; }
}
@media (max-width: 560px) { .mosaico { grid-template-rows: 260px 170px 170px; gap: 12px; } .mos-txt { left: 14px; right: 14px; bottom: 12px; } .mos-txt h3 { font-size: 20px; } .atajos { font-size: 13px; gap: 5px; } .carrusel-flechas { display: none; } .carrusel { grid-auto-columns: 78%; } }

/* Tarjetas de centros de esquí dentro de un texto temático */
.tem-texto figure { display: inline-block; vertical-align: top; width: calc(33.33% - 14px); margin: 7px; }
.tem-texto figure img { margin: 0; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.tem-texto figcaption { text-align: center; margin-top: 8px; font: 600 16px Lexend, sans-serif; }
.tem-texto figcaption a { color: var(--tinta); text-decoration: none; }
@media (max-width: 640px) { .tem-texto figure { width: calc(50% - 14px); } }

/* Logo: W de dos trazos + "welcome" + país (al estilo de Welcome Argentina) */
.logo { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; }
.logo-w { display: block; flex: none; }
.logo-txt { font: 600 27px/1 Lexend, sans-serif; color: #fff; letter-spacing: -.02em; }
.logo-txt b { font-weight: 600; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 640px) { .logo-txt { font-size: 21px; } .logo-w { width: 36px; height: 26px; } }

/* Isotipo grande de la portada: cada trazo se dibuja por el borde y después se rellena (uno detrás del otro, como en Welcome Argentina);
   después flota apenas. Sin movimiento si la persona lo pidió. */
.isotipo-hero { position: absolute; right: max(40px, calc((100vw - 1180px) / 2)); top: 50%; transform: translateY(-50%); z-index: 1; pointer-events: none; filter: drop-shadow(0 18px 40px rgba(0,0,0,.25)); }
.isotipo-hero svg { width: clamp(220px, 26vw, 380px); height: auto; }
@media (prefers-reduced-motion: no-preference) {
    .logo-animado path { stroke-dasharray: 100; stroke-dashoffset: 100; fill-opacity: 0; animation: iso-trazo 1.1s cubic-bezier(.4,0,.2,1) forwards, iso-relleno .6s ease forwards; animation-delay: calc(var(--n) * .35s), calc(var(--n) * .35s + .9s); }
    .isotipo-hero svg { animation: iso-flota 6s ease-in-out 3s infinite; }
    .logo:hover .logo-w path { animation: iso-salto .5s cubic-bezier(.16,1,.3,1); animation-delay: calc(var(--n) * .06s); }
}
@keyframes iso-trazo { to { stroke-dashoffset: 0; } }
@keyframes iso-relleno { to { fill-opacity: 1; } }
@keyframes iso-flota { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes iso-salto { 50% { transform: translateY(-40px); } }
.logo-w path { transform-box: fill-box; }
@media (max-width: 900px) { .isotipo-hero { display: none; } }

/* Formulario de consulta de la ficha */
.ficha-lado { display: flex; flex-direction: column; gap: 18px; }
.ficha-lado .caja { position: static; }
.ficha-lado .caja:first-child { position: static; }
.caja-consulta h2 { margin-bottom: 4px; }
.sub-consulta { color: var(--suave); font-size: 14px; }
.form-consulta { display: flex; flex-direction: column; gap: 10px; }
.form-consulta label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--suave); }
.form-consulta input, .form-consulta textarea { font: 15px Inter, sans-serif; padding: 10px 12px; border: 1px solid var(--linea); border-radius: 10px; background: #fff; color: var(--tinta); outline: none; width: 100%; box-sizing: border-box; }
.form-consulta input:focus, .form-consulta textarea:focus { border-color: var(--azul); box-shadow: 0 0 0 3px rgba(1,98,255,.15); }
.form-consulta .btn { width: 100%; padding: 12px; font-size: 15px; }
.trampa { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.privacidad { font-size: 12px; color: var(--suave); margin: 0; }
.consulta-ok { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; border-radius: 10px; padding: 12px 14px; }
.consulta-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; border-radius: 10px; padding: 10px 14px; }

/* Características: filtros del listado, íconos en la tarjeta y lista en la ficha */
.chips-car { display: flex; gap: 8px; overflow-x: auto; padding: 10px 0 2px; scrollbar-width: none; }
.chips-car::-webkit-scrollbar { display: none; }
.chips-car button { flex: none; display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--linea); background: #fff; color: var(--tinta); padding: 7px 13px; border-radius: 999px; font: 500 13.5px Lexend, sans-serif; cursor: pointer; white-space: nowrap; transition: background-color .15s, border-color .15s; }
.chips-car button small { color: var(--suave); }
.chips-car button[aria-pressed="true"] { background: var(--cielo); border-color: var(--azul); color: var(--azul); }
.chips-car button:focus-visible { outline: 2px solid var(--azul); outline-offset: 2px; }
.mini-car { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 0; color: var(--azul); }
.mini-car span { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: var(--cielo); }
.mini-car em { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.caracteristicas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.caracteristicas li { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--linea); border-radius: 12px; padding: 10px 14px; font-size: 15px; }
.caracteristicas li .ic { color: var(--azul); }
.pie-desarrollo { font-size: .85rem; opacity: .75; margin-top: .4rem; }
.aviso-borrador { background: #fff4d6; border: 1px solid #f4c430; color: #6b4e00; border-radius: 10px; padding: 10px 14px; font-size: .9rem; margin-bottom: 18px; }
.cuerpo-nota figure { margin: 0 0 28px; }
.cuerpo-nota figure img { width: 100%; height: auto; border-radius: var(--r); display: block; }
.cuerpo-nota figcaption { font-size: 13px; color: var(--suave); margin-top: 8px; }
.cuerpo-nota figcaption a { color: inherit; }

/* Ciudades del otro lado de la frontera (portada y ciudad de enfrente) */
.grilla-cruce { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 18px; }
/* El editor del ABM (Quill) guarda el <figure> del crédito como <p><img>texto</p>: se ve igual que el recuadro con pie. */
.cuerpo-nota p:has(> img:first-child) { font-size: 13px; color: var(--suave); margin: 0 0 28px; }
.cuerpo-nota p:has(> img:first-child) > img { width: 100%; height: auto; border-radius: var(--r); display: block; margin-bottom: 8px; }
.cuerpo-nota p:has(> img:first-child) a { color: inherit; }

/* Logo propio de un portal (interpatagonia.com): imagen en vez de la "W" + texto de Welcome */
.logo-propio { display: block; height: 40px; width: auto; }
@media (max-width: 640px) { .logo-propio { height: 30px; } }
/* Isotipo propio (bandera de InterPatagonia): es alto y angosto, va más chico que la "W" */
.isotipo-hero svg.isotipo-propio { width: clamp(150px, 15vw, 230px); }
/* Pie con las ciudades agrupadas por provincia / región (interpatagonia.com: 99 ciudades) */
.pie .ancho:has(.pie-regiones) { grid-template-columns: 1fr; gap: 26px; }
.pie-regiones { columns: 5 150px; column-gap: 26px; border-top: 1px solid rgba(255,255,255,.12); padding-top: 24px; }
.pie-regiones > div { break-inside: avoid; margin-bottom: 20px; }
.pie-regiones strong { display: block; font-size: 13px; letter-spacing: .02em; margin-bottom: 6px; }
.pie-regiones strong small { font-weight: 400; color: #9fb8cc; }
.pie-regiones ul { list-style: none; margin: 0; padding: 0; }
.pie-regiones a { display: inline-block; margin: 0; line-height: 1.75; font-size: 13.5px; text-decoration: none; white-space: normal; }
.pie-regiones a:hover, .pie-regiones a:focus-visible { color: #fff; text-decoration: underline; }

/* Pie como el de interpatagonia.com (config 'pie'): gris claro, newsletter a la izquierda, redes y links a la derecha */
.pie-ip { background: #f1f1f1; color: #4a4a4a; margin-top: 30px; font-size: 14.5px; }
.pie-ip-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; padding: 44px 0 40px; }
.pie-news-tit { font: 400 28px/1.2 Inter, sans-serif; color: #363636; margin: 0 0 14px; }
.pie-news-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 26px; max-width: 660px; }
.pie-news-form label > span { display: block; font-weight: 700; color: #363636; margin-bottom: 8px; font-size: 16px; }
.campo-ico { position: relative; display: block; font-style: normal; }
.campo-ico svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #363636; pointer-events: none; }
.campo-ico input { width: 100%; box-sizing: border-box; font: 16px Inter, sans-serif; padding: 11px 12px 11px 38px; border: 1px solid #b5b5b5; border-radius: 4px; background: #fff; color: #363636; }
.campo-ico input:focus { outline: none; border-color: #0079b8; box-shadow: 0 0 0 3px rgba(0,121,184,.25); }
.pie-news-btn { background: var(--grad); color: #fff; border: 0; border-radius: 4px; padding: 13px 22px; font: 600 16px Inter, sans-serif; text-transform: uppercase; cursor: pointer; }
.pie-news-btn:hover { filter: brightness(1.06); }
.pie-der { text-align: right; }
.pie-redes { display: flex; justify-content: flex-end; gap: 10px; margin-bottom: 26px; }
.pie-redes a { width: 48px; height: 48px; border-radius: 50%; border: 1px solid #dbdbdb; background: #fff; display: grid; place-items: center; transition: transform .15s cubic-bezier(.4,0,.2,1); }
.pie-redes a:hover { transform: translateY(-2px); }
.red-facebook { color: #1877f2; } .red-twitter { color: #1d9bf0; } .red-instagram { color: #e1306c; }
.pie-links { font-size: 18px; margin: 0 0 6px; }
.pie-links a, .pie-legal a, .pie-marcas a { color: #0079b8; text-decoration: none; }
.pie-links a:hover, .pie-legal a:hover, .pie-marcas a:hover { text-decoration: underline; }
.pie-legal { font-size: 13.5px; line-height: 1.7; margin: 0; }
.pie-marcas { background: #e6e6e6; padding: 10px 0; font-size: 13px; }
.pie-ip .consulta-ok, .pie-ip .consulta-error { max-width: 660px; }
@media (max-width: 900px) {
    .pie-ip-in { grid-template-columns: 1fr; }
    .pie-der { text-align: left; }
    .pie-redes { justify-content: flex-start; }
}
@media (max-width: 560px) { .pie-news-form { grid-template-columns: 1fr; } .pie-news-tit { font-size: 24px; } .pie-links { font-size: 16px; } }
/* Páginas del pie: contacto, publicar, términos */
.pie-pagina { padding-top: 30px; }
.pie-pag-cols { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.pie-pagina .caja { background: #fff; border-radius: var(--r); box-shadow: var(--sombra); padding: 24px; }
.pie-pagina select { font: 15px Inter, sans-serif; padding: 10px 12px; border: 1px solid var(--linea); border-radius: 10px; background: #fff; }
.pie-pagina .bajada { font-size: 18px; color: var(--suave); }
.terminos { max-width: 820px; font-size: 15px; }
@media (max-width: 860px) { .pie-pag-cols { grid-template-columns: 1fr; } }
.pie-ip-in { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); }
.pie-links { font-size: 17px; }
.pie-pagina .form-consulta small { text-transform: none; letter-spacing: 0; font: 12.5px Inter, sans-serif; color: var(--suave); }
.pie-links { font-size: 16px; }
.pie-links a { white-space: nowrap; }

/* Tarjetas de alojamiento al estilo de interpatagonia.com (Héctor, 2026-09-27): carrusel con puntos, corazón, datos y dos botones a lo ancho */
.tarj-aloj { border-radius: 16px; box-shadow: 0 2px 12px rgba(1,62,180,.10); outline: 0; }
.tarj-aloj.tarj-destacado { outline: 0; }
.ta-fotos { position: relative; aspect-ratio: 4 / 3; background: var(--cielo); overflow: hidden; }
.ta-tira { display: flex; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.ta-tira::-webkit-scrollbar { display: none; }
.ta-tira a { flex: 0 0 100%; height: 100%; scroll-snap-align: start; display: block; }
.ta-tira img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ta-puntos { position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; gap: 5px; pointer-events: none; }
.ta-puntos i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.55); box-shadow: 0 0 2px rgba(0,0,0,.35); transition: background-color .15s, transform .15s; }
.ta-puntos i.on { background: #fff; transform: scale(1.15); }
.ta-ant, .ta-sig { position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(255,255,255,.9); color: var(--tinta); font-size: 22px; line-height: 1; cursor: pointer; opacity: 0; transition: opacity .15s; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.ta-ant { left: 8px; } .ta-sig { right: 8px; }
.ta-fotos:hover .ta-ant, .ta-fotos:hover .ta-sig, .ta-ant:focus-visible, .ta-sig:focus-visible { opacity: 1; }
@media (hover: none) { .ta-ant, .ta-sig { display: none; } }
.ta-fav { position: absolute; right: 12px; bottom: -22px; z-index: 2; width: 50px; height: 50px; border-radius: 50%; border: 0; background: #fff; box-shadow: 0 3px 12px rgba(0,0,0,.18); display: grid; place-items: center; cursor: pointer; color: #1f2937; }
.ta-fotos { overflow: visible; }
.ta-fotos .ta-tira { border-radius: 16px 16px 0 0; }
.ta-fav svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; transition: transform .2s cubic-bezier(.16,1,.3,1); }
.ta-fav[aria-pressed="true"] { color: #e11d48; }
.ta-fav[aria-pressed="true"] svg { fill: currentColor; transform: scale(1.08); }
.ta-cuerpo { padding: 26px 22px 16px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.ta-rubro { color: #6b7280; font-size: 15px; }
.tarj-aloj h3 { margin: 2px 0 6px; font: 600 20px/1.25 Lexend, sans-serif; }
.tarj-aloj h3 a { color: #0079b8; text-decoration: none; }
.tarj-aloj h3 a:hover { text-decoration: underline; }
.ta-ciudad { margin: 0; display: flex; align-items: center; gap: 5px; font-weight: 700; color: #6b7280; font-size: 15px; }
.ta-ciudad svg { fill: none; stroke: currentColor; stroke-width: 2.2; }
.ta-dir, .ta-tel { margin: 0; color: #374151; font-size: 15px; }
.ta-botones { display: flex; border-top: 1px solid var(--linea); }
.ta-botones a { flex: 1; text-align: center; padding: 15px 8px; font: 700 12.5px Inter, sans-serif; text-transform: uppercase; letter-spacing: .02em; text-decoration: none; color: #0079b8; }
.ta-botones a + a { border-left: 1px solid var(--linea); }
.ta-botones a:hover { background: #f5f9fc; }
.ta-botones .ta-wa { color: #16a34a; }
.tarj-aloj:hover .tarj-foto img { transform: none; }
/* "¡Promoción!" y "Verificado" (migración 049, interpatagonia.com) */
.ta-promo { position: absolute; top: 12px; right: 12px; z-index: 2; display: inline-flex; align-items: center; gap: 5px; background: #dc2626; color: #fff; font: 700 13px Lexend, sans-serif; text-transform: uppercase; padding: 7px 11px; border-radius: 7px; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.ta-promo svg { fill: none; stroke: currentColor; stroke-width: 2; }
.ta-verif { margin: -2px 0 4px; display: flex; align-items: center; gap: 5px; color: #0e7490; font-size: 14px; }
.ta-verif svg { fill: none; stroke: currentColor; stroke-width: 2; }
.ficha-promo { background: #fef2f2; border: 1px solid #fecaca; border-left: 5px solid #dc2626; border-radius: 12px; padding: 16px 20px; margin: 18px 0; }
.ficha-promo-et { margin: 0; color: #b91c1c; font: 700 12px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .05em; }
.ficha-promo h2 { margin: 4px 0 6px; font-size: 20px; }
.ficha-promo p { margin: 6px 0 0; }
/* Rutas (temático 'rutas'): crédito de la foto de portada, "Dónde dormir en el recorrido" y "Rutas que pasan por acá" */
.credito-portada { font-size: 12.5px; color: var(--suave); margin: 10px 0 0; }
.grilla-rutas-aloj { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
/* Temáticos importados: una foto chica del sitio viejo (p. ej. las de estancias, 150×100) no se agranda (se pixelaba) */
.tem-texto img { width: auto; max-width: 100%; height: auto; }
.tem-texto.cuerpo-nota p:has(> img:first-child) > img { width: auto; max-width: 100%; }

/* ---- Diccionario (mapuche): cabecera editorial, buscador, abecedario fijo, palabra del día y tarjetas por letra ---- */
.dicc { padding-top: 18px; }
.dicc-cab { max-width: 820px; margin: 10px 0 26px; }
.dicc-cab h1 { font: 700 clamp(34px, 5vw, 56px)/1.05 Lexend, sans-serif; margin: 6px 0 14px; letter-spacing: -.02em; color: var(--tinta); }
.dicc-intro { font-size: 17.5px; line-height: 1.65; color: #334155; }
.dicc-intro p { margin: 0; }
.dicc-intro strong { color: var(--azul); font-weight: 600; }
.dicc-cifras { margin: 14px 0 18px; color: var(--suave); font-size: 15px; }
.dicc-cifras b { color: var(--coral); font: 700 20px Lexend, sans-serif; }
.dicc-cifras a { color: var(--azul); }
.dicc-buscar input { width: 100%; box-sizing: border-box; font: 18px Inter, sans-serif; padding: 16px 20px 16px 52px; border: 1.5px solid var(--linea); border-radius: 999px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%235a6b7a' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 20px 50%; box-shadow: 0 6px 20px rgba(1,62,180,.08); color: var(--tinta); }
.dicc-buscar input:focus { outline: none; border-color: var(--azul); box-shadow: 0 0 0 4px rgba(1,98,255,.15); }
.dicc-dia { position: relative; background: var(--grad); color: #fff; border-radius: 22px; padding: 28px 32px; margin: 0 0 22px; overflow: hidden; box-shadow: var(--sombra); }
.dicc-dia::after { content: ""; position: absolute; right: -40px; top: -40px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(244,196,48,.35), transparent 70%); }
.dicc-dia-et { margin: 0; font: 600 12px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .12em; color: var(--oro); }
.dicc-dia-pal { margin: 6px 0 4px; font: 700 clamp(30px, 4vw, 44px)/1.1 Lexend, sans-serif; letter-spacing: -.01em; }
.dicc-dia-sig { margin: 0; font-size: 19px; color: #dbe7f2; }
.dicc-dia .dicc-lugar { color: var(--oro); margin-top: 12px; display: inline-block; }
.dicc-letras { position: sticky; top: calc(var(--h-cab) + 6px); z-index: 20; display: flex; flex-wrap: wrap; gap: 4px; padding: 10px; margin: 0 0 18px; background: rgba(245,248,251,.92); backdrop-filter: blur(8px); border: 1px solid var(--linea); border-radius: 16px; }
.dicc-letras a { min-width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; font: 600 15px Lexend, sans-serif; color: var(--azul); text-decoration: none; transition: background-color .12s cubic-bezier(.4,0,.2,1), color .12s; }
.dicc-letras a:hover, .dicc-letras a:focus-visible { background: var(--navy); color: #fff; }
.dicc-letras a.apagada { color: #b8c4cf; pointer-events: none; }
.dicc-sin { font-size: 17px; color: var(--suave); padding: 20px 0; }
.dicc-grupo { scroll-margin-top: calc(var(--h-cab) + 80px); margin: 0 0 30px; }
.dicc-grupo h2 { display: flex; align-items: baseline; gap: 10px; margin: 0 0 12px; border-bottom: 2px solid var(--linea); padding-bottom: 6px; }
.dicc-grupo h2 span { font: 800 52px/1 Lexend, sans-serif; color: var(--coral); }
.dicc-grupo h2 small { font: 500 14px Inter, sans-serif; color: var(--suave); }
.dicc-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.dicc-lista li { background: #fff; border: 1px solid var(--linea); border-radius: 14px; padding: 14px 16px; display: flex; flex-direction: column; gap: 3px; transition: transform .2s cubic-bezier(.4,0,.2,1), box-shadow .2s; }
.dicc-lista li:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(1,62,180,.10); }
.dicc-lista b { font: 600 19px/1.2 Lexend, sans-serif; color: var(--navy); }
.dicc-lista span { color: #475569; font-size: 15px; line-height: 1.45; }
.dicc-lugar { font: 600 13px Lexend, sans-serif; color: var(--coral); text-decoration: none; margin-top: 4px; }
.dicc-lugar:hover { text-decoration: underline; }
.dicc-fuentes { font-size: 14px; color: var(--suave); border-top: 1px solid var(--linea); padding-top: 16px; margin-top: 10px; }
.dicc-fuentes strong { color: var(--tinta); }
@media (max-width: 600px) { .dicc-dia { padding: 22px; } .dicc-lista { grid-template-columns: 1fr; } .dicc-letras a { min-width: 30px; height: 30px; font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { .dicc-lista li, .dicc-letras a { transition: none; } .dicc-lista li:hover { transform: none; } }
@media (max-width: 700px) { .dicc-letras { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .dicc-letras::-webkit-scrollbar { display: none; } .dicc-letras a { flex: 0 0 auto; } }
/* Mosaico de 6 destinos elegidos (interpatagonia.com): grilla pareja de 3 × 2 (2 columnas en celular) */
.mosaico.mosaico-6 { grid-template-columns: repeat(3, 1fr); grid-template-rows: 280px 280px; }
.mosaico.mosaico-6 .mos-item { grid-column: auto; grid-row: auto; }
.mosaico.mosaico-6 .mos-txt h3 { font-size: clamp(24px, 2.4vw, 32px); }
@media (max-width: 900px) { .mosaico.mosaico-6 { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, 220px); } }
@media (max-width: 560px) { .mosaico.mosaico-6 { grid-template-columns: 1fr; grid-template-rows: repeat(6, 200px); } }
.mosaico.mosaico-6 { grid-template-columns: repeat(var(--cols, 3), 1fr); grid-template-rows: none; grid-auto-rows: 260px; }
@media (max-width: 1100px) { .mosaico.mosaico-6 { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 220px; } }
@media (max-width: 560px) { .mosaico.mosaico-6 { grid-template-columns: 1fr; grid-auto-rows: 200px; } }
/* 4 por fila: títulos más chicos y accesos en una sola línea (el texto queda abajo, lejos de la marca de agua de las fotos del sitio viejo) */
.mosaico.mosaico-6[style*="--cols:4"] { grid-auto-rows: 290px; }
.mosaico.mosaico-6[style*="--cols:4"] .mos-txt h3 { font-size: clamp(20px, 1.75vw, 26px); line-height: 1.15; }
.mosaico.mosaico-6[style*="--cols:4"] .atajos { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mosaico.mosaico-6[style*="--cols:4"] .atajos { flex-wrap: nowrap; gap: 6px; }
.mosaico.mosaico-6[style*="--cols:4"] .atajos a, .mosaico.mosaico-6[style*="--cols:4"] .atajos span { flex: none; }
@media (max-width: 1280px) { .mosaico.mosaico-6[style*="--cols:4"] .atajos { font-size: 12px; gap: 4px; } }
/* Tarjeta del blog a todo el ancho (Héctor, 2026-09-28: "hasta que consiga más temáticos"), con la foto de la última nota */
.tem-card.tem-blog { grid-column: 1 / -1; aspect-ratio: auto; height: 260px; }
.tem-card.tem-blog .tem-txt { flex-wrap: wrap; }
.tem-card.tem-blog .tem-txt b { font-size: 26px; }
.tem-blog-ult { flex-basis: 100%; font: 500 15px Inter, sans-serif; color: #e2ecf4; margin-top: 6px; }
@media (max-width: 560px) { .tem-card.tem-blog { height: 220px; } .tem-card.tem-blog .tem-txt b { font-size: 21px; } }
.tem-card.tem-blog img { object-position: center 22%; }

/* Listado con panel de filtros a la izquierda y mapa coordinado (interpatagonia: config 'panel_filtros'). */
.listado-panel { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; align-items: start; margin-top: 18px; }
.panel-f { position: sticky; top: calc(var(--h-cab) + 12px); max-height: calc(100vh - var(--h-cab) - 24px); overflow-y: auto; background: #fff; border: 1px solid var(--linea); border-radius: 14px; padding: 16px; scrollbar-width: thin; }
.pf-cab { display: flex; justify-content: space-between; align-items: center; font: 600 16px Lexend, sans-serif; margin-bottom: 10px; }
.pf-cerrar { display: none; border: 0; background: none; font-size: 28px; line-height: 1; cursor: pointer; color: var(--tinta); }
.pf-fav, .pf-vista { display: flex; width: 100%; justify-content: center; align-items: center; gap: 6px; padding: 10px; border-radius: 10px; font: 500 14px Lexend, sans-serif; cursor: pointer; text-decoration: none; margin-bottom: 8px; }
.pf-fav { border: 1px solid var(--linea); background: #fff; color: var(--tinta); }
.pf-fav span { color: #d6456b; }
.pf-fav small { color: var(--suave); }
.pf-fav[aria-pressed="true"] { background: #fdecf1; border-color: #d6456b; }
.pf-vista { background: var(--navy); color: #fff; }
.pf-vista:hover { filter: brightness(1.1); }
.pf-bloque { border-top: 1px solid var(--linea); padding: 12px 0 4px; margin-top: 6px; }
.pf-tit { font: 600 13px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .04em; color: var(--suave); margin: 0 0 8px; }
.pf-stepper { display: inline-flex; align-items: center; border: 1px solid var(--linea); border-radius: 999px; overflow: hidden; }
.pf-stepper button { width: 38px; height: 36px; border: 0; background: #fff; font-size: 20px; cursor: pointer; color: var(--navy); }
.pf-stepper button:hover { background: #eef3f7; }
.pf-stepper output { min-width: 34px; text-align: center; font: 600 15px Lexend, sans-serif; }
.panel-f .chips-rubros { flex-direction: column; gap: 4px; overflow: visible; padding: 0; }
.panel-f .chips-rubros button { text-align: left; border-radius: 8px; border-color: transparent; padding: 6px 10px; white-space: normal; }
.panel-f .chips-rubros button:hover { background: #eef3f7; }
.panel-f .chips-rubros button.on { background: var(--navy); color: #fff; }
.pf-radios label, .pf-checks label, .panel-f .interruptores label { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: 14px; cursor: pointer; }
.pf-radios small, .pf-checks small, .panel-f .interruptores small { margin-left: auto; color: var(--suave); }
.pf-radios input, .pf-checks input, .panel-f .interruptores input { accent-color: var(--navy); width: 16px; height: 16px; flex: none; }
.pr-cab { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.pr-cab .cuenta { margin: 0; }
.pf-abrir { display: none; }
.pr-buscar { width: 100%; padding: 12px 18px; border: 1px solid var(--linea); border-radius: 999px; font: 15px Inter, sans-serif; background: #fff; outline: none; margin: 12px 0 16px; }
.pr-buscar:focus { border-color: var(--azul); box-shadow: 0 0 0 3px rgba(1,98,255,.15); }
.mapa-caja { margin-bottom: 20px; border-radius: 14px; overflow: hidden; border: 1px solid var(--linea); }
#mapa { height: min(62vh, 560px); background: #e7edf2; }
.panel-res .grilla-tarj { grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); }
.pin-mapa span { display: block; width: 22px; height: 22px; border-radius: 50% 50% 50% 0; background: #c2410c; border: 2px solid #fff; transform: rotate(-45deg); box-shadow: 0 2px 6px rgba(0,0,0,.35); }
.pop-mapa { width: 200px; }
.pop-mapa img { width: 100%; height: 110px; object-fit: cover; border-radius: 8px; display: block; margin-bottom: 6px; }
.pop-mapa a, .pop-mapa b { font: 600 14px Lexend, sans-serif; color: var(--navy); }
@media (max-width: 900px) {
    .listado-panel { grid-template-columns: minmax(0, 1fr); }
    .panel-f { position: fixed; inset: 0 auto 0 0; top: 0; width: min(86vw, 340px); max-height: none; height: 100%; border-radius: 0; z-index: 1000; transform: translateX(-105%); transition: transform .25s; box-shadow: 0 0 40px rgba(0,0,0,.3); }
    .panel-f.abierto { transform: none; }
    .pf-cerrar, .pf-abrir { display: block; }
    body.sin-scroll { overflow: hidden; }
    #mapa { height: 60vh; }
}
.listado-panel { scroll-margin-top: calc(var(--h-cab) + 8px); }

/* Banners (migración 053). Piezas gráficas: el iframe a su tamaño real, escalado por JS (--s) para que entre en el ancho. */
.bn-zona { display: flex; flex-direction: column; align-items: center; gap: 14px; margin: 26px 0; }
.bn-pieza { display: block; position: relative; width: 100%; max-width: calc(var(--w) * 1px); aspect-ratio: var(--w) / var(--h); overflow: hidden; border-radius: 8px; background: #eef3f7; }
.bn-pieza iframe, .bn-pieza img { position: absolute; top: 0; left: 0; width: calc(var(--w) * 1px); height: calc(var(--h) * 1px); max-width: none; border: 0; transform: scale(var(--s, 1)); transform-origin: 0 0; pointer-events: none; }
.bn-pieza img { object-fit: cover; }
/* Franjas de publicidad parejas: todas al mismo ancho (970), la de 1110 se achica (Hernán 8/10/2026). */
.bn-zona:not(.bn-fila300) > .bn-pieza { max-width: min(970px, calc(var(--w) * 1px)); }
/* Títulos de sección que linkean a su página (Hernán 7/10/2026): mismo color, azul al pasar. */
.h2-link { color: inherit; text-decoration: none; }
.h2-link:hover { color: var(--azul); }
/* Sin el cartelito "Publicidad" encima de las piezas (Hernán 7/10/2026); el aria-label sigue avisando que es publicidad.
   Las franjas van al ancho natural del arte: a pantalla completa se veían pixeladas (Hernán 7/10/2026). */
.bn-fila300 { flex-direction: row; flex-wrap: wrap; justify-content: center; }
.bn-fila300 .bn-pieza { max-width: min(300px, calc(var(--w) * 1px)); }
.bn-promos-fila { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(230px, 260px); gap: 16px; overflow-x: auto; padding: 4px 2px 12px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.bn-promo { scroll-snap-align: start; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--linea); border-radius: 14px; overflow: hidden; text-decoration: none; color: var(--tinta); box-shadow: var(--sombra); transition: transform .2s; }
.bn-promo:hover { transform: translateY(-3px); }
.bn-promo img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; background: var(--cielo); }
.bn-promo-txt { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px 14px; flex: 1; }
.bn-promo-txt small { font: 600 11px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .05em; color: var(--coral); }
.bn-promo-txt b { font: 600 15px/1.3 Lexend, sans-serif; }
.bn-promo-txt em { font-style: normal; font-size: 13.5px; color: var(--suave); line-height: 1.45; }
.bn-promo-ver { margin-top: auto; font: 600 13px Lexend, sans-serif; color: var(--azul); }
.bn-sticky { position: fixed; left: 50%; bottom: 0; transform: translate(-50%, 110%); z-index: 900; width: min(100%, 970px); background: #fff; box-shadow: 0 -6px 24px rgba(0,0,0,.18); border-radius: 10px 10px 0 0; padding: 0; transition: transform .35s; }
.bn-sticky.ver { transform: translate(-50%, 0); }
.bn-sticky .bn-pieza { border-radius: 10px 10px 0 0; max-width: none; }
.bn-cerrar { position: absolute; top: -14px; right: 8px; width: 28px; height: 28px; border-radius: 50%; border: 0; background: var(--navy); color: #fff; font-size: 18px; line-height: 1; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.3); }

/* interpatagonia: página más ancha (Héctor, 2026-09-28: "estirá más el ancho para ocupar más") y columna de promociones a la derecha
   del listado, como el sitio vivo. En pantallas medianas las promos bajan a una fila debajo del listado. */
/* Los tres portales (Welcome desde el 28/9: "copiando la configuración de IP"). */
body .ancho, body .cab-in { width: min(1480px, 100% - 40px); }
.listado-panel:has(.bn-col) { grid-template-columns: 250px minmax(0, 1fr) 270px; }
.bn-col { position: sticky; top: calc(var(--h-cab) + 12px); max-height: calc(100vh - var(--h-cab) - 24px); overflow-y: auto; scrollbar-width: thin; padding-bottom: 8px; }
.bn-col h2 { font: 600 15px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .04em; color: var(--suave); margin: 0 0 12px; }
.bn-col .bn-promos-fila { display: flex; flex-direction: column; gap: 14px; overflow: visible; padding: 0 2px; }
.bn-col .bn-promo { box-shadow: 0 4px 14px rgba(1,62,180,.08); }
.bn-col .bn-promo img { aspect-ratio: 16 / 10; }
@media (max-width: 1280px) {
    .listado-panel:has(.bn-col) { grid-template-columns: 250px minmax(0, 1fr); }
    .bn-col { grid-column: 1 / -1; position: static; max-height: none; overflow: visible; }
    .bn-col .bn-promos-fila { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(230px, 260px); overflow-x: auto; flex-direction: initial; }
}
@media (max-width: 900px) { .listado-panel:has(.bn-col) { grid-template-columns: minmax(0, 1fr); } .listado-panel > * { min-width: 0; } }
.panel-f .chips-car { display: block; padding: 0; overflow: visible; margin: 0; }
/* interpatagonia, página ancha: temáticos más livianos (Héctor, 2026-09-28: "quedó muy pesada" → "dejala en tres columnas pero con más
   espacio entre las tarjetas"). */
@media (min-width: 900px) {
    body .grilla-tem { gap: 40px 36px; }
    body .tem-card { aspect-ratio: 2.15 / 1; }
    body .tem-card.tem-blog { aspect-ratio: auto; height: 240px; }
}
/* Buscador de todo el portal: grupos (Ciudades, Temas, Paseos y notas, Establecimientos). */
.bc-res { max-height: min(70vh, 480px); }
.bc-grupo { margin: 0; padding: 10px 16px 4px; font: 600 11px Lexend, sans-serif; text-transform: uppercase; letter-spacing: .05em; color: var(--suave); }
.bc-col + .bc-col > .bc-grupo { border-top: 1px solid var(--linea); }
.bc-res a { display: flex; flex-direction: column; gap: 1px; padding: 8px 16px; }
.bc-res a small { font-size: 12.5px; color: var(--suave); }
.bc-res a:focus { outline: none; background: var(--cielo); }
.bc-nada { margin: 0; padding: 12px 16px; color: var(--suave); font-size: 14px; }

/* Consulta masiva (ficha) y consulta a favoritos — migración 059, 28/9 */
.form-consulta .consulta-otros { border: 1px solid var(--linea); border-radius: 10px; padding: 10px 12px; margin: 0; background: #f8fafc; }
.form-consulta .consulta-otros legend { font: 600 13px Inter, sans-serif; color: var(--tinta); padding: 0 4px; }
.form-consulta .consulta-otros label { flex-direction: row; align-items: flex-start; gap: 8px; color: var(--tinta); font-size: 13.5px; line-height: 1.35; cursor: pointer; }
.form-consulta .consulta-otros input[type=checkbox] { width: 16px; height: 16px; padding: 0; margin: 1px 0 0; flex: none; accent-color: var(--azul); box-shadow: none; }
.form-consulta .co-todos { font-weight: 600; }
.form-consulta .consulta-otros summary { cursor: pointer; font-size: 13px; color: var(--azul); margin-top: 8px; }
.form-consulta .co-botones { display: flex; gap: 6px; margin: 8px 0 6px; }
.form-consulta .co-botones button { font: 500 12.5px Inter, sans-serif; border: 1px solid var(--linea); background: #fff; border-radius: 999px; padding: 4px 12px; cursor: pointer; }
.form-consulta .co-lista { display: flex; flex-direction: column; gap: 6px; max-height: 220px; overflow-y: auto; padding-right: 4px; }
.form-consulta .co-lista small, .fav-lista small { display: block; color: var(--suave); font-size: 12px; }
.fav-elegidos .co-lista { max-height: 320px; }
.fav-lista { padding-left: 18px; display: flex; flex-direction: column; gap: 6px; }
.pf-fav-consultar { display: flex; justify-content: center; padding: 9px; margin: -2px 0 8px; border-radius: 10px; font: 500 13.5px Lexend, sans-serif; color: var(--azul); background: #eef4ff; text-decoration: none; }
.pf-fav-consultar:hover { background: #e1eef7; }
.pf-fav-consultar[hidden] { display: none; }

/* Valoraciones, datos útiles y Reservas Inter — migración 060, 28/9 */
.estrellas { --t: 16px; display: inline-block; position: relative; width: calc(var(--t) * 5); height: var(--t); vertical-align: -2px;
    background: linear-gradient(90deg, transparent var(--w), #d7dde4 var(--w)), linear-gradient(180deg, #f3d98b 0%, #d9a93a 48%, #b8862a 100%);   /* dorado (Hernán 9/10) */
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z'/%3E%3C/svg%3E") 0 0 / var(--t) var(--t) repeat-x;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z'/%3E%3C/svg%3E") 0 0 / var(--t) var(--t) repeat-x; }
.ta-val { display: flex; align-items: center; gap: 5px; margin: 2px 0 4px; font-size: 13px; color: var(--tinta); }
.ta-val span { color: var(--suave); }
.ficha-val { display: inline-flex; align-items: center; gap: 7px; margin-top: 8px; font-size: 15px; color: var(--tinta); text-decoration: none; }
.ficha-val:hover { text-decoration: underline; }
.datos-utiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; margin: 0; }
.datos-utiles div { background: #fff; border: 1px solid var(--linea); border-radius: 12px; padding: 12px 14px; }
.datos-utiles dt { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--suave); margin-bottom: 3px; }
.datos-utiles dd { margin: 0; font: 600 16px Lexend, sans-serif; color: var(--tinta); }
.op-resumen { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.op-prom { font: 700 44px/1 Lexend, sans-serif; color: var(--tinta); }
.op-resumen small { display: block; color: var(--suave); font-size: 13.5px; margin-top: 4px; }
.op-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.opinion { background: #fff; border: 1px solid var(--linea); border-radius: 14px; padding: 16px 18px; }
.op-cab { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.op-cab > div { flex: 1; min-width: 0; }
.op-cab strong { display: block; font-size: 15px; }
.op-cab small { color: var(--suave); font-size: 12.5px; }
.op-ini { width: 38px; height: 38px; border-radius: 50%; background: #e3edff; color: var(--azul); display: grid; place-items: center; font: 600 14px Lexend, sans-serif; flex: none; }
.opinion p { margin: 0; font-size: 14.5px; line-height: 1.55; color: #334155; }
.op-mas summary { cursor: pointer; margin: 14px 0; font: 600 14.5px Lexend, sans-serif; color: var(--azul); }
.btn-reservar { display: flex; flex-direction: column; align-items: center; gap: 2px; width: 100%; padding: 14px; margin-bottom: 14px; font-size: 17px; text-decoration: none; box-sizing: border-box; }
.btn-reservar small { font: 400 12.5px Inter, sans-serif; opacity: .9; }

/* Promociones de la ciudad — 28/9 */
.promos-ciudad h1 { margin: 10px 0 6px; }
.promos-ciudad .bajada { color: var(--suave); margin: 0 0 22px; }
.promos-grilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 22px; margin-bottom: 40px; }
.promo-tarj { background: #fff; border: 1px solid var(--linea); border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 6px 18px rgba(15,23,42,.05); }
.promo-tarj .pt-foto { position: relative; display: block; aspect-ratio: 16 / 10; background: #e2e8f0; }
.promo-tarj .pt-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.promo-tarj .pt-foto .ta-promo { position: absolute; top: 12px; left: 12px; right: auto; width: auto; }
.promo-tarj .pt-cuerpo { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.promo-tarj .pt-anun { margin: 0; font-size: 13px; color: var(--suave); }
.promo-tarj .pt-anun a { color: var(--azul); font-weight: 600; text-decoration: none; }
.promo-tarj h2 { margin: 0; font: 700 19px/1.25 Lexend, sans-serif; color: var(--tinta); }
.promo-tarj .pt-texto { margin: 0; font-size: 14.5px; line-height: 1.55; color: #334155; }
.promo-tarj .pt-ver { margin-top: auto; padding-top: 6px; font: 600 14px Lexend, sans-serif; color: #e8553a; text-decoration: none; }

/* Listas de notas del sitio anterior armadas como tarjetas (museos, turismo aventura…), pw_tarjetas_notas() — 29/9 */
.tem-tarjetas { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; margin: 18px 0 26px; }
.tem-tarj { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--linea); border-radius: 16px; overflow: hidden; text-decoration: none !important; color: var(--tinta); box-shadow: 0 6px 18px rgba(15,23,42,.05); transition: transform .18s cubic-bezier(.4,0,.2,1), box-shadow .18s cubic-bezier(.4,0,.2,1); }
.tem-tarj:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(15,23,42,.1); }
.tem-tarj img { width: 100% !important; max-width: none !important; height: 170px !important; object-fit: cover; display: block; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.tem-tarj .tt-cuerpo { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; flex: 1; }
.tem-tarj small { font: 600 11.5px Lexend, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #e8553a; }
.tem-tarj strong { font: 700 17px/1.3 Lexend, sans-serif; color: var(--tinta); }
.tem-tarj .tt-desc { font-size: 14px; line-height: 1.5; color: #475569; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.tem-tarj .tt-ver { margin-top: auto; padding-top: 4px; font: 600 13.5px Lexend, sans-serif; color: var(--azul); }
@media (max-width: 640px) {
    .tem-tarjetas { grid-template-columns: 1fr; gap: 12px; }
    /* foto arriba, de todo el ancho y apaisada (Héctor 16/10/2026; antes: franja de 104 px a la izquierda) */
    .tem-tarj img { width: 100% !important; height: auto !important; aspect-ratio: 16 / 10; }
    .tem-tarj .tt-cuerpo { padding: 12px 14px 14px; gap: 4px; }
    .tem-tarj strong { font-size: 15px; }
    .tem-tarj .tt-desc { font-size: 13px; -webkit-line-clamp: 3; }
}
@media (prefers-reduced-motion: reduce) { .tem-tarj { transition: none; } .tem-tarj:hover { transform: none; } }

/* ===== Celular (Rolo, 29/9: "hay que hacer bastante scroll para comenzar a ver los cards", "usa casi toda la altura para mostrar
   uno solo", "los banners en celular quedan medio ridículos"). Solo pantallas de hasta 640 px; escritorio no cambia. ===== */
@media (max-width: 640px) {
    /* Encabezado del listado: foto baja, resumen en 3 renglones, rubros en una fila deslizable. */
    .portada-sec { min-height: 0; margin-bottom: 18px; border-radius: 16px; }
    .portada-sec-foto { min-height: 120px !important; height: 120px; }
    .portada-sec, .portada-sec-txt, .pildoras { min-width: 0; max-width: 100%; }
    .portada-sec { grid-template-columns: minmax(0, 1fr) !important; }
    .portada-sec-txt { padding: 16px 16px 14px; gap: 6px; }
    .portada-sec-txt h1 { font-size: 24px; }
    .portada-resumen { font-size: 14px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }
    .pildoras { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
    .pildoras::-webkit-scrollbar { display: none; }
    .pildoras span { flex: 0 0 auto; }
    /* "Para conocer…": una tira deslizable de tarjetas chicas en vez de tres grandes apiladas. */
    .historias { margin-bottom: 16px; }
    .historias h2 { font-size: 18px; margin-bottom: 10px; }
    .historias .grilla-paseos { display: grid; grid-auto-flow: column; grid-auto-columns: 68%; grid-template-columns: none !important; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
    .historias .grilla-paseos::-webkit-scrollbar { display: none; }
    .historias .paseo-card { scroll-snap-align: start; }
    .historias .paseo-card img { height: 110px !important; aspect-ratio: auto !important; object-fit: cover; }
    .historias .paseo-cuerpo { padding: 10px 12px !important; }
    .historias .paseo-cuerpo em, .historias .paseo-cuerpo small { display: none; }
    .historias .paseo-cuerpo b { font-size: 15px; line-height: 1.25; }
    /* Tarjeta de aviso vertical (Héctor 3/10: "foto arriba y datos abajo, dejando lugar para un futuro botón de reservar"):
       una por fila, foto ancha arriba, datos abajo y, al pie, Reservar (si tiene motor) sobre Consultar | WhatsApp. */
    .panel-res .grilla-tarj, .grilla-tarj { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .tarj.tarj-aloj { display: flex; flex-direction: column; border-radius: 14px; }
    .tarj-aloj .ta-fotos { aspect-ratio: 16 / 10; }
    .tarj-aloj .ta-fotos .ta-tira { border-radius: 14px 14px 0 0; }
    .tarj-aloj .ta-cuerpo { padding: 14px 16px 12px; gap: 3px; }
    .tarj-aloj .ta-rubro { font-size: 13.5px; }
    .tarj-aloj h3 { font-size: 19px; margin: 0 62px 2px 0; }
    .tarj-aloj .ta-ciudad, .tarj-aloj .ta-tel, .tarj-aloj .ta-dir { font-size: 14.5px; }
    .tarj-aloj .ta-dir { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .tarj-aloj .ta-verif { font-size: 13.5px; margin: 0; }
    .tarj-aloj .ta-botones a { padding: 14px 8px; font-size: 13px; }
    .tarj-aloj .ta-fav { width: 46px; height: 46px; right: 14px; bottom: -23px; }
    .tarj-aloj .ta-promo { top: 10px; right: auto; left: 10px; font-size: 11.5px; padding: 5px 9px; }
    .tarj-aloj .ta-ant, .tarj-aloj .ta-sig { display: none; }
}
@media (min-width: 520px) and (max-width: 640px) {
    .panel-res .grilla-tarj, .grilla-tarj { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .tarj-aloj h3 { font-size: 17px; }
}
@media (max-width: 640px) {
    /* Banners anchos (1110×80, 970×90 y la barra fija) no entran bien en un celular: se ocultan. Quedan las promociones y los 300×250. */
    .bn-central, .bn-portada_top, .bn-sticky { display: none !important; }
    /* Temáticos: el texto largo de la portada de una sección se pliega a unos renglones con "Leer más". */
    .tem-texto.plegable:not(.abierto) { max-height: 11.5em; overflow: hidden; position: relative; }
    .tem-texto.plegable:not(.abierto)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4em; background: linear-gradient(rgba(255,255,255,0), #fff); }
    .tem-texto.plegable { font-size: 15px; }
    .leer-mas { display: inline-block !important; }
}
.leer-mas { display: none; margin: 8px 0 18px; border: 0; background: none; padding: 0; font: 600 14.5px Lexend, sans-serif; color: var(--azul); cursor: pointer; }
.tem-figuras { margin-top: 6px; }
.tem-texto.plegable + .leer-mas + .tem-figuras, .tem-texto + .tem-figuras { border-top: 0; }
.fav-ciudades { display: flex; flex-wrap: wrap; gap: 8px; }
.fav-ciudades a { text-decoration: none; padding: 6px 12px; border-radius: 999px; background: #eef4ff; color: var(--tinta); font-size: 14px; }
.fav-ciudades a.on { background: var(--azul); color: #fff; }
.fav-ciudades a.on b { color: #fff; }

/* Páginas filtradas del sitio viejo (migración 065): enlaces por tipo arriba del listado y "Ver todo el listado". */
.filtro-paginas { display: flex; flex-wrap: wrap; gap: 6px 8px; margin-top: 10px; }
.filtro-paginas a { border: 1px solid var(--linea, #d6e2ea); border-radius: 999px; padding: 4px 12px; font-size: 13.5px; color: var(--azul); text-decoration: none; background: #fff; }
.filtro-paginas a:hover, .filtro-paginas a:focus-visible { border-color: var(--azul); }
.filtro-paginas a[aria-current="page"] { background: var(--azul); color: #fff; border-color: var(--azul); }
.filtro-todos { margin-top: 8px; font-size: 14.5px; }
.filtro-todos a { color: var(--azul); font-weight: 600; }
/* Cómo llegar: el texto de la ciudad arriba del listado. */
.como-llegar .texto-largo { max-width: 78ch; }
.como-llegar img { max-width: 100%; height: auto; border-radius: 10px; margin-top: 12px; }
@media (max-width: 640px) { .filtro-paginas { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; } .filtro-paginas a { white-space: nowrap; } }

/* Galería de fotos de la ciudad (migración 065). */
.gal-grilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; margin-top: 18px; }
.gal-grilla figure { margin: 0; display: grid; gap: 6px; align-content: start; }
.gal-grilla img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; display: block; background: var(--cielo); }
.gal-grilla figcaption { font-size: 14px; color: var(--texto, #334); line-height: 1.35; }
.gal-grilla figcaption small, .gal-videos figcaption small { color: #6b7c88; }
.gal-videos { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px; margin-top: 18px; }
.gal-videos figure { margin: 0; }
.foto-sola .foto-grande { margin: 12px 0 0; display: grid; gap: 10px; }
.foto-sola .foto-grande img { width: 100%; max-height: 78vh; object-fit: contain; background: #0f1a22; border-radius: 12px; }
.foto-sola .foto-grande h1 { font-size: clamp(20px, 3vw, 28px); margin: 0; }
.foto-sola .foto-grande p { margin: 2px 0 0; color: #5b6b77; }
.foto-nav { display: flex; justify-content: space-between; gap: 12px; margin: 18px 0 8px; flex-wrap: wrap; }
.foto-nav a { color: var(--azul); font-weight: 600; }
/* Video de Vimeo que se carga al tocarlo (fichas, paseos y galerías). */
.video-vimeo { position: relative; aspect-ratio: 16 / 9; background: #0f1a22; border-radius: 12px; overflow: hidden; }
.video-vimeo img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .9; }
.video-vimeo button { position: absolute; inset: 0; margin: auto; width: 72px; height: 72px; border-radius: 50%; border: 0; background: rgba(0,0,0,.62); color: #fff; font-size: 28px; cursor: pointer; }
.video-vimeo button:hover, .video-vimeo button:focus-visible { background: var(--azul); outline: 3px solid #fff; outline-offset: 2px; }
.video-vimeo iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.bloque-video figcaption { font-size: 14px; color: #5b6b77; margin-top: 6px; }
/* Paseos: quién lo ofrece (prestadores del viejo) y video. */
.prestadores { margin-top: 26px; display: grid; gap: 12px; }
.prestadores h2 { margin: 0; }
.prestador { border: 1px solid var(--linea, #d6e2ea); border-radius: 12px; padding: 12px 14px; display: grid; gap: 4px; background: #fff; }
.prestador small { color: #5b6b77; }
.prestador-bot { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.cuerpo-nota + .bloque-video, .bloque-video { margin: 20px 0 0; }
/* Agenda de fiestas y eventos (migración 065). */
.agenda-lista { display: grid; gap: 16px; margin-top: 18px; max-width: 860px; }
.agenda-evento { border-bottom: 1px solid var(--linea, #d6e2ea); padding-bottom: 14px; }
.agenda-evento h2 { font-size: 20px; margin: 0 0 4px; }
.agenda-lugar { color: #5b6b77; margin: 0 0 6px; display: flex; align-items: center; gap: 6px; }
.agenda-aviso { color: #5b6b77; font-size: 14px; margin-top: 18px; }
/* "Cómo llegar" + "Compartir ubicación" (regla de la casa, Héctor 2026-09-30): ficha y pines del mapa del listado. */
.ubic-botones { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; position: relative; }
.btn-ubic { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; padding: 9px 14px; border-radius: 999px;
  border: 1.5px solid var(--azul); background: transparent; color: var(--azul); font: 600 14px Lexend, sans-serif; cursor: pointer;
  text-decoration: none; transition: background-color .15s cubic-bezier(.4,0,.2,1); }
.btn-ubic:hover { background: rgba(0,0,0,.05); text-decoration: none; }
.btn-ubic .ic { flex: none; }
.btn-ubic:focus-visible, .ubic-menu a:focus-visible, .ubic-menu button:focus-visible, .pop-ubic a:focus-visible, .pop-ubic button:focus-visible { outline: 3px solid var(--azul); outline-offset: 2px; }
.pop-ubic { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 8px; position: relative; }
.pop-ubic a, .pop-ubic button { font: 600 13px Lexend, sans-serif !important; color: var(--azul) !important; background: none; border: 0; padding: 4px 0; cursor: pointer; text-decoration: underline; }
.ubic-menu { flex-basis: 100%; display: flex; flex-direction: column; gap: 2px; padding: 6px; border-radius: 12px; background: #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,.16); border: 1px solid rgba(0,0,0,.08); }
.ubic-menu a, .ubic-menu button { display: block; text-align: left; padding: 10px 12px; border: 0; border-radius: 8px; background: none;
  font: 500 14px Lexend, sans-serif; color: var(--navy) !important; text-decoration: none; cursor: pointer; }
.ubic-menu a:hover, .ubic-menu button:hover { background: rgba(0,0,0,.05); }
/* Motor de reservas de InterpatagoniaWeb en la ficha (migración 067). */
.ta-reservar { padding: 0 16px 14px; }
.ta-reservar a { display: flex; align-items: center; justify-content: center; gap: 8px; background: var(--grad-texto); color: #fff; border-radius: 10px; padding: 13px 10px;
    font: 700 14px Inter, sans-serif; text-transform: uppercase; letter-spacing: .06em; text-decoration: none; box-shadow: 0 2px 6px rgba(1, 98, 255, .3); }
.ta-reservar a:hover, .ta-reservar a:focus-visible { filter: brightness(.92); }
.ta-reservar svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 640px) { .tarj-aloj .ta-reservar { padding: 0 16px 14px; } .ta-reservar a { padding: 13px 10px; font-size: 14px; } }
.ficha-reservar { scroll-margin-top: 90px; }
.ficha-reservar-ej { background: #fdf1dc; color: #6b3d00; border-radius: 8px; padding: 10px 12px; font-size: 14.5px; margin: 0 0 12px; }
.ficha-reservar-sub { font-size: 17px; margin: 18px 0 8px; }

/* Welcome Uruguay y Welcome Chile con su manual de marca (Héctor, 1/10/2026): barra y pie del color de fondo del logo, links y
   acentos en ese mismo tono (los claros de la paleta no alcanzan contraste sobre blanco) y el logo oficial en la barra. */
.portal-uruguay { --navy: #004757; --azul: #004757; --cielo: #e3f8f6; --oro: #F7DD80; --coral: #0b857d; --grad: linear-gradient(135deg, #00606f, #004757); --grad-texto: linear-gradient(135deg, #00606f, #004757); }   /* --coral = #1CC6BB oscurecido para leerse sobre blanco */
.portal-chile { --navy: #550712; --azul: #550712; --cielo: #fdf0e3; --oro: #F6E906; --coral: #b55f0e; --grad: linear-gradient(135deg, #7a1220, #550712); --grad-texto: linear-gradient(135deg, #7a1220, #550712); }   /* --coral = #D87A1B oscurecido para leerse sobre blanco */
.portal-uruguay .logo-propio, .portal-chile .logo-propio { height: 30px; }
@media (max-width: 640px) { .portal-uruguay .logo-propio, .portal-chile .logo-propio { height: 21px; } }
/* Búsquedas relacionadas (las páginas filtradas del sitio viejo) al pie del listado: compactas, en gris (1/10/2026). */
.busquedas-rel h2 { font-size: 18px; margin-bottom: 8px; }
.busquedas-rel .filtro-paginas a { font-size: 13px; padding: 3px 11px; color: var(--suave, #5a6b7a); }

/* Noticias de la Patagonia en la portada (noticias.interpatagonia.com, 2026-10-02): la más nueva grande, las otras al costado. */
.noticias-cab { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.noticias-todas { font-weight: 600; text-decoration: none; color: var(--azul); }
.noticias-todas:hover { text-decoration: underline; }
.grilla-noticias { display: grid; gap: 18px; margin-top: 14px; }
.not-card { display: grid; grid-template-columns: 120px 1fr; gap: 12px; align-items: start; text-decoration: none; color: inherit; }
.not-foto { display: block; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: #e8eef0; }
.not-foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s cubic-bezier(.16,1,.3,1); }
.not-card:hover .not-foto img { transform: scale(1.04); }
.not-cuerpo { display: flex; flex-direction: column; gap: 4px; }
.not-cuerpo b { font-size: 16px; line-height: 1.3; }
.not-card:hover b { color: var(--azul); }   /* sin subrayado al pasar el cursor (Hernán 8/10/2026) */
.not-meta { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #6b7a80; }
.not-cuerpo em { font-style: normal; color: #4a5a60; font-size: 15px; line-height: 1.5; }
.not-principal { grid-template-columns: 1fr; }
.not-principal .not-foto { aspect-ratio: 16 / 9; }
.not-principal .not-cuerpo b { font-size: 22px; }
@media (min-width: 900px) {
  .grilla-noticias { grid-template-columns: 1.35fr 1fr; grid-template-rows: repeat(4, auto); column-gap: 28px; }
  .grilla-noticias .not-principal { grid-row: 1 / span 4; }
  .grilla-noticias .not-card:not(.not-principal) { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) { .not-foto img { transition: none; } .not-card:hover .not-foto img { transform: none; } }

/* Ficha del anunciante: el formulario de consulta queda fijo arriba al bajar (2026-10-03, pedido de Rolo vía Héctor: "que al hacer scroll el
   formulario de consultas quede sticky arriba y no desaparezca"). Solo en pantallas anchas (en el celular la ficha va en una columna). La
   columna derecha se estira a todo el alto de la ficha para que el formulario pueda acompañar; si es más alto que la pantalla (consulta a
   varios), se desplaza por dentro. */
@media (min-width: 901px) {
  .ficha-cols > .ficha-lado { align-self: stretch; }
  .ficha-lado .caja-consulta { position: sticky; top: calc(var(--h-cab) + 16px); max-height: calc(100vh - var(--h-cab) - 32px); overflow-y: auto; scrollbar-width: thin; }
  /* El motor de reservas también queda fijo (2026-10-04, Héctor), con su título a la altura del de la consulta (cabecera + 16 + 22
     de relleno de la caja). Arranca pegado a la cabecera y con fondo para tapar lo que pasa por debajo; si muestra resultados y no
     entra en la pantalla, se desplaza por dentro. */
  .ficha-main > .ficha-reservar { position: sticky; top: var(--h-cab); z-index: 5; padding-top: 38px; padding-bottom: 14px; background: var(--fondo);
      max-height: calc(100vh - var(--h-cab)); overflow-y: auto; scrollbar-width: thin; }
  /* reservas-embed.js le pone min-height 260 al iframe y el buscador mide ~110: fijo, ese hueco tapaba la ficha. El alto real lo avisa el widget. */
  .ficha-main > .ficha-reservar iframe { min-height: 0 !important; }
}

/* Miniaturas de la galería de la ficha más grandes (2026-10-03, Héctor: "las chiquitas son muy chiquitas"): antes 84 × 62. */
.gal-mini { gap: 10px; }
.gal-mini button { width: 132px; height: 96px; transition: opacity .15s cubic-bezier(.4,0,.2,1); }
.gal-mini button:hover, .gal-mini button:focus-visible { opacity: 1; }
@media (max-width: 600px) { .gal-mini button { width: 104px; height: 76px; } }

/* 2026-10-03: en celular la ficha quedaba más ancha que la pantalla: la columna medía lo que todas las miniaturas
   de la galería juntas (un hijo de grilla no se achica por debajo de su contenido salvo con min-width: 0). */
.ficha-cols > * { min-width: 0; }

/* Ficha renovada (2026-10-04, Héctor, ideas de vayate.com sin copiar el reparto). Mosaico: la principal ocupa la izquierda y las dos
   filas; a la derecha, una apaisada arriba y dos chicas abajo (la última con "+N"). Cualquier foto abre el visor de portal.js. */
.ficha-cab { position: relative; padding-right: 130px; }
.btn-compartir-ficha { position: absolute; right: 0; bottom: 4px; display: inline-flex; align-items: center; gap: 7px; padding: 9px 16px; border-radius: 999px;
    border: 1px solid var(--linea); background: #fff; color: var(--tinta); font: 600 14px Lexend, sans-serif; cursor: pointer; box-shadow: 0 2px 8px rgba(1,62,180,.06);
    transition: border-color .15s cubic-bezier(.4,0,.2,1), color .15s cubic-bezier(.4,0,.2,1); }
.btn-compartir-ficha:hover, .btn-compartir-ficha:focus-visible { border-color: var(--azul); color: var(--azul); }
.btn-compartir-ficha + .ubic-menu { position: absolute; z-index: 20; right: 0; left: auto; top: calc(100% + 6px); min-width: 230px; box-shadow: 0 10px 30px rgba(1,62,180,.18); }
.gal-mosaico { position: relative; display: grid; gap: 8px; height: clamp(320px, 38vw, 500px); grid-template-columns: 3fr 1fr 1fr; grid-template-rows: 1fr 1fr;
    border-radius: var(--r); overflow: hidden; margin-bottom: 0; }
.gal-mosaico.gm-1 { grid-template-columns: 1fr; grid-template-rows: 1fr; }
.gal-mosaico.gm-2 { grid-template-columns: 3fr 2fr; grid-template-rows: 1fr; }
.gal-mosaico.gm-3 { grid-template-columns: 3fr 2fr; }
.gm-f { position: relative; padding: 0; border: 0; margin: 0; background: var(--cielo); cursor: zoom-in; overflow: hidden; min-height: 0; }
.gm-f img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s cubic-bezier(.16,1,.3,1), filter .15s cubic-bezier(.4,0,.2,1); }
.gm-f:hover img, .gm-f:focus-visible img { transform: scale(1.03); filter: brightness(.94); }
.gm-f:focus-visible { outline: 3px solid var(--coral); outline-offset: -3px; }
.gal-mosaico .gm-f:first-child { grid-row: 1 / -1; }
.gm-4 .gm-f:nth-child(2) { grid-column: 2 / 4; }
.gm-3 .gm-f:nth-child(2), .gm-3 .gm-f:nth-child(3) { grid-column: 2; }
.gm-mas { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(1,62,180,.55); color: #fff; font: 600 26px Lexend, sans-serif; }
.gm-todas { position: absolute; left: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border: 0; border-radius: 999px;
    background: rgba(255,255,255,.94); color: var(--tinta); font: 600 13.5px Lexend, sans-serif; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.2); }
.gm-todas:hover, .gm-todas:focus-visible { background: #fff; }
.ficha-claves { list-style: none; margin: 16px 0 6px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 15.5px; color: var(--tinta); }
.ficha-claves li { display: inline-flex; align-items: center; gap: 7px; }
.ficha-claves .ic, .ficha-claves svg { color: var(--azul); flex: none; }
/* Visor de fotos (dialog). */
.gal-visor { width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(8,20,32,.96); color: #fff; }
.gal-visor::backdrop { background: rgba(8,20,32,.96); }
.gal-visor img { position: absolute; inset: 56px 70px; width: calc(100% - 140px); height: calc(100% - 112px); object-fit: contain; }
.gv-btn { position: absolute; width: 48px; height: 48px; border-radius: 50%; border: 0; background: rgba(255,255,255,.14); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
.gv-btn:hover, .gv-btn:focus-visible { background: rgba(255,255,255,.28); }
.gv-ant { left: 14px; top: 50%; transform: translateY(-50%); } .gv-sig { right: 14px; top: 50%; transform: translateY(-50%); }
.gv-cerrar { right: 14px; top: 10px; font-size: 22px; }
.gv-cuenta { position: absolute; left: 50%; top: 18px; transform: translateX(-50%); font: 600 14px Lexend, sans-serif; opacity: .85; }
/* Descripción plegable. */
.prosa-plegable.plegada { max-height: 15.5em; overflow: hidden; position: relative; }
.prosa-plegable.plegada::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5em; background: linear-gradient(rgba(255,255,255,0), #fff); }
.prosa-mas { display: inline-flex; margin: 10px 0 0; padding: 0; border: 0; background: none; color: var(--coral); font: 600 15px Lexend, sans-serif; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
/* Servicios: íconos y la lista completa plegada. */
.serv-iconos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px; }
.serv-iconos li { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 16px 8px 14px; background: #fff; border: 1px solid var(--linea);
    border-radius: 14px; font-size: 14px; line-height: 1.3; }
.serv-iconos svg { color: var(--azul); }
.serv-todos { margin-top: 16px; }
.serv-todos > summary { cursor: pointer; display: inline-block; font: 600 15px Lexend, sans-serif; color: var(--azul); padding: 9px 16px; border: 1px solid var(--linea);
    border-radius: 999px; background: #fff; list-style: none; }
.serv-todos > summary::-webkit-details-marker { display: none; }
.serv-todos[open] > summary { margin-bottom: 16px; }
/* Mapa. */
.ficha-mapa { height: 380px; border-radius: var(--r); overflow: hidden; background: var(--cielo); box-shadow: 0 2px 10px rgba(1,62,180,.06); z-index: 0; }
.ficha-mapa-dir { margin: 10px 0 12px; color: var(--suave); }
.ficha-ubicacion .ubic-botones { margin-top: 0; }
.caja-ubic { margin: 12px 0 0; } .caja-ubic a { display: inline-flex; align-items: center; gap: 6px; color: var(--azul); font-weight: 600; }
@media (max-width: 640px) {
  .ficha-cab { padding-right: 0; }
  .btn-compartir-ficha { position: static; margin-top: 10px; }
  .btn-compartir-ficha + .ubic-menu { position: static; margin-top: 8px; }
  /* En el celular: la principal sola y "Ver las N fotos" (el visor se desliza con el dedo). */
  .gal-mosaico { height: auto; aspect-ratio: 4 / 3; grid-template-columns: 1fr; grid-template-rows: 1fr; }
  .gal-mosaico .gm-f:not(:first-child) { display: none; }
  .gal-visor img { inset: 60px 0; width: 100%; height: calc(100% - 120px); }
  .gv-ant, .gv-sig { top: auto; bottom: 10px; transform: none; }
  .ficha-mapa { height: 300px; }
}
@media (prefers-reduced-motion: reduce) { .gm-f img { transition: none; } .gm-f:hover img { transform: none; } }

/* Precio "desde" del módulo de reservas (2026-10-04): arriba a la derecha del encabezado, sobre el botón Compartir. */
.ficha-precio { position: absolute; right: 0; top: 18px; text-align: right; display: grid; grid-template-columns: auto auto; align-items: baseline; column-gap: 6px; }
.ficha-precio[hidden] { display: none; }
.fp-desde { grid-column: 1 / -1; font-size: 13px; color: var(--suave); }
.fp-monto { font: 700 30px/1.1 Lexend, sans-serif; color: var(--tinta); }
.fp-unidad { font-size: 14px; color: var(--suave); }
.fp-nota { grid-column: 1 / -1; font-size: 12.5px; color: var(--suave); }
.fp-ejemplo { color: #8a4b00; font-weight: 600; }
.ficha-cab:has(.ficha-precio:not([hidden])) { padding-right: 280px; }
@media (max-width: 640px) {
  .ficha-precio { position: static; text-align: left; justify-content: start; margin-top: 12px; }
  .ficha-cab:has(.ficha-precio:not([hidden])) { padding-right: 0; }
}
/* Precio "desde" en las tarjetas (8/10, Héctor: "arriba de la foto, estético"; reemplaza al recuadro amarillo del 4/10): franja sobre el pie
   de la foto, como Google Hotels / Booking — velo en degradé oscuro (el tono neutro de los velos del portal) y el monto en blanco, abajo a la
   izquierda. pointer-events: none para que el click siga abriendo la ficha; los puntitos del pasafotos se corren a la derecha para no pisarse.
   "Precio de ejemplo" como etiqueta, para que no se lea como precio real. */
.ta-precio { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; margin: 0; padding: 26px 62px 8px 14px; pointer-events: none;
    background: linear-gradient(0deg, rgba(13,22,36,.68) 0%, rgba(13,22,36,.4) 55%, rgba(13,22,36,0) 100%);
    display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 5px; color: #fff; font-size: 13px; line-height: 1.2;
    text-shadow: 0 1px 3px rgba(13,22,36,.45); }
.ta-precio[hidden] { display: none; }
.ta-precio .tp-desde { flex-basis: 100%; font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; opacity: .92; margin-bottom: 1px; }
.ta-precio .tp-unidad { white-space: nowrap; font-size: 11.5px; opacity: .92; }
.ta-precio strong { font: 700 18px/1.1 Lexend, sans-serif; letter-spacing: -.01em; }
.ta-precio small { flex-basis: 100%; margin-top: 2px; font-size: 10.5px; font-weight: 700; color: #ffd98a; text-transform: uppercase; letter-spacing: .04em; }
.ta-fotos:has(.ta-precio:not([hidden])) .ta-puntos { bottom: 50px; z-index: 2; }
.ta-fotos:has(.ta-precio:not([hidden]) small) .ta-puntos { bottom: 66px; }
/* La ficha, con el mismo tono. */
.ficha-precio { padding: 10px 16px 11px; background: #fff6dc; border: 1px solid #f4e2a8; border-radius: 14px; top: 8px; }
.ficha-precio .fp-desde { color: #6b5a2e; }
.ficha-precio .fp-unidad, .ficha-precio .fp-nota { color: #6b5a2e; }

/* Listado de una sección: encabezado compacto y búsquedas sugeridas arriba, para que el listado arranque enseguida,
   como en el listado del sitio vivo (Hernán 8/10/2026). */
.sec-cab { margin: 6px 0 14px; }
.sec-cab h1 { font-size: clamp(22px, 2.6vw, 30px); margin: 0 0 6px; letter-spacing: -.02em; }
.sec-cab .sub { margin: 0 0 10px; max-width: 70ch; font-size: 15px; }
.sec-sugeridas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 4px; }
.sec-sugeridas a { background: var(--cielo); border-color: transparent; font-size: 13.5px; }
.sec-sugeridas a[aria-current="page"] { background: var(--azul); color: #fff; }

/* Fichas del listado como las del sitio vivo (Hernán 8/10/2026): texto más compacto, todas del mismo alto y los
   botones siempre al pie. */
.grilla-tarj { align-items: stretch; }
.tarj-aloj { display: flex; flex-direction: column; height: 100%; }
.tarj-aloj .ta-cuerpo { padding: 18px 16px 12px; gap: 2px; }
.tarj-aloj .ta-rubro { font-size: 13px; }
.tarj-aloj h3 { margin: 1px 0 4px; font: 600 16.5px/1.25 Manrope, Lexend, sans-serif; }
.tarj-aloj .ta-val { margin: 1px 0 3px; font-size: 12.5px; }
.tarj-aloj .ta-verif { margin: -1px 0 3px; font-size: 12.5px; }
.tarj-aloj .ta-ciudad { font-size: 13px; font-weight: 600; }
.tarj-aloj .ta-dir, .tarj-aloj .ta-tel { font-size: 13px; line-height: 1.45; }
.tarj-aloj .ta-botones { margin-top: auto; }
.tarj-aloj .ta-botones a { padding: 12px 4px; font-size: 11px; white-space: nowrap; }
.tarj-aloj .ta-botones .ta-multi { flex: 1.5; }   /* "Consultas múltiples" en una línea, como el original */
@media (max-width: 640px) { .tarj-aloj .ta-botones a { white-space: normal; } }

/* Tarjeta del listado sobria (Hernán 9/10/2026, aprobada sobre Aneley): sin rubro ni números, "Llamar" chico a la izquierda donde
   iban los teléfonos, Reservar a todo el ancho y más bajo con la letra de los botones de abajo, nombre en tinta y bordes finos. */
.tarj-aloj { border-radius: 14px; border: 1px solid #e8ecf1; box-shadow: 0 1px 2px rgba(16,24,40,.04); }
.tarj-aloj:hover { box-shadow: 0 6px 18px rgba(16,24,40,.08); }
.tarj-aloj .ta-fav { width: 38px; height: 38px; right: 12px; bottom: -19px; box-shadow: 0 2px 8px rgba(16,24,40,.14); }
.tarj-aloj .ta-fav svg { width: 19px; height: 19px; }
.tarj-aloj .ta-cuerpo { padding: 16px 16px 12px; gap: 2px; }
.tarj-aloj h3 { margin: 0 44px 4px 0; font: 700 16px/1.3 Manrope, Lexend, sans-serif; letter-spacing: -.01em; }
.tarj-aloj h3 a { color: var(--tinta); }
.tarj-aloj h3 a:hover { color: var(--azul); text-decoration: none; }
.tarj-aloj .ta-verif { margin: 0 0 4px; color: var(--suave); }
.tarj-aloj .ta-verif svg { width: 14px; height: 14px; color: #0e7490; }
.tarj-aloj .ta-ciudad { color: var(--tinta); }
.tarj-aloj .ta-ciudad svg { color: var(--suave); }
.tarj-aloj .ta-dir { color: var(--suave); }
.tarj-aloj .ta-llamar { align-self: flex-start; display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; padding: 4px 10px; border: 1px solid #dde3ea;
    border-radius: 999px; background: #fff; color: var(--suave); font: 500 12px Inter, sans-serif; text-decoration: none; }
.tarj-aloj .ta-llamar:hover, .tarj-aloj .ta-llamar:focus-visible { color: var(--tinta); border-color: #c3ccd6; }
.tarj-aloj .ta-llamar svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tarj-aloj .ta-reservar { padding: 0 16px 14px; }
.tarj-aloj .ta-reservar a { width: 100%; padding: 9px 10px; border-radius: 9px; font: 700 11px Inter, sans-serif; letter-spacing: .04em; gap: 6px; box-shadow: none; }
.tarj-aloj .ta-botones { border-top-color: #eef1f4; }
.tarj-aloj .ta-botones a { color: var(--suave); }
.tarj-aloj .ta-botones a:hover { color: var(--tinta); }
.tarj-aloj .ta-botones .ta-wa { color: #15803d; }
.tarj-aloj .ta-botones a + a { border-left-color: #eef1f4; }

/* Precio "desde" igual al del sitio vivo (Hernán 9/10/2026): recuadro blanco arriba a la derecha, "Desde" gris chico y el monto en
   azul negrita, misma letra del sistema y medidas (top/right 10, 6×8, radio 5, 12,8 px). Reemplaza la franja oscura sobre el pie de la foto. */
.ta-precio { left: auto; bottom: auto; top: 10px; right: 10px; z-index: 3; display: block; padding: 6px 8px; background: #fff; border-radius: 5px;
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,.14); color: #3273dc; text-shadow: none; text-align: center; line-height: 1em; white-space: nowrap;
    font: 400 12.8px/1em BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.ta-precio .tp-desde { flex-basis: auto; margin: 0; font-size: .8em; font-weight: 400; color: #363636; text-transform: none; letter-spacing: 0; opacity: 1; }
.ta-precio strong { font: inherit; font-weight: 700; letter-spacing: 0; }
.ta-precio small { display: block; margin-top: 4px; font-size: 9.5px; color: #b45309; letter-spacing: .03em; }
.ta-fotos:has(.ta-precio:not([hidden])) .ta-puntos, .ta-fotos:has(.ta-precio:not([hidden]) small) .ta-puntos { bottom: 10px; }
.ta-fotos:has(.ta-precio:not([hidden])) .ta-promo { right: auto; left: 10px; }

/* Estrellas (Hernán 9/10/2026: "se siguen viendo feas"): estrella de puntas redondeadas con aire entre una y otra, dorado cálido
   en degradé suave y vacías en gris claro. */
.estrellas { width: calc(var(--t) * 5 * 1.1333); vertical-align: -2px;
    background: linear-gradient(90deg, transparent var(--w), #e3e6ea var(--w)), linear-gradient(180deg, #fbd877 0%, #f1b434 55%, #dd9a1f 100%);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.6 0 27.2 24'%3E%3Cpath d='M10.79 3.21c.45-1.08 1.97-1.08 2.42 0l2.08 5.01 5.4.43c1.17.1 1.64 1.55.75 2.31l-4.12 3.52 1.26 5.28c.27 1.13-.96 2.03-1.96 1.42L12 18.35l-4.63 2.83c-1 .6-2.23-.29-1.96-1.42l1.26-5.28-4.12-3.52c-.89-.76-.42-2.21.75-2.31l5.4-.43 2.08-5Z'/%3E%3C/svg%3E") 0 0 / calc(var(--t) * 1.1333) var(--t) repeat-x;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.6 0 27.2 24'%3E%3Cpath d='M10.79 3.21c.45-1.08 1.97-1.08 2.42 0l2.08 5.01 5.4.43c1.17.1 1.64 1.55.75 2.31l-4.12 3.52 1.26 5.28c.27 1.13-.96 2.03-1.96 1.42L12 18.35l-4.63 2.83c-1 .6-2.23-.29-1.96-1.42l1.26-5.28-4.12-3.52c-.89-.76-.42-2.21.75-2.31l5.4-.43 2.08-5Z'/%3E%3C/svg%3E") 0 0 / calc(var(--t) * 1.1333) var(--t) repeat-x; }

/* Cartel de promoción y verde de WhatsApp iguales al sitio vivo (Hernán 9/10/2026): rojo #d11f1f, letra del sistema 10,24 px negrita,
   ícono de 13 px, 6×8 de relleno, radio 5, sin sombra, a 10 px de arriba y de la derecha (a la izquierda si la tarjeta tiene precio). */
.ta-promo { gap: 4px; padding: 6px 8px; border-radius: 5px; box-shadow: none; background: #d11f1f; color: #fff; line-height: 14.08px;
    font: 700 10.24px/14.08px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; }
.ta-promo svg { width: 13px; height: 13px; }
.tarj-aloj .ta-promo { top: 10px; right: 10px; left: auto; font-size: 10.24px; padding: 6px 8px; }
.tarj-aloj .ta-fotos:has(.ta-precio:not([hidden])) .ta-promo { right: auto; left: 10px; }
.tarj-aloj .ta-botones .ta-wa { color: #09b74a; }

/* Botones principales con el degradé en movimiento de la barra (Hernán 9/10/2026: "así queda integrado"): "Ver mapa", el filtro
   elegido y Reservar, en los tonos de Reservar (#0162ff ↔ #2ea6fd, el celeste de la barra no deja leer el blanco). Solo en
   InterPatagonia: Uruguay y Chile siguen con su color. Quietos si el lector pidió menos movimiento. */
.portal-interpatagonia .pf-vista, .portal-interpatagonia .chips-rubros button.on, .portal-interpatagonia .panel-f .chips-rubros button.on,
.portal-interpatagonia .ta-reservar a {
    background: linear-gradient(-45deg, #0162ff, #2ea6fd, #0162ff, #2ea6fd); background-size: 300% 300%; border-color: transparent; color: #fff; }
@media (prefers-reduced-motion: no-preference) {
    .portal-interpatagonia .pf-vista, .portal-interpatagonia .chips-rubros button.on, .portal-interpatagonia .ta-reservar a { animation: cab-grad 14s ease infinite; }
}
.portal-interpatagonia .chips-rubros button.on small { color: rgba(255,255,255,.8); }

/* Fichas del mismo tamaño que las del sitio vivo (Hernán 9/10/2026, medido en www.interpatagonia.com/bariloche/alojamientos.html):
   268 × 441 px de ancho fijo, 15 px entre fichas, radio 10, foto 4:3. En el celular siguen a todo el ancho. */
@media (min-width: 641px) {
    .grilla-tarj:has(> .tarj-aloj), .panel-res .grilla-tarj:has(> .tarj-aloj) { grid-template-columns: repeat(auto-fill, 268px); gap: 15px; justify-content: start; }
    .tarj.tarj-aloj { width: 268px; min-height: 441px; border-radius: 10px; }
    .tarj-aloj .ta-fotos { aspect-ratio: 4 / 3; }
    .tarj-aloj .ta-fotos .ta-tira { border-radius: 9px 9px 0 0; }
}
@media (max-width: 640px) { .tarj.tarj-aloj { border-radius: 10px; } .tarj-aloj .ta-fotos .ta-tira { border-radius: 9px 9px 0 0; } }

/* Cartel de promoción más chico y menos saturado (Hernán 9/10/2026). */
.ta-promo, .tarj-aloj .ta-promo { gap: 3px; padding: 4px 6px; border-radius: 4px; background: #c0504a; font-size: 9px; line-height: 12px; letter-spacing: .02em; }
.ta-promo svg, .tarj-aloj .ta-promo svg { width: 11px; height: 11px; }
.tarj-aloj .ta-promo { top: 8px; right: 8px; }
.tarj-aloj .ta-fotos:has(.ta-precio:not([hidden])) .ta-promo { left: 8px; right: auto; }
/* Con la columna de promociones, 22 px entre columnas para que entren 3 fichas de 268 a 1440 px de pantalla, como en el vivo. */
@media (min-width: 1281px) { .listado-panel:has(.bn-col) { gap: 22px; } }

/* Mismo degradé exacto de la barra (#0162ff ↔ #00e1fd, -45°, 300 %, cab-grad 14 s) en los botones azules (Hernán 9/10/2026, 2.ª
   vuelta: reemplaza los tonos de Reservar). Una sombra suave en la letra para que el blanco se siga leyendo sobre el celeste. */
.portal-interpatagonia .pf-vista, .portal-interpatagonia .chips-rubros button.on, .portal-interpatagonia .panel-f .chips-rubros button.on,
.portal-interpatagonia .ta-reservar a {
    background: linear-gradient(-45deg, #0162ff, #00e1fd, #0162ff, #00e1fd); background-size: 300% 300%; text-shadow: 0 1px 2px rgba(1,62,180,.35); }

/* Reservar del tamaño que marcó Hernán (9/10/2026): más ancho (8 px a cada lado) y más bajo (25 px), 10 px sobre la fila de abajo. */
.tarj-aloj .ta-reservar { padding: 0 8px 10px; }
.tarj-aloj .ta-reservar a { height: 25px; padding: 0 10px; line-height: 25px; border-radius: 7px; }
.tarj-aloj .ta-reservar svg { width: 13px; height: 13px; }
/* 2.ª medida de Hernán (9/10/2026): un poco más alto, 30 px, y más pegado a la fila de abajo. */
.tarj-aloj .ta-reservar { padding: 0 8px 7px; }
.tarj-aloj .ta-reservar a { height: 30px; line-height: 30px; border-radius: 8px; }

/* Estrellas doradas biseladas como el modelo que pasó Hernán (9/10/2026): cara con degradé dorado y bordes facetados con luz desde
   arriba a la izquierda; vacías en gris. Mismo tamaño (--t) y espacio que antes; el dorado se recorta en --w para las medias. */
.estrellas { position: relative; overflow: hidden; -webkit-mask: none; mask: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.6 0 27.2 24'%3E%3Cpath fill='%23d9dee5' d='M12.00 1.30L15.29 8.37L23.03 9.32L17.33 14.63L18.82 22.28L12.00 18.50L5.18 22.28L6.67 14.63L0.97 9.32L8.71 8.37Z'/%3E%3Cpath fill='%23e8ebef' d='M12.00 4.32L14.44 9.55L20.16 10.25L15.94 14.18L17.05 19.84L12.00 17.04L6.95 19.84L8.06 14.18L3.84 10.25L9.56 9.55Z'/%3E%3C/svg%3E") 0 0 / calc(var(--t) * 1.1333) var(--t) repeat-x; }
.estrellas::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--w);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.6 0 27.2 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f8e39a'/%3E%3Cstop offset='.5' stop-color='%23e2bd62'/%3E%3Cstop offset='1' stop-color='%23b98a33'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='%23b79751' d='M12.00 1.30L15.29 8.37L14.44 9.55L12.00 4.32Z'/%3E%3Cpath fill='%23eddba2' d='M15.29 8.37L23.03 9.32L20.16 10.25L14.44 9.55Z'/%3E%3Cpath fill='%23946a1c' d='M23.03 9.32L17.33 14.63L15.94 14.18L20.16 10.25Z'/%3E%3Cpath fill='%23ab883f' d='M17.33 14.63L18.82 22.28L17.05 19.84L15.94 14.18Z'/%3E%3Cpath fill='%23ad8941' d='M18.82 22.28L12.00 18.50L12.00 17.04L17.05 19.84Z'/%3E%3Cpath fill='%23946a1c' d='M12.00 18.50L5.18 22.28L6.95 19.84L12.00 17.04Z'/%3E%3Cpath fill='%23efdca4' d='M5.18 22.28L6.67 14.63L8.06 14.18L6.95 19.84Z'/%3E%3Cpath fill='%23b99954' d='M6.67 14.63L0.97 9.32L3.84 10.25L8.06 14.18Z'/%3E%3Cpath fill='%23f7e6b0' d='M0.97 9.32L8.71 8.37L9.56 9.55L3.84 10.25Z'/%3E%3Cpath fill='%23f7e7b2' d='M8.71 8.37L12.00 1.30L12.00 4.32L9.56 9.55Z'/%3E%3Cpath fill='url(%23g)' d='M12.00 4.32L14.44 9.55L20.16 10.25L15.94 14.18L17.05 19.84L12.00 17.04L6.95 19.84L8.06 14.18L3.84 10.25L9.56 9.55Z'/%3E%3Cpath fill='none' stroke='%238a6116' stroke-opacity='.5' stroke-width='.4' d='M12.00 1.30L15.29 8.37L23.03 9.32L17.33 14.63L18.82 22.28L12.00 18.50L5.18 22.28L6.67 14.63L0.97 9.32L8.71 8.37Z'/%3E%3C/svg%3E") 0 0 / calc(var(--t) * 1.1333) var(--t) repeat-x; }

/* Pasafotos de la tarjeta más discreto (Hernán 9/10/2026): puntos y flechas más chicos y tenues. */
.tarj-aloj .ta-puntos { bottom: 8px; gap: 4px; }
.tarj-aloj .ta-puntos i { width: 5px; height: 5px; background: rgba(255,255,255,.5); box-shadow: 0 0 1px rgba(0,0,0,.3); }
.tarj-aloj .ta-puntos i.on { background: rgba(255,255,255,.95); transform: none; }
.tarj-aloj .ta-fotos:has(.ta-precio:not([hidden])) .ta-puntos { bottom: 8px; }
.tarj-aloj .ta-ant, .tarj-aloj .ta-sig { width: 24px; height: 24px; font-size: 15px; line-height: 22px; background: rgba(255,255,255,.72); color: #374151;
    box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.tarj-aloj .ta-ant { left: 6px; } .tarj-aloj .ta-sig { right: 6px; }
.tarj-aloj .ta-ant:hover, .tarj-aloj .ta-sig:hover { background: rgba(255,255,255,.92); }

/* Azules más sobrios (Hernán 9/10/2026: "bajarle un poco la saturación"): barra y botones azules pasan de #0162ff ↔ #00e1fd a
   #2866cc ↔ #29b7c9 (mismos tonos, ~30 % menos saturados). Mismo movimiento. */
.portal-interpatagonia .cab, body.portal-interpatagonia.con-sub .cab, body.portal-interpatagonia.con-sub.con-hero .cab, body.portal-interpatagonia.con-sub.con-hero .cab.solida,
.portal-interpatagonia .pf-vista, .portal-interpatagonia .chips-rubros button.on, .portal-interpatagonia .panel-f .chips-rubros button.on,
.portal-interpatagonia .ta-reservar a {
    background-image: linear-gradient(-45deg, #2866cc, #29b7c9, #2866cc, #29b7c9); background-size: 300% 300%; }
.portal-interpatagonia .pf-vista, .portal-interpatagonia .chips-rubros button.on, .portal-interpatagonia .ta-reservar a { text-shadow: 0 1px 2px rgba(20,60,120,.3); }

/* Contadores de los filtros entre paréntesis, más separados y más claros, para no confundirlos con las estrellas del rubro (Hernán 9/10/2026). */
.panel-f .chips-rubros button small { margin-left: 7px; color: #9aa4b0; font-weight: 400; }
.panel-f .chips-rubros button small::before { content: "("; }
.panel-f .chips-rubros button small::after { content: ")"; }
.portal-interpatagonia .panel-f .chips-rubros button.on small { color: rgba(255,255,255,.75); }
.panel-f .chips-rubros button small { margin-left: 6px; font-size: 11px; letter-spacing: -.01em; white-space: nowrap; }

/* Banner fijo de abajo más chico (Hernán 9/10/2026): 880 px en vez de 970, proporcional (la pieza es de 970 × 90 y se escala sola). */
.bn-sticky { width: min(100%, 880px); }

/* Columna de promociones del listado = la del sitio vivo (Hernán 9/10/2026), con sus medidas y estilos (Bulma .card del vivo):
   280 px, sin título, se mueve con la página; tarjeta radio 10 y sombra, foto 16:9, texto 24 px de relleno y 200 px de alto
   como máximo, anunciante y texto Roboto 12/18, título Roboto 600 16/18, "Visitar sitio web" 12 px negrita #0183c3, 16 px entre tarjetas. */
.listado-panel:has(.der-vivo) { grid-template-columns: 250px minmax(0, 1fr) 280px; }
.der-vivo { position: static; max-height: none; overflow: visible; width: 280px; padding: 0; color: #4a4a4a;
    font: 400 16px/24px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.der-vivo .card { background: #fff; border-radius: 10px; overflow: hidden; margin: 0 0 16px; color: #4a4a4a; max-width: 100%; position: relative;
    box-shadow: 0 8px 16px -2px rgba(10,10,10,.15), 0 0 0 1px rgba(10,10,10,.024); }
.der-vivo .card-image { position: relative; display: block; }
.der-vivo figure.image { margin: 0; display: block; position: relative; padding-top: 56.25%; }
.der-vivo figure.image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; max-width: none; }
.der-vivo .card-content { padding: 24px; max-height: 200px; overflow: hidden; }
.der-vivo .card-content p { margin: 0; word-break: break-word; }
.der-vivo .card-content .is-size-7 { font: 400 12px/18px Roboto, sans-serif; color: #4a4a4a; }
.der-vivo .card-content .title.is-size-6 { font: 600 16px/18px Roboto, sans-serif; color: #363636; letter-spacing: 0; }
.der-vivo .card-footer { display: flex; align-items: stretch; border-top: 1px solid #ededed; background: transparent; }
.der-vivo .card-footer-item { flex: 1 0 0; display: flex; align-items: center; justify-content: center; padding: 12px; color: #0183c3; text-decoration: none;
    font: 700 12px/18px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.der-vivo .card-footer-item:hover { color: #363636; }
.der-vivo .bpxhrs:empty { display: none; }
@media (min-width: 1281px) { .listado-panel:has(.der-vivo) { gap: 18px; } }   /* 250 + 18 + 3×268+30 + 18 + 280 = 1400 a 1440 px */
@media (max-width: 1280px) {
    .listado-panel:has(.der-vivo) { grid-template-columns: 250px minmax(0, 1fr); }
    .der-vivo { grid-column: 1 / -1; width: auto; display: grid; grid-template-columns: repeat(auto-fill, 280px); gap: 16px; }
    .der-vivo .card { margin: 0; }
}
@media (max-width: 900px) { .listado-panel:has(.der-vivo) { grid-template-columns: minmax(0, 1fr); } .der-vivo { justify-content: center; } }
/* Formatos especiales de las promos del vivo (copiados de sus hojas de estilo): triángulo de la esquina (.diag), franja de precio
   (.prom_pre) con el color de cada tipo (a1 rojo, a2 verde, a3 naranja, a4 celeste con regalo) y las promos que llegan como iframe. */
.der-vivo .card.a1 .diag { border-top-color: rgb(203, 31, 31); }
.der-vivo .card.a1 .prom_pre { background-color: rgb(203, 31, 31); }
.der-vivo .card.a2 .diag { border-top-color: rgb(32, 189, 110); }
.der-vivo .card.a2 .prom_pre { background-color: rgb(32, 189, 110); }
.der-vivo .card.a3 .diag { border-top-color: rgb(238, 136, 35); }
.der-vivo .card.a3 .prom_pre { background-color: rgb(238, 136, 35); }
.der-vivo .card.a4 .diag { border-top-color: rgb(111, 177, 251); }
.der-vivo .card.a4 .prom_pre { background-color: rgb(111, 177, 251); }
.der-vivo .card.a4 .diagt b::before { background-image: url("/img5/svg/gift.svg"); content: ""; display: inline-block; background-repeat: no-repeat; background-size: 15px 15px; background-position: center center; width: 15px; height: 15px; margin-top: -15px; }
.der-vivo .diag { width: 0; height: 0; border-top: 90px solid; border-right: 90px solid transparent; position: absolute; top: 0; left: 0; z-index: 20; font-size: .6em; line-height: 1em; }
.der-vivo .diagt { position: absolute; width: 65px; top: -70px; transform: skew(45deg, -45deg); text-transform: uppercase; color: #fff; text-align: center; }
.der-vivo .diagt b { font-size: 1.1em; }
.der-vivo .prom_pre { height: 55px; overflow: hidden; margin-top: 0; color: #fff; display: block; width: 100%; text-align: center; text-decoration: none; }
.der-vivo .prom_pre b { float: right; width: 44%; margin-right: 6%; font-size: 14px; line-height: 16px; margin-top: 10px; }
.der-vivo .prom_pre b:first-child { float: left; margin-right: 0; margin-left: 6%; }
.der-vivo .prom_pre span { font-size: 1em; }
.der-vivo .bpxhrs.cpromo iframe { height: 390px; width: 100%; border: 0; display: block; }

/* Variante blanca del botón (prueba en Mini Loft, Hernán 9/10/2026): mismo tamaño y letra que Reservar, fondo blanco, letra azul. */
.portal-interpatagonia .ta-reservar-blanco a, .ta-reservar-blanco a { background: #fff; background-image: none; animation: none; color: #2866cc;
    border: 1px solid #c9d6ea; text-shadow: none; box-shadow: none; }
.portal-interpatagonia .ta-reservar-blanco a:hover, .ta-reservar-blanco a:hover { filter: none; background: #f4f7fc; border-color: #2866cc; }

/* Columna izquierda y encabezado = los del listado del sitio vivo (Hernán 9/10/2026: "exactamente igual, misma tipografía,
   colores y tamaño"). Reglas copiadas de sus hojas de estilo y medidas a 1440 px: columna de 200, separaciones de 15, contenedor de 1344. */
.sup-vivo { margin: 0; }
.sup-vivo h1.is-size-3 { font: 600 32px/48px "Lexend Deca", sans-serif; letter-spacing: -.5px; color: #4a4a4a; margin: 0 0 9.6px; }
.sup-vivo h1.is-size-3 small { font: 600 28px/42px "Lexend Deca", sans-serif; letter-spacing: -.5px; color: #4a4a4a; }
.sup-vivo .filtro { margin-bottom: 1em; }
.sup-vivo .filtro h2 { display: inline-block; margin: 0; letter-spacing: 0; border-top: none; padding: 0; font: 600 16px/24px "Lexend Deca", sans-serif; }
.sup-vivo .filtro a { font: 600 12.8px/19.2px "Lexend Deca", sans-serif; display: inline-block; background-color: #fff; border: 1px solid #dbdbdb; color: #0183c3;
    cursor: pointer; padding: .5em .8em; text-align: center; white-space: nowrap; border-radius: 290486px; margin: 0 .8em .5em 0; text-decoration: none;
    box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.01); }
.izq-vivo { color: #4a4a4a; font: 400 16px/24px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.izq-vivo .izq-flotante { position: sticky; top: 70px; z-index: 3; }
.izq-vivo .izq-flotante > div { width: 90%; text-align: center; background-color: #fff; padding: 2px; border-radius: 50px; border: 1px solid #dbdbdb;
    margin: 9px 5px 12px 0; font-size: .9em; line-height: 21.6px; text-transform: uppercase; box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.03); }
.izq-vivo .iv-cor { cursor: pointer; padding: 4px; display: inline-block; font: 700 14.4px/20px inherit; font-family: inherit; text-transform: uppercase; color: #4a4a4a;
    background: none; border: 0; }
.izq-vivo .iv-cor::after { background-image: url("/img5/svg/heart.svg"); content: " "; background-size: 20px 20px; background-position: center; width: 20px; height: 20px;
    display: inline-block; margin-left: 5px; margin-bottom: -4px; filter: invert(32%) sepia(87%) saturate(3514%) hue-rotate(344deg) brightness(104%) contrast(100%); }
.izq-vivo .iv-cor[aria-pressed="true"] { color: #0183c3; }
.izq-vivo #f-fav-n { display: none; }
.izq-vivo .boton-mapa { display: flex; justify-content: center; align-items: center; }
.izq-vivo .boton-mapa a { font-weight: 700; color: #4a4a4a; display: flex; align-items: center; padding: 3px; line-height: 19.2px; text-decoration: none; background: none; }
.izq-vivo .boton-mapa a::before { content: ""; width: 24px; height: 24px; margin-right: 8px; background: url("/img5/svg/map.svg") center / 24px 24px no-repeat; }
.izq-vivo > a.navbar-item { display: block; border: 1px solid transparent; padding: .35rem .75rem; line-height: 1.2rem; color: #4a4a4a; text-decoration: none; font-size: 16px; }
.izq-vivo > a.navbar-item:hover, .izq-vivo > a.navbar-item.activo { background-color: #f9f9f9; border-radius: 12px; color: #0183c3; border: 1px solid #e8e8e8; }
.izq-vivo .caja-filtros { border: 1px solid #dbdbdb; border-radius: 15px; padding: 0 0 15px; font-size: .9rem; line-height: 21.6px; margin-top: 15px; margin-bottom: 40px;
    box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.07), 0 0 0 1px rgba(10,10,10,.01); background: #fff; }
.izq-vivo .titulo-filtros { text-transform: uppercase; font-weight: 700; display: flex; align-items: center; padding: 10px 15px; border-bottom: 1px solid #dbdbdb; margin-bottom: 14px; }
.izq-vivo .titulo-filtros::before { content: ""; width: 24px; height: 24px; margin-right: 10px; background: url("/img5/svg/filter.svg") center / contain no-repeat; }
.izq-vivo .caja-filtros p { margin: 0 0 3px 15px; }
.izq-vivo .caja-filtros p label { font: 400 14.4px/21.6px Roboto, sans-serif; color: #4a4a4a; cursor: pointer; display: inline; }
.izq-vivo .caja-filtros input[type=radio], .izq-vivo .caja-filtros input[type=checkbox] { margin: 0 5px 0 0; width: 13px; height: 13px; vertical-align: -1px; accent-color: auto; }
.izq-vivo .subtitulo-barra { font: 600 14.4px/21.6px Roboto, sans-serif; padding-top: 10px; padding-bottom: 2px; }
.izq-vivo .caja-pax { text-align: center; margin-bottom: 5px; padding-top: 7px; }
.izq-vivo .selector-pax { display: inline-flex; align-items: center; color: #555; font-size: 12px; line-height: 18px; border: 1px solid #0194dd; border-radius: 4px; overflow: hidden; height: 22px; margin-right: 5px; gap: 0; padding: 0; background: #fff; }
.izq-vivo .selector-pax button { width: 20px; height: 100%; font-size: 16px; font-weight: 600; color: #fff; background-color: #0092db; border: none; cursor: pointer; padding: 0; line-height: 1; border-radius: 0; }
.izq-vivo .selector-pax button:hover { background-color: #0279b4; }
.izq-vivo .selector-pax button:disabled { opacity: .5; cursor: not-allowed; }
.izq-vivo .selector-pax output { display: inline-block; width: 20px; text-align: center; user-select: none; font: inherit; min-width: 0; }
.izq-vivo .boton-filtros { text-align: center; margin: 20px 0 10px; }
.izq-vivo .boton-filtros button { color: #fff; padding: 10px 20px; border: 1px solid #ccc; border-radius: 25px; background-color: #0092db; font: 700 13.33px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; text-transform: uppercase; cursor: pointer; }
.izq-vivo .boton-filtros button:hover { background-color: #0279b4; }
.izq-vivo .pf-fav-consultar { display: block; width: 90%; margin: -4px 0 10px; text-align: center; }
@media (min-width: 901px) {
    body .pagina:has(.izq-vivo) { width: min(1344px, 100% - 40px); }
    .listado-panel:has(.izq-vivo) { grid-template-columns: 200px minmax(0, 1fr); gap: 15px; }
    .listado-panel:has(.izq-vivo):has(.der-vivo) { grid-template-columns: 200px minmax(0, 1fr) 280px; }
    .panel-f.izq-vivo { position: static; max-height: none; overflow: visible; background: transparent; border: 0; border-radius: 0; padding: 0; }
    .panel-f.izq-vivo .pf-cab { display: none; }
}
@media (max-width: 1280px) and (min-width: 901px) { .listado-panel:has(.izq-vivo):has(.der-vivo) { grid-template-columns: 200px minmax(0, 1fr); } }
/* Distribución del vivo: el título y sus botones arriba de las fichas y las promos; la columna izquierda arranca a su altura. */
@media (min-width: 901px) {
    .listado-panel:has(.izq-vivo) > .sup-vivo { grid-column: 2 / -1; grid-row: 1; }
    .listado-panel:has(.izq-vivo) > .panel-f { grid-column: 1; grid-row: 1 / span 2; }
    .listado-panel:has(.izq-vivo) > .panel-res { grid-column: 2; grid-row: 2; }
    .listado-panel:has(.izq-vivo) > .der-vivo { grid-column: 3; grid-row: 2; }
}
@media (max-width: 1280px) and (min-width: 901px) { .listado-panel:has(.izq-vivo) > .der-vivo { grid-column: 1 / -1; grid-row: 3; } }
@media (max-width: 900px) { .listado-panel:has(.izq-vivo) > .sup-vivo { order: -1; } .sup-vivo h1.is-size-3 { font-size: 26px; line-height: 36px; } .sup-vivo h1.is-size-3 small { font-size: 22px; } }

/* "Verificado" más chico, para que no compita con la dirección (Hernán 9/10/2026): 11,5 px e ícono de 12. */
.tarj-aloj .ta-verif { font-size: 11.5px; gap: 4px; margin: 0 0 3px; }
.tarj-aloj .ta-verif svg { width: 12px; height: 12px; }

/* Título, buscador y cantidad en una línea (Hernán 9/10/2026): el buscador junto al título, la cantidad chica y gris arriba de las
   promos; la ruta sin subrayado y más arriba; las fichas suben al lugar que quedó libre. */
.sup-vivo .sup-fila { display: flex; align-items: center; gap: 24px; margin: 0 0 9.6px; }
.sup-vivo .sup-fila h1.is-size-3 { margin: 0; flex: none; }
.sup-vivo .sup-fila .pr-buscar { width: 280px; flex: none; margin: 0; padding: 8px 16px; font-size: 14px; }
.sup-vivo .sup-fila .cuenta { margin: 0 0 0 auto; width: 280px; flex: none; font: 400 13px/1.3 Inter, sans-serif; color: #8a96a3; }
.pr-cab-vivo { display: none; }
main.pagina:has(.izq-vivo) .migas.oscuras { margin: 12px 0 6px; font-size: 13px; }
main.pagina:has(.izq-vivo) .migas.oscuras a { text-decoration: none; }
main.pagina:has(.izq-vivo) .migas.oscuras a:hover { text-decoration: underline; }
@media (max-width: 1280px) { .sup-vivo .sup-fila .cuenta { width: auto; } }
@media (max-width: 900px) {
    .pr-cab-vivo { display: flex; }
    .sup-vivo .sup-fila { flex-wrap: wrap; gap: 8px 16px; }
    .sup-vivo .sup-fila .pr-buscar { width: 100%; order: 3; }
    .sup-vivo .sup-fila .cuenta { width: auto; margin: 0; }
}
.listado-panel:has(.izq-vivo) .panel-res > .grilla-tarj:first-of-type { margin-top: 0; }   /* las fichas arrancan a la altura de las promos */

/* Al revés (Hernán 9/10/2026): la cantidad junto al título y el buscador arriba de las promos. */
.sup-vivo .sup-fila .cuenta { order: 2; width: auto; margin: 0; }
.sup-vivo .sup-fila .pr-buscar { order: 3; margin-left: auto; }
@media (min-width: 1281px) { .sup-vivo .sup-fila .pr-buscar { width: 280px; } }
@media (max-width: 900px) { .sup-vivo .sup-fila .pr-buscar { margin-left: 0; } }
/* "N opciones" más a la derecha y apoyado en la misma línea de base del título (Hernán 9/10/2026). */
@media (min-width: 901px) {
    .sup-vivo .sup-fila { align-items: baseline; }
    .sup-vivo .sup-fila .cuenta { margin-left: 130px; }
    .sup-vivo .sup-fila .pr-buscar { align-self: center; }
}

/* Fuente de las reseñas externas (Google, Booking, Airbnb), debajo del nombre (9/10/2026). */
.op-cab small.op-fuente { display: block; color: #6b7a89; font-size: 12px; font-weight: 500; }
.bn-sticky { width: min(100%, 800px); }   /* 800 × 74, proporcional (Hernán 9/10/2026) */

/* Sin estrellas ni promedio en todo el portal (Hernán 9/10/2026: "sacale la puntuación de estrellas, solo reseñas"). En la tarjeta,
   nombre, "N Valoraciones" y "Verificado" con las medidas y colores del sitio vivo. */
.tarj-aloj h3 { margin: 0 0 5px; font: 600 16px/18px "Lexend Deca", sans-serif; letter-spacing: 0; color: #363636; }
.tarj-aloj h3 a { color: #0183c3; }
.tarj-aloj h3 a:hover { color: #0183c3; text-decoration: underline; }
.tarj-aloj .valo-veri { display: flex; align-items: center; margin: 5px 0 4px; color: #4a4a4a;
    font: 400 10px/15px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.tarj-aloj .vv-val { margin-right: 10px; }
.tarj-aloj .vv-ver { display: inline-flex; align-items: center; gap: 6px; color: #008b99; padding: 4px 0; }
.tarj-aloj .vv-ver::before { content: ""; width: 16px; height: 16px; background: url("/img5/svg/verificado.svg") center / contain no-repeat; }
.op-resumen-txt { margin: 0 0 14px; color: var(--suave); font-size: 14px; }

/* === Celular (auditoría del 9/10/2026, InterpatagoniaWeb) — se agrega al final para no pisar reglas anteriores === */
@media (max-width: 900px) {
  /* El pie seguía en dos columnas (la regla de 2 col. de más arriba pisaba al @media) y los links sin cortar: la página se iba de costado a 360 px */
  .pie-ip-in { grid-template-columns: minmax(0, 1fr); }
  .pie-links a { white-space: normal; }
  /* Temáticos (/mapuche/, /vinos/): 1fr se estiraba con contenido ancho */
  .tem-cols { grid-template-columns: minmax(0, 1fr); }
  /* Dentro del cajón de filtros la barra Favoritos / Ver mapa quedaba flotando y tapaba opciones */
  .izq-vivo .izq-flotante { position: static; }
  /* Publicidad fija de abajo: en celular apaisado y tablet tapaba media pantalla */
  .bn-sticky { display: none !important; }
}
@media (max-height: 500px) { .bn-sticky { display: none !important; } }
/* Al aplicar filtros, el primer resultado quedaba debajo de la cabecera fija */
.panel-res { scroll-margin-top: calc(var(--h-cab) + 8px); }
@media (max-width: 640px) {
  /* El desplegable del buscador de la portada abría hacia arriba y con el teclado quedaba detrás de la cabecera */
  .buscar-flotante:not(.fija) .bc-res { top: calc(100% + 10px); bottom: auto; max-height: min(55vh, 420px); }
}
/* === fin celular 9/10/2026 === */

/* Borde de las fichas un tono más oscuro, para que se separen del fondo (Hernán 9/10/2026). */
.tarj-aloj { border-color: #d3dae3; }
.tarj-aloj .ta-botones, .tarj-aloj .ta-botones a + a { border-color: #e3e8ee; }

/* Video de fondo en la tarjeta (9/10/2026): cubre la foto 4:3 recortando el 16:9 a los costados; sin puntos ni flechas. */
.ta-fotos .ta-video { position: absolute; inset: 0; overflow: hidden; border-radius: 9px 9px 0 0; pointer-events: none; z-index: 1; background: #000; }
.ta-fotos .ta-video iframe { position: absolute; top: 50%; left: 50%; height: 100%; width: 177.78%; min-width: 100%; transform: translate(-50%, -50%); border: 0; }
.ta-fotos.con-video:not(:hover):not(:has(:focus-visible)) .ta-puntos, .ta-fotos.con-video:not(:hover):not(:has(:focus-visible)) .ta-ant,
.ta-fotos.con-video:not(:hover):not(:has(:focus-visible)) .ta-sig { display: none !important; }
/* Con el cursor encima, el video se desvanece y quedan las fotos con sus flechas y puntos; al salir vuelve el video (Hernán 9/10/2026). */
@media (hover: hover) { .ta-fotos.con-video:hover .ta-video.ver, .ta-fotos.con-video:has(:focus-visible) .ta-video.ver { opacity: 0; transition: opacity .35s ease; } }

.ta-fotos .ta-video { background: transparent; opacity: 0; transition: opacity .8s ease; }
.ta-fotos .ta-video.ver { opacity: 1; }

/* La cantidad más cerca del título (Hernán 9/10/2026), en todo el portal. */
@media (min-width: 901px) {
    .sup-vivo .sup-fila .cuenta { margin-left: 60px; }   /* más cerca del título, en la misma línea de base */
}

/* Cabecera como la del sitio vivo (Hernán 9/10/2026): buscador en un sobretono más oscuro de la barra, sin borde, con la lupa a la
   derecha; idiomas en desplegable ("ES ▾" y la lista debajo). Solo InterPatagonia. */
.portal-interpatagonia .buscar-ciudad input { width: 280px; border: 0; background: rgba(8, 40, 95, .28) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") right 16px center / 20px 20px no-repeat;
    padding: 11px 48px 11px 20px; font-size: 15px; backdrop-filter: none; -webkit-backdrop-filter: none; }
.portal-interpatagonia .buscar-ciudad input:focus { background-color: rgba(8, 40, 95, .4); border: 0; }
.portal-interpatagonia .buscar-ciudad input::-webkit-search-cancel-button { filter: invert(1); }
.idiomas.desplegable { position: relative; display: block; background: none; border: 0; padding: 0; }
.idiomas.desplegable .idi-boton { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px; border: 0; border-radius: 6px; background: transparent;
    color: #fff; font: 500 16px Lexend, sans-serif; cursor: pointer; }
.idiomas.desplegable .idi-boton::after { content: ""; width: 8px; height: 8px; border: solid currentColor; border-width: 0 2px 2px 0; transform: translateY(-3px) rotate(45deg); }
.idiomas.desplegable .idi-boton:hover, .idiomas.desplegable.abierto .idi-boton { background: rgba(8, 40, 95, .22); }
.idiomas.desplegable .idi-lista { position: absolute; right: 0; top: calc(100% + 6px); min-width: 140px; padding: 6px 0; background: #fff; border-radius: 8px;
    box-shadow: 0 8px 24px rgba(16,24,40,.16); display: none; z-index: 80; }
.idiomas.desplegable.abierto .idi-lista { display: block; }
.idiomas.desplegable .idi-lista a { display: block; padding: 9px 20px; color: #374151; font: 400 15px Inter, sans-serif; border-radius: 0; background: none; }
.idiomas.desplegable .idi-lista a:hover { background: #f3f6f9; color: #0183c3; }
.sup-vivo h1.is-size-3 small { margin-left: 12px; }   /* más aire entre la ciudad y "Dónde dormir" (Hernán 9/10/2026) */
.sup-vivo .sup-fila .cuenta { font: 400 14px/1.3 Inter, sans-serif; color: #757575; }   /* misma letra, tamaño y tono que el texto del buscador (Hernán 9/10/2026) */
.tarj-aloj .valo-veri .vv-ver { margin-left: auto; }   /* Verificado contra el margen derecho de la ficha (Hernán 9/10/2026) */

main.pagina:has(.listado-panel) .bn-zona.bn-central { display: none; }   /* sin banner central en los listados (9/10/2026) */
/* "Verificado" centrado sobre la columna de WhatsApp (Hernán 9/10/2026): esa columna es el 40 % del ancho de la ficha
   (Consultas múltiples 1,5 : WhatsApp 1); el cuerpo tiene 16 px de margen a cada lado. */
.tarj-aloj .valo-veri .vv-ver { margin-left: auto; margin-right: -16px; width: calc((100% + 32px) * .4); justify-content: center; }
.sup-vivo h1.is-size-3 small { margin-left: 22px; }   /* más aire todavía (Hernán 9/10/2026, 2.ª vez) */
.listado-panel:has(.izq-vivo) #grilla-fotos { margin-top: 0; }   /* fichas y promos arrancan a la misma altura (Hernán 9/10/2026) */
/* Sin valoraciones (Hernán 9/10/2026): la dirección sube a la línea de "Verificado" (a la izquierda) y "Llamar" queda debajo,
   sin el renglón vacío. */
.tarj-aloj .valo-veri:not(:has(.vv-val)) { margin-bottom: -24px; position: relative; z-index: 1; pointer-events: none; }
.tarj-aloj .valo-veri:not(:has(.vv-val)) .vv-ver { pointer-events: auto; }
.tarj-aloj .valo-veri:not(:has(.vv-val)) + .ta-dir { min-height: 24px; padding: 3px calc((100% + 32px) * .4 - 12px) 0 0; }
.dir-parte { white-space: nowrap; }   /* la dirección no se corta en medio de una parte (norma 9/10/2026) */
.tarj-aloj .ta-dir { font-size: 12px; line-height: 1.4; }   /* dirección un poco más chica (Hernán 9/10/2026; antes 13 px) */
.bn-sticky { width: min(100%, 730px); }   /* 730 × 68, proporcional (Hernán 9/10/2026) */

/* Página "Alojamientos" (elegí la ciudad): carrusel automático arriba y grilla chica abajo (Hernán 9/10/2026). */
.car-dest { position: relative; overflow: hidden; margin: 6px 0 26px; border-radius: var(--r); }
.car-dest-pista { display: flex; gap: 16px; will-change: transform; }
.car-dest-pista > .dest { flex: 0 0 calc((100% - 32px) / 3); aspect-ratio: 4 / 3; }
.car-dest-pista .dest-txt b { font-size: 22px; }
.car-dest-ant, .car-dest-sig { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 0;
    background: rgba(255,255,255,.88); color: #1f2937; font-size: 26px; line-height: 38px; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.18); z-index: 2; }
.car-dest-ant { left: 10px; } .car-dest-sig { right: 10px; }
.grilla-dest.grilla-dest-chica { grid-template-columns: repeat(4, 1fr); gap: 12px; }
.grilla-dest-chica .dest { aspect-ratio: 600 / 300; border-radius: 12px; }
.grilla-dest-chica .dest-txt { left: 12px; right: 12px; bottom: 10px; flex-direction: column; align-items: flex-start; gap: 0; }
.grilla-dest-chica .dest-txt b { font-size: 15px; }
.grilla-dest-chica .dest-txt small { font-size: 11.5px; }
@media (max-width: 900px) { .car-dest-pista > .dest { flex-basis: calc((100% - 16px) / 2); } .grilla-dest.grilla-dest-chica { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px) { .car-dest-pista > .dest { flex-basis: 85%; } .grilla-dest.grilla-dest-chica { grid-template-columns: repeat(2, 1fr); } }

/* Globo del mapa del listado = exactamente la tarjeta del listado, 268 px (Hernán 9/10/2026). */
.leaflet-popup:has(.pop-ficha) .leaflet-popup-content-wrapper { padding: 0; border-radius: 10px; overflow: hidden; }
.leaflet-popup:has(.pop-ficha) .leaflet-popup-content { margin: 0; width: 268px !important; line-height: normal; font-size: inherit; }
.leaflet-popup:has(.pop-ficha) a.leaflet-popup-close-button { z-index: 5; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.6); }
.pop-mapa.pop-ficha { width: 268px; }
.pop-ficha .tarj-pop { width: 268px !important; min-height: 0 !important; height: auto !important; border: 0; box-shadow: none; transform: none !important; margin: 0; }
.pop-ficha .tarj-pop .ta-tira img { width: 100%; height: 100%; object-fit: cover; margin: 0; }
.pop-ficha .tarj-pop .ta-ant, .pop-ficha .tarj-pop .ta-sig { display: block; opacity: 1; }
.pop-ficha .tarj-pop .ta-puntos { display: flex !important; }
.pop-ficha .tarj-pop a { text-decoration: none; }
.pop-ficha .tarj-pop h3 a { color: #0183c3; }
.pop-ficha .tarj-pop .ta-botones a { color: var(--suave); }
.pop-ficha .tarj-pop .ta-botones .ta-wa { color: #09b74a; }
.pop-ficha .tarj-pop .ta-llamar { color: var(--suave); }
.pop-ficha .tarj-pop .ta-reservar a { color: #fff; }
.pop-ficha .tarj-pop .ta-reservar-blanco a { color: #2866cc; }
.pop-ficha .pop-ubic { padding: 6px 14px 10px; border-top: 1px solid #eef1f4; }
.pop-ficha .tarj-pop .ta-botones a { color: var(--suave); text-decoration: none; }
.pop-ficha .tarj-pop .ta-botones .ta-wa { color: #09b74a; }
.pop-ficha .tarj-pop .ta-llamar { color: var(--suave); text-decoration: none; }
.pop-ficha .tarj-pop .ta-reservar a { text-decoration: none; }
/* Carrusel del mismo tamaño que la grilla de abajo (4 por fila, 600:300). */
.car-dest-pista { gap: 12px; }
.car-dest-pista > .dest { flex: 0 0 calc((100% - 36px) / 4); aspect-ratio: 600 / 300; border-radius: 12px; }
.car-dest-pista .dest-txt { left: 12px; right: 12px; bottom: 10px; }
.car-dest-pista .dest-txt b { font-size: 15px; }
.car-dest { margin: 6px 0 18px; border-radius: 12px; }
@media (max-width: 900px) { .car-dest-pista > .dest { flex-basis: calc((100% - 24px) / 3); } }
@media (max-width: 560px) { .car-dest-pista > .dest { flex-basis: calc((100% - 12px) / 2); } }
/* Carrusel distinto de la grilla (Hernán 9/10/2026): más alto y con anchos que varían (cada tarjeta lleva su ancho al moverse). */
.car-dest-pista > .dest { aspect-ratio: auto; height: 230px; border-radius: 16px; }
.car-dest-pista > .dest.dest-w0 { flex-basis: 30%; }
.car-dest-pista > .dest.dest-w1 { flex-basis: 20%; }
.car-dest-pista > .dest.dest-w2 { flex-basis: 26%; }
.car-dest-pista > .dest.dest-w3 { flex-basis: 34%; }
.car-dest-pista > .dest.dest-w4 { flex-basis: 22%; }
.car-dest-pista .dest-txt b { font-size: 18px; }
.car-dest { border-radius: 16px; }
@media (max-width: 900px) { .car-dest-pista > .dest { height: 190px; } .car-dest-pista > .dest[class*="dest-w"] { flex-basis: 42%; } .car-dest-pista > .dest.dest-w1, .car-dest-pista > .dest.dest-w4 { flex-basis: 32%; } }
@media (max-width: 560px) { .car-dest-pista > .dest { height: 170px; } .car-dest-pista > .dest[class*="dest-w"] { flex-basis: 70%; } .car-dest-pista > .dest.dest-w1, .car-dest-pista > .dest.dest-w4 { flex-basis: 55%; } }
.leaflet-popup .pop-ficha .tarj-pop p { margin: 0; }   /* Leaflet pone 1.3em a los párrafos del globo */
.leaflet-popup .pop-ficha .tarj-pop .ta-llamar { margin-top: 8px; }
.leaflet-popup:has(.pop-ficha) a.leaflet-popup-close-button { right: auto; left: 4px; top: 4px; }   /* que no tape el precio */

/* Encabezado de la página Alojamientos: título + total en gris + buscador de ciudad a la derecha (Hernán 9/10/2026). */
.cab-aloj { display: flex; align-items: center; gap: 20px; margin: 0 0 18px; flex-wrap: wrap; }
.cab-aloj h1 { margin: 0; }
.cab-aloj-total { font: 400 15px Inter, sans-serif; color: #8a96a3; align-self: flex-end; padding-bottom: 8px; }
.cab-aloj-buscar { position: relative; margin-left: auto; width: 340px; max-width: 100%; }
.cab-aloj-buscar input { width: 100%; padding: 11px 44px 11px 18px; border: 1px solid #d5dce4; border-radius: 999px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7a89' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") right 16px center / 18px no-repeat; font: 15px Inter, sans-serif; outline: none; }
.cab-aloj-buscar input:focus { border-color: #2866cc; }
.cab-aloj-res { position: absolute; left: 0; right: 0; top: calc(100% + 6px); max-height: 320px; overflow-y: auto; background: #fff; border-radius: 12px; box-shadow: 0 10px 28px rgba(16,24,40,.16); padding: 6px 0; z-index: 40; }
.cab-aloj-res[hidden] { display: none; }
.cab-aloj-res a { display: block; padding: 9px 18px; color: #374151; text-decoration: none; font: 15px Inter, sans-serif; }
.cab-aloj-res a:hover { background: #f3f6f9; color: #0183c3; }
@media (max-width: 640px) { .cab-aloj-buscar { width: 100%; margin-left: 0; } }

/* Buscador de alojamientos sobre el mapa del listado (9/10/2026). */
.mapa-buscar { position: relative; width: 280px; margin: 10px 10px 0 0 !important; }
.mapa-buscar input { width: 100%; padding: 10px 40px 10px 16px; border: 0; border-radius: 999px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7a89' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") right 14px center / 17px no-repeat;
    font: 14px Inter, sans-serif; box-shadow: 0 2px 10px rgba(16,24,40,.2); outline: none; }
.mapa-buscar-res { position: absolute; left: 0; right: 0; top: calc(100% + 6px); max-height: 300px; overflow-y: auto; background: #fff; border-radius: 12px; box-shadow: 0 10px 28px rgba(16,24,40,.18); padding: 6px 0; }
.mapa-buscar-res[hidden] { display: none; }
.mapa-buscar-res button { display: block; width: 100%; text-align: left; padding: 8px 16px; border: 0; background: none; font: 14px Inter, sans-serif; color: #374151; cursor: pointer; }
.mapa-buscar-res button:hover { background: #f3f6f9; color: #0183c3; }
@media (max-width: 560px) { .mapa-buscar { width: 200px; } }
#mapa { height: max(620px, 72vh); }   /* que entre el globo con la ficha completa (9/10/2026) */
/* Buscador "Elegí la ciudad" flotante al bajar (9/10/2026). */
.cab-aloj-hueco { margin-left: auto; }
.cab-aloj-hueco:empty:not([style*="height"]) { display: none; }
.cab-aloj-buscar.flota { position: fixed; z-index: 45; margin: 0; }
.cab-aloj-buscar.flota input { box-shadow: 0 6px 20px rgba(16,24,40,.18); }
/* "Cómo llegar · Compartir ubicación" debajo de la dirección, sin subrayado y con la letra de la tarjeta (9/10/2026). */
.pop-ficha .pop-ubic.pop-ubic-dir { display: flex; flex-wrap: nowrap; gap: 14px; padding: 2px 0 2px; border: 0; margin: 2px 0 0; }
.pop-ficha .pop-ubic-dir a, .pop-ficha .pop-ubic-dir button { display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; background: none;
    font: 500 12px/16px Inter, sans-serif !important; color: #0183c3 !important; text-decoration: none !important; cursor: pointer; white-space: nowrap; }
.pop-ficha .pop-ubic-dir a:hover, .pop-ficha .pop-ubic-dir button:hover { color: #2866cc !important; text-decoration: none !important; }
.pop-ficha .pop-ubic-dir a::before { content: ""; width: 13px; height: 13px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l19-9-9 19-2-8-8-2z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l19-9-9 19-2-8-8-2z'/%3E%3C/svg%3E") center / contain no-repeat; }
.pop-ficha .pop-ubic-dir button::before { content: ""; width: 13px; height: 13px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.6 13.5l6.8 4M15.4 6.5l-6.8 4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.6 13.5l6.8 4M15.4 6.5l-6.8 4'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Carrusel destacado (Hernán 9/10/2026): panel con el degradé de la marca alrededor, fotos con acercamiento lento y tarjetas que se
   levantan al pasar el mouse; las flechas en blanco sobre el panel. */
.car-dest { padding: 14px; border-radius: 22px; background: linear-gradient(-45deg, #2866cc, #29b7c9, #2866cc, #29b7c9); background-size: 300% 300%;
    box-shadow: 0 10px 30px rgba(40,102,204,.22); margin: 6px 0 24px; }
@media (prefers-reduced-motion: no-preference) { .car-dest { animation: cab-grad 14s ease infinite; } }
.car-dest-pista > .dest { box-shadow: 0 4px 14px rgba(8,30,70,.28); transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s; }
.car-dest-pista > .dest:hover { transform: translateY(-4px) scale(1.015); box-shadow: 0 10px 24px rgba(8,30,70,.38); }
@media (prefers-reduced-motion: no-preference) {
    .car-dest-pista > .dest img { animation: car-zoom 9s ease-in-out infinite alternate; transform-origin: center; }
    .car-dest-pista > .dest:nth-child(2n) img { animation-duration: 11s; transform-origin: 30% 60%; }
    .car-dest-pista > .dest:nth-child(3n) img { animation-duration: 8s; transform-origin: 70% 40%; }
}
@keyframes car-zoom { from { transform: scale(1); } to { transform: scale(1.12); } }
.car-dest-pista .dest-txt b { text-shadow: 0 2px 8px rgba(0,0,0,.45); letter-spacing: .01em; }
.car-dest-ant, .car-dest-sig { left: 24px; background: #fff; }
.car-dest-sig { left: auto; right: 24px; }
/* Sin el panel de color alrededor del carrusel y grilla de 5 ciudades por fila (Hernán 9/10/2026). */
.car-dest { padding: 0; background: none; box-shadow: none; animation: none; border-radius: 16px; margin: 6px 0 22px; }
.car-dest-ant { left: 10px; } .car-dest-sig { right: 10px; }
.grilla-dest.grilla-dest-chica { grid-template-columns: repeat(5, 1fr); gap: 12px; }
.grilla-dest-chica .dest { aspect-ratio: 600 / 340; }
.grilla-dest-chica .dest-txt b { font-size: 14px; }
@media (max-width: 1100px) { .grilla-dest.grilla-dest-chica { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 900px) { .grilla-dest.grilla-dest-chica { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px) { .grilla-dest.grilla-dest-chica { grid-template-columns: repeat(2, 1fr); } }
.car-dest { margin-bottom: 44px; }   /* más aire entre el carrusel y la grilla (Hernán 9/10/2026; antes 22 px) */
.car-dest { margin-bottom: 60px; }   /* la grilla arranca más abajo, donde marcó Hernán (9/10/2026) */
.car-dest { margin-bottom: 72px; }   /* la grilla arranca debajo de la línea que marcó Hernán (9/10/2026, 2.ª vez) */
/* Mientras carga la foto del globo, un brillo que se mueve en vez de un recuadro vacío (9/10/2026). */
.pop-ficha .tarj-pop .ta-fotos { background: linear-gradient(100deg, #e6ebf1 30%, #f4f7fa 50%, #e6ebf1 70%) 0 0 / 200% 100%; }
@media (prefers-reduced-motion: no-preference) { .pop-ficha .tarj-pop .ta-fotos { animation: pop-brillo 1.2s linear infinite; } }
@keyframes pop-brillo { from { background-position: 100% 0; } to { background-position: -100% 0; } }
/* "Ver ubicación" (prueba en Casa en Playa sin Viento, 9/10/2026). */
.ta-fila-ll { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.ta-fila-ll .ta-llamar { margin-top: 0 !important; }
.ta-ver-ubic { display: inline-flex; align-items: center; gap: 5px; padding: 4px 2px; border: 0; background: none; cursor: pointer;
    font: 500 12px Inter, sans-serif; color: var(--suave); }
.ta-ver-ubic::before { content: ""; width: 13px; height: 13px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12s-8-7-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12s-8-7-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / contain no-repeat; }
.ta-ver-ubic:hover, .ta-ver-ubic.on { color: #0183c3; }
.ta-mapa-ubic { position: absolute; inset: 0; z-index: 4; opacity: 0; pointer-events: none; transition: opacity .3s ease; border-radius: 9px 9px 0 0; overflow: hidden; background: #e7edf2; }
.ta-mapa-ubic.ver { opacity: 1; }
.ta-mapa-ubic iframe { width: 100%; height: 100%; border: 0; display: block; }
.ta-mapa-ubic .leaflet-control-attribution { font-size: 9.5px; padding: 0 4px; background: rgba(255,255,255,.75); }

/* Ficha del mapa flotando sobre la página (no la corta el borde del mapa), con su piquito hacia el pin (9/10/2026). */
.pop-flot { position: absolute; z-index: 60; width: 268px; background: #fff; border-radius: 10px; box-shadow: 0 10px 30px rgba(16,24,40,.25); }
.pop-flot[hidden] { display: none; }
.pop-flot::after { content: ""; position: absolute; left: calc(var(--px, 134px) - 9px); bottom: -9px; border: 9px solid transparent; border-bottom: 0; border-top-color: #fff; }
.pop-flot.abajo::after { bottom: auto; top: -9px; border: 9px solid transparent; border-top: 0; border-bottom-color: #fff; }
.pop-flot-cerrar { position: absolute; left: 6px; top: 6px; z-index: 6; width: 24px; height: 24px; border: 0; border-radius: 50%; background: rgba(0,0,0,.35); color: #fff; font-size: 16px; line-height: 22px; cursor: pointer; }
.pop-flot .pop-ficha .tarj-pop p { margin: 0; }
.pop-flot .tarj-pop { border-radius: 10px; overflow: visible; }
.pop-flot .tarj-pop .ta-fotos .ta-tira { border-radius: 10px 10px 0 0; }

/* En la vista de mapa, las promociones de la derecha bajan debajo del mapa y el mapa llega hasta el margen derecho (Hernán 9/10/2026). */
@media (min-width: 901px) {
    .listado-panel.en-mapa:has(.izq-vivo):has(.der-vivo) { grid-template-columns: 200px minmax(0, 1fr); }
    .listado-panel.en-mapa:has(.izq-vivo) > .sup-vivo { grid-column: 2; }
    .listado-panel.en-mapa:has(.izq-vivo) > .der-vivo { grid-column: 2; grid-row: 3; width: auto; display: grid; grid-template-columns: repeat(auto-fill, 280px); gap: 16px; justify-content: start; margin-top: 24px; }
    .listado-panel.en-mapa .der-vivo .card { margin: 0; }
}
.der-vivo.der-bajo-mapa { grid-column: auto; grid-row: auto; width: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; margin: 20px 0 28px; }
.der-vivo.der-bajo-mapa .card { margin: 0; }
.der-vivo.der-bajo-mapa .bpxhrs:empty { display: none; }
.sup-vivo .sup-fila .cuenta { font-size: 16px; }   /* un poco más grande (Hernán 9/10/2026) */
.pop-flot { z-index: 1100; }   /* encima de las capas de Leaflet (400–1000); antes quedaba tapada por el mapa */
.pop-flot.lado::after { display: none; }
a.vv-val { color: inherit; text-decoration: none; } a.vv-val:hover { color: #0183c3; text-decoration: underline; }
#ubicacion, #opiniones, #ficha-mapa { scroll-margin-top: 90px; }   /* al llegar desde la tarjeta, el título no queda bajo la barra fija */
.otras-opciones { margin: 40px 0 14px; font: 600 20px Manrope, Lexend, sans-serif; letter-spacing: .04em; text-transform: uppercase; color: var(--tinta); }
/* Ninguna palabra subrayada en el portal, tampoco al pasar el cursor (Hernán 9/10/2026). */
.portal-interpatagonia a, .portal-interpatagonia a:hover, .portal-interpatagonia a:focus, .portal-interpatagonia button, .portal-interpatagonia button:hover { text-decoration: none !important; }

/* ====== PRUEBA: ficha estilo Airbnb (solo Casa en Playa sin Viento, main.ficha.ab) — Hernán 9/10/2026 ====== */
main.ficha.ab { --ab-tinta: #222; --ab-gris: #6a6a6a; --ab-linea: #dddddd; color: var(--ab-tinta); font-family: Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; max-width: 1120px; }
main.ficha.ab .migas { display: none; }
main.ficha.ab .ficha-cab { display: flex; align-items: center; gap: 16px; margin: 24px 0 18px; }
main.ficha.ab .ficha-cab .rubro, main.ficha.ab .ficha-cab .dir, main.ficha.ab .ficha-cab .ficha-val, main.ficha.ab .ficha-cab .ficha-precio { display: none !important; }
main.ficha.ab .ficha-cab h1 { margin: 0; font: 500 26px/30px Inter, sans-serif; color: var(--ab-tinta); letter-spacing: -.01em; }
main.ficha.ab .ab-acciones { margin-left: auto; display: flex; gap: 6px; }
main.ficha.ab .ab-acciones button { display: inline-flex; align-items: center; gap: 8px; padding: 8px 10px; border: 0; border-radius: 8px; background: none; cursor: pointer;
    font: 500 14px Inter, sans-serif; color: var(--ab-tinta); text-decoration: underline !important; text-underline-offset: 2px; }
main.ficha.ab .ab-acciones button:hover { background: #f7f7f7; }
main.ficha.ab .ab-acciones .ic { width: 16px; height: 16px; }
main.ficha.ab .ab-guardar.on svg { fill: #ff385c; stroke: #ff385c; }
/* Mosaico */
main.ficha.ab .ab-mosaico { position: relative; display: grid !important; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 8px; height: 476px; border-radius: 12px; overflow: hidden; margin: 0 0 40px; }
main.ficha.ab .ab-mosaico .gm-f { padding: 0; border: 0; margin: 0; overflow: hidden; cursor: pointer; background: #eee; border-radius: 0; height: 100%; }
main.ficha.ab .ab-mosaico .gm-f:first-of-type { grid-row: 1 / 3; }
main.ficha.ab .ab-mosaico .gm-f:nth-of-type(n+6) { display: none; }
main.ficha.ab .ab-mosaico .gm-f img { width: 100%; height: 100%; object-fit: cover; display: block; transition: filter .2s; }
main.ficha.ab .ab-mosaico .gm-f:hover img { filter: brightness(.85); }
main.ficha.ab .ab-mosaico .gm-todas { position: absolute; right: 24px; bottom: 24px; display: inline-flex; align-items: center; gap: 8px; padding: 7px 15px;
    background: #fff; border: 1px solid #222; border-radius: 8px; font: 500 14px Inter, sans-serif; color: #222; cursor: pointer; box-shadow: none; }
/* Columnas */
main.ficha.ab .ficha-cols { display: grid; grid-template-columns: minmax(0, 1fr) 372px; gap: 96px; align-items: start; }
main.ficha.ab .ficha-main > * { margin-top: 0; }
main.ficha.ab .ab-sub { margin: 0 0 4px; font: 500 22px/26px Inter, sans-serif; color: var(--ab-tinta); }
main.ficha.ab .ab-claves { margin: 0; font: 400 16px/20px Inter, sans-serif; color: var(--ab-tinta); }
main.ficha.ab .ab-dir { margin: 4px 0 0; color: var(--ab-gris); font-size: 15px; padding-bottom: 32px; border-bottom: 1px solid var(--ab-linea); }
main.ficha.ab .ficha-claves { display: none; }
main.ficha.ab .ficha-main > section, main.ficha.ab .ficha-main > .bloque { padding: 32px 0; margin: 0; border-bottom: 1px solid var(--ab-linea); background: none; box-shadow: none; border-radius: 0; }
main.ficha.ab .ficha-main h2 { font: 500 22px/26px Inter, sans-serif; color: var(--ab-tinta); margin: 0 0 24px; letter-spacing: 0; }
main.ficha.ab .prosa { font: 400 16px/24px Inter, sans-serif; color: var(--ab-tinta); }
main.ficha.ab .prosa-mas { background: #f7f7f7; border: 0; border-radius: 8px; padding: 13px 23px; font: 500 16px Inter, sans-serif; color: #222; margin-top: 16px; cursor: pointer; }
main.ficha.ab .serv-iconos { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; }
main.ficha.ab .serv-iconos li { display: flex; align-items: center; gap: 16px; font: 400 16px Inter, sans-serif; color: var(--ab-tinta); background: none; border: 0; padding: 0; }
main.ficha.ab .serv-iconos .ic { width: 24px; height: 24px; color: var(--ab-tinta); }
/* Reseñas en dos columnas, sin tarjeta */
main.ficha.ab .op-resumen-txt { font: 500 22px Inter, sans-serif; color: var(--ab-tinta); margin: -10px 0 24px; }
main.ficha.ab #opiniones > h2 { display: none; }
main.ficha.ab .op-lista { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 64px; }
main.ficha.ab .opinion { background: none; border: 0; padding: 0; }
main.ficha.ab .op-ini { width: 48px; height: 48px; font-size: 18px; }
main.ficha.ab .op-cab strong { font: 500 16px Inter, sans-serif; color: var(--ab-tinta); }
main.ficha.ab .opinion p { font: 400 16px/24px Inter, sans-serif; color: var(--ab-tinta); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
main.ficha.ab .op-mas summary { display: inline-block; border: 1px solid #222; border-radius: 8px; padding: 13px 23px; font: 500 16px Inter, sans-serif; margin-top: 32px; cursor: pointer; list-style: none; }
/* Tarjeta fija de la derecha */
main.ficha.ab .ficha-lado { position: sticky; top: 100px; }
main.ficha.ab .ab-card { border: 1px solid var(--ab-linea); border-radius: 12px; padding: 24px; box-shadow: rgba(0,0,0,.12) 0 6px 16px; background: #fff; margin-bottom: 24px; }
main.ficha.ab .ab-card-precio { font: 400 16px Inter, sans-serif; color: var(--ab-tinta); margin-bottom: 24px; }
main.ficha.ab .ab-card-precio strong, main.ficha.ab .ab-card-precio b { font: 600 22px/26px Inter, sans-serif; color: var(--ab-tinta); }
main.ficha.ab .ab-card-precio .fp-desde { color: var(--ab-gris); margin-right: 4px; }
main.ficha.ab .ab-card-precio .fp-nota { display: block; color: var(--ab-gris); font-size: 13px; margin-top: 6px; }
main.ficha.ab .ab-reservar { display: block; width: 100%; text-align: center; padding: 14px 24px; border-radius: 8px; border: 0;
    background: linear-gradient(to right, #e61e4d 0%, #e31c5f 50%, #d70466 100%) !important; color: #fff !important; font: 500 16px Inter, sans-serif; box-shadow: none; }
main.ficha.ab .ab-reservar:hover { filter: brightness(.95); }
main.ficha.ab .ab-botones { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
main.ficha.ab .ab-botones .btn { border-radius: 8px; padding: 11px 10px; font: 500 15px Inter, sans-serif; background: #fff; color: #222; border: 1px solid #222; box-shadow: none; }
main.ficha.ab .ab-botones .btn-wa { color: #15803d; border-color: #15803d; }
main.ficha.ab .ficha-lado .caja { border: 0; background: none; box-shadow: none; padding: 0 4px; }
main.ficha.ab .ficha-lado .caja h2 { font: 500 18px Inter, sans-serif; }
main.ficha.ab .ficha-lado .caja-consulta { border: 1px solid var(--ab-linea); border-radius: 12px; padding: 24px; }
/* Menú de secciones al bajar */
.ab-nav { position: fixed; left: 0; right: 0; top: 0; z-index: 70; background: #fff; border-bottom: 1px solid #ddd; transform: translateY(-110%); transition: transform .2s; }
.ab-nav.ver { transform: none; top: var(--h-cab, 72px); }
.ab-nav-in { max-width: 1120px; margin: 0 auto; padding: 0 20px; display: flex; gap: 24px; height: 64px; align-items: center; }
.ab-nav a { font: 500 14px Inter, sans-serif; color: #222; padding: 22px 0; border-bottom: 4px solid transparent; }
.ab-nav a:hover { border-bottom-color: #222; }
@media (max-width: 900px) {
    main.ficha.ab .ab-mosaico { grid-template-columns: 1fr; grid-template-rows: auto; height: auto; border-radius: 0; margin: 0 -20px 24px; }
    main.ficha.ab .ab-mosaico .gm-f:first-of-type { grid-row: auto; aspect-ratio: 4 / 3; }
    main.ficha.ab .ab-mosaico .gm-f:nth-of-type(n+2) { display: none; }
    main.ficha.ab .ficha-cols { grid-template-columns: 1fr; gap: 0; }
    main.ficha.ab .op-lista, main.ficha.ab .serv-iconos { grid-template-columns: 1fr; }
    main.ficha.ab .ficha-lado { position: static; }
    .ab-nav { display: none; }
}
/* Ajustes de la prueba Airbnb */
body:has(main.ficha.ab) { background: #fff; }
main.ficha.ab .ab-mosaico { grid-template-columns: 2fr 1fr 1fr !important; grid-template-rows: 1fr 1fr !important; height: 476px !important; aspect-ratio: auto !important; }
main.ficha.ab .ab-mosaico .gm-f { grid-column: auto !important; grid-row: auto !important; display: block !important; }
main.ficha.ab .ab-mosaico .gm-f:nth-child(1) { grid-column: 1 !important; grid-row: 1 / 3 !important; }
main.ficha.ab .ab-mosaico .gm-f:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
main.ficha.ab .ab-mosaico .gm-f:nth-child(3) { grid-column: 3 !important; grid-row: 1 !important; }
main.ficha.ab .ab-mosaico .gm-f:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; }
main.ficha.ab .ab-mosaico .gm-f:nth-child(5) { grid-column: 3 !important; grid-row: 2 !important; }
main.ficha.ab .ab-mosaico .gm-f:nth-child(n+6) { display: none !important; }
main.ficha.ab .ab-mosaico .gm-f:hover img { transform: none; }
main.ficha.ab .ab-mosaico .gm-todas { left: auto !important; right: 24px; width: auto; }
main.ficha.ab .ab-acciones .btn-compartir-ficha { position: static; border: 0; box-shadow: none; background: none; padding: 8px 10px; border-radius: 8px; }
main.ficha.ab .ficha-lado { top: 156px; }
main.ficha.ab .ficha-reservar #interpatagonia-reservas-0 { box-shadow: none; }
@media (max-width: 900px) {
    main.ficha.ab .ab-mosaico { grid-template-columns: 1fr !important; grid-template-rows: auto !important; height: auto !important; }
    main.ficha.ab .ab-mosaico .gm-f:nth-child(1) { grid-row: auto !important; aspect-ratio: 4 / 3; }
    main.ficha.ab .ab-mosaico .gm-f:nth-child(n+2) { display: none !important; }
}
main.ficha.ab .ficha-cab { width: 100%; max-width: none; }
main.ficha.ab .ab-acciones button { text-decoration: none !important; }   /* sin subrayado, como pidió Hernán para todo el portal */
main.ficha.ab .ficha-reservar { position: static !important; top: auto !important; }   /* en esta prueba el motor no flota sobre las reseñas */
main.ficha.ab .ab-sub { display: none; }   /* sin "Rubro en Ciudad"; los datos clave quedan arriba (Hernán 9/10/2026) */
main.ficha.ab .ficha-lado > .caja:not(.caja-consulta) { display: none; }   /* sin el bloque "Contacto" (Hernán 9/10/2026) */
main.ficha.ab .ab-card .ab-motor { padding: 0 !important; border: 0 !important; margin: 0 0 4px !important; }
main.ficha.ab .ab-card .ab-motor > h2 { display: none; }
main.ficha.ab .ab-card .ab-motor #interpatagonia-reservas-0 > * { box-shadow: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
main.ficha.ab .ab-card-precio { margin-bottom: 16px; }
main.ficha.ab .ab-card .ab-motor { margin: 0 -14px 4px !important; }   /* el motor (iframe con su propio margen) aprovecha todo el ancho de la tarjeta */
/* Reseñas en carrusel (prueba Airbnb, 9/10/2026). */
main.ficha.ab #opiniones > h2 { display: block; }
main.ficha.ab .op-resumen-txt { font: 400 15px Inter, sans-serif; color: var(--ab-gris); margin: -16px 0 18px; }
.rc { position: relative; padding: 4px 0 0; }
.rc-vent { overflow: hidden; padding: 6px 6px 18px; margin: 0 -6px; }
.rc-pista { display: flex; gap: 24px; transition: transform .6s cubic-bezier(.45,0,.2,1); }
.rc-card { flex: 0 0 calc((100% - 48px) / 3); margin: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 22px; min-height: 260px;
    background: #fff; border: 1px solid #eef0f3; border-radius: 14px; padding: 26px 28px; box-shadow: 0 8px 22px rgba(16,24,40,.06); }
.rc-card blockquote { margin: 0; font: italic 400 15.5px/1.75 Inter, sans-serif; color: #4a5361; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; }
.rc-card figcaption strong { display: block; font: 600 15px Inter, sans-serif; color: #1c2b44; }
.rc-card figcaption small { display: block; margin-top: 6px; font: 400 13px Inter, sans-serif; color: #8a93a0; }
.rc-ant, .rc-sig { position: absolute; top: calc(50% - 20px); width: 40px; height: 40px; border-radius: 50%; border: 1px solid #eef0f3; background: #fff; color: #2866cc;
    box-shadow: 0 2px 8px rgba(16,24,40,.12); display: grid; place-items: center; cursor: pointer; z-index: 2; }
.rc-ant { left: -20px; } .rc-sig { right: -20px; }
.rc-dots { display: flex; justify-content: center; gap: 10px; margin-top: 8px; }
.rc-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: #c9ced6; cursor: pointer; }
.rc-dots button.on { background: #1c2b44; }
@media (max-width: 999px) { .rc-card { flex-basis: calc((100% - 24px) / 2); } }
@media (max-width: 639px) { .rc-card { flex-basis: 100%; } .rc-ant { left: -6px; } .rc-sig { right: -6px; } }
.rc-card { flex: 0 0 calc((100% - (var(--n, 3) - 1) * 24px) / var(--n, 3)) !important; }
/* Servicios en tarjetas blancas (prueba Airbnb, 9/10/2026). */
.sv-grilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; }
.sv-card { background: #fff; border: 1px solid #e9ecf0; border-radius: 18px; padding: 24px 22px; box-shadow: 0 4px 14px rgba(16,24,40,.04); transition: box-shadow .2s, transform .2s; }
.sv-card:hover { box-shadow: 0 10px 24px rgba(16,24,40,.08); transform: translateY(-2px); }
.sv-ic { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: #eef4fc; color: #2866cc; margin-bottom: 18px; }
.sv-ic svg { width: 22px; height: 22px; }
.sv-card b { display: block; font: 600 16px Inter, sans-serif; color: #1c2b44; margin-bottom: 6px; }
.sv-card p { margin: 0; font: 400 14px/1.5 Inter, sans-serif; color: #6b7480; }
.sv-card { border-color: #d3dae3; box-shadow: 0 1px 2px rgba(16,24,40,.06); }   /* contornos más definidos (9/10/2026) */
.sv-ic { border: 1px solid #d6e3f5; }
.rc-card { border-color: #d3dae3; }
main.ficha.ab .ab-card .ab-botones { display: none !important; }   /* sin WhatsApp ni Llamar en la tarjeta (Hernán 9/10/2026) */
/* Íconos de servicios en negro, sin fondo de color, como Airbnb (Hernán 9/10/2026). */
.sv-ic { background: none; border: 0; color: #222; width: auto; height: auto; place-items: start; margin-bottom: 16px; }
.sv-ic svg { width: 28px; height: 28px; stroke-width: 1.5; }
.pin-google { background: none; border: 0; filter: drop-shadow(0 2px 2px rgba(0,0,0,.3)); }
.mapa-credito { margin: 4px 2px 0; font: 400 10.5px Inter, sans-serif; color: #9aa4b0; text-align: right; }
.mapa-credito a { color: inherit; }
/* Prestaciones como Airbnb (9/10/2026). */
.pr-lista { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 32px; }
.pr-lista li, .pr-dlg li { display: flex; align-items: center; gap: 16px; font: 400 16px/1.35 Inter, sans-serif; color: #222; }
.pr-lista svg, .pr-dlg svg { width: 24px; height: 24px; flex: none; stroke: #222; stroke-width: 1.5; }
.pr-mas { margin-top: 32px; padding: 13px 23px; border: 0; border-radius: 8px; background: #f2f2f2; font: 500 16px Inter, sans-serif; color: #222; cursor: pointer; }
.pr-mas:hover { background: #ebebeb; }
.pr-dlg { width: min(720px, 94vw); max-height: 86vh; border: 0; border-radius: 12px; padding: 24px 32px 32px; box-shadow: 0 8px 28px rgba(0,0,0,.28); }
.pr-dlg::backdrop { background: rgba(0,0,0,.5); }
.pr-dlg h2 { font: 500 22px Inter, sans-serif; color: #222; margin: 28px 0 8px; }
.pr-dlg h3 { font: 500 18px Inter, sans-serif; color: #222; margin: 28px 0 8px; }
.pr-dlg ul { list-style: none; padding: 0; margin: 0; }
.pr-dlg li { padding: 18px 0; border-bottom: 1px solid #ebebeb; }
.pr-cerrar { position: absolute; left: 20px; top: 16px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: none; font-size: 22px; cursor: pointer; }
.pr-cerrar:hover { background: #f2f2f2; }
@media (max-width: 640px) { .pr-lista { grid-template-columns: 1fr; } }

/* Zócalo fijo de reserva (prueba Airbnb, 9/10/2026). */
.zoc-rsv { position: fixed; left: 0; right: 0; bottom: 0; z-index: 950; background: linear-gradient(-45deg, #2866cc, #29b7c9, #2866cc, #29b7c9); background-size: 300% 300%;
    box-shadow: 0 -6px 20px rgba(16,24,40,.18); transform: translateY(110%); transition: transform .3s ease; }
@media (prefers-reduced-motion: no-preference) { .zoc-rsv { animation: cab-grad 14s ease infinite; } }
.zoc-rsv.ver { transform: none; }
.zoc-in { max-width: 1240px; margin: 0 auto; padding: 12px 20px; display: flex; align-items: center; gap: 14px; }
.zoc-tit { font: 600 19px Manrope, Lexend, sans-serif; color: #fff; margin-right: 10px; white-space: nowrap; }
.zoc-c { flex: 1 1 0; display: flex; flex-direction: column; gap: 2px; padding: 7px 14px; border: 1px solid rgba(255,255,255,.35); border-radius: 12px; background: rgba(255,255,255,.12); min-width: 0; }
.zoc-c span { font: 600 11px Inter, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.85); }
.zoc-c input, .zoc-c select { border: 0; background: none; padding: 0; font: 400 15px Inter, sans-serif; color: #fff; color-scheme: dark; outline: none; width: 100%; }
.zoc-c select option { color: #222; }
.zoc-btn { flex: none; padding: 14px 26px; border: 0; border-radius: 12px; background: #fff; color: #1c2b44; font: 600 16px Inter, sans-serif; cursor: pointer; }
.zoc-btn:hover { background: #f1f5fb; }
.zoc-wa { flex: none; font: 400 14px Inter, sans-serif; color: #fff; white-space: nowrap; margin-left: 6px; }
.zoc-wa a { color: #fff; font-weight: 600; }
@media (max-width: 900px) { .zoc-tit, .zoc-wa { display: none; } .zoc-in { gap: 8px; padding: 10px 12px; } .zoc-c { padding: 6px 10px; } .zoc-btn { padding: 12px 14px; font-size: 14px; } }
@media (max-width: 560px) { .zoc-c:nth-of-type(3) { display: none; } }
body:has(.zoc-rsv.ver) .bn-sticky { display: none !important; }
body:has(.zoc-rsv) { padding-bottom: 76px; }   /* que el zócalo no tape el pie */
/* Zócalo de reserva en gris sobrio (Hernán 9/10/2026). */
.zoc-rsv { background: #2f343b; animation: none !important; box-shadow: 0 -4px 16px rgba(0,0,0,.18); }
.zoc-c { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.22); }
body:has(main.ficha.ab) #pie { display: none; }   /* prueba Airbnb: sin pie (newsletter, links y portales) — Hernán 9/10/2026 */
.zoc-rsv { background: linear-gradient(100deg, #5b6470 0%, #737d8a 50%, #5b6470 100%); }   /* gris más claro con degradé (Hernán 9/10/2026) */
.zoc-c { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.3); }
/* Formulario de consulta como el modelo (prueba Airbnb, 9/10/2026). */
.fc2 { padding: 28px 22px 24px !important; border-radius: 14px !important; }
.fc2 h2 { text-align: center; font: 600 20px Inter, sans-serif !important; color: #333; margin: 0 0 22px !important; }
.fc2 form { display: flex; flex-direction: column; gap: 18px; }
.fc2 .fc2-l { display: block; margin: 0; }
.fc2 input[type=text], .fc2 input[type=email], .fc2 input[type=tel], .fc2 textarea { width: 100%; border: 1px solid #d9dde3; border-radius: 12px; padding: 13px 12px; font: 400 16px Inter, sans-serif; color: #222; background: #fff; box-sizing: border-box; }
.fc2 input:focus, .fc2 textarea:focus { outline: none; border-color: #3498db; }
.fc2 input::placeholder, .fc2 textarea::placeholder { color: #8a8f96; }
.fc2-vias { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.fc2-vias label { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid #d9dde3; border-radius: 12px; cursor: pointer; color: #555; font-size: 14px; }
.fc2-vias label.on { border-color: #3498db; color: #222; }
.fc2-vias input { width: 20px; height: 20px; margin: 0 6px 0 0; accent-color: #3498db; }
.fc2-vias b { font-weight: 600; }
.fc2 .iti, .fc2 .tel-pais { width: 100%; }
.fc2-fila { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: end; }
.fc2-fila > div > span { display: block; text-align: center; font: 400 15px Inter, sans-serif; color: #666; margin-bottom: 10px; }
.fc2-caja { display: flex; align-items: center; gap: 6px; border: 1px solid #d9dde3; border-radius: 12px; padding: 0 10px; height: 50px; color: #333; }
.fc2-caja input { border: 0; padding: 0; font: 400 14px Inter, sans-serif; color: #222; width: 100%; min-width: 0; background: none; }
.fc2-caja em { font-style: normal; color: #555; }
.fc2-step { display: flex; height: 48px; border: 1px solid #d9dde3; border-radius: 12px; overflow: hidden; }
.fc2-step button { width: 46px; border: 0; background: #f2f2f2; font: 400 22px Inter, sans-serif; color: #333; cursor: pointer; }
.fc2-step output { width: 50px; display: grid; place-items: center; font: 400 17px Inter, sans-serif; border-left: 1px solid #d9dde3; border-right: 1px solid #d9dde3; }
.fc2-flex { display: flex; align-items: center; gap: 10px; font: 400 15px Inter, sans-serif; color: #444; cursor: pointer; }
.fc2-flex input { width: 16px; height: 16px; }
.fc2 textarea { min-height: 105px; resize: vertical; }
.fc2-enviar { width: 100%; padding: 15px; border: 0; border-radius: 10px; background: #3498db; color: #fff; font: 600 17px Inter, sans-serif; text-transform: uppercase; cursor: pointer; }
.fc2-enviar:hover { background: #2d89c7; }
/* Zócalo de reserva mucho más claro (Hernán 9/10/2026): gris muy suave con degradé, textos oscuros y botón oscuro para que resalte. */
.zoc-rsv { background: linear-gradient(100deg, #e4e8ed 0%, #f3f5f8 50%, #e4e8ed 100%); border-top: 1px solid #d5dbe2; box-shadow: 0 -4px 14px rgba(16,24,40,.08); }
.zoc-tit { color: #1f2933; }
.zoc-c { background: #fff; border-color: #cfd6de; }
.zoc-c span { color: #6b7480; }
.zoc-c input, .zoc-c select { color: #1f2933; color-scheme: light; }
.zoc-btn { background: #2f343b; color: #fff; }
.zoc-btn:hover { background: #1f2329; }
.zoc-wa, .zoc-wa a { color: #1f2933; }
.fc2 .fc2-vias label { flex-direction: row !important; justify-content: flex-start; text-align: left; gap: 8px; padding: 12px 10px; }
.fc2 .fc2-vias { gap: 14px; }
.fc2 .fc2-flex { flex-direction: row !important; text-align: left; font-size: 14px; }
.fc2 .fc2-fila { grid-template-columns: minmax(0, 1fr) 118px; gap: 12px; }
.fc2 .fc2-fila > div { min-width: 0; }
.fc2 .fc2-caja { padding: 0 8px; gap: 4px; }
.fc2 .fc2-caja svg { flex: none; }
.fc2 .fc2-caja input { font-size: 13px; }
.fc2 .fc2-caja input::-webkit-calendar-picker-indicator { display: none; }
.fc2 .fc2-caja input { cursor: pointer; }
.fc2 .fc2-step button { width: 34px; }
.fc2 .fc2-step output { width: 48px; }
/* Tarjeta de reserva más chica (Hernán 9/10/2026). */
main.ficha.ab .ficha-cols { grid-template-columns: minmax(0, 1fr) 330px; gap: 72px; }
main.ficha.ab .ab-card { padding: 18px 16px 10px; }
main.ficha.ab .ab-card-precio { margin-bottom: 10px; font-size: 14px; }
main.ficha.ab .ab-card-precio strong, main.ficha.ab .ab-card-precio b { font-size: 19px; }
main.ficha.ab .ab-card-precio .fp-nota { font-size: 12px; margin-top: 2px; }
main.ficha.ab .ab-card .ab-motor { margin: 0 -6px !important; }
main.ficha.ab .ab-card iframe { min-height: 0 !important; }   /* sin el hueco de abajo: el marco toma el alto del buscador compacto */
/* Sin la dirección ni el crédito debajo del mapa de la ficha (Hernán 9/10/2026); el crédito queda en el "i" de la esquina. */
main.ficha .ficha-mapa-dir, main.ficha .mapa-credito { display: none; }
.pin-google { filter: none; }
.ficha-mapa { position: relative; }
.mapa-i { position: absolute; right: 8px; bottom: 8px; z-index: 500; display: flex; align-items: center; gap: 6px; height: 20px; padding: 0 0 0 0; border-radius: 10px; background: rgba(255,255,255,.85); color: #6b7480; font: 400 11px Inter, sans-serif; overflow: hidden; }
.mapa-i span { display: grid; place-items: center; width: 20px; height: 20px; font: italic 600 12px Georgia, serif; }
.mapa-i em { font-style: normal; max-width: 0; transition: max-width .25s, padding .25s; white-space: nowrap; }
.mapa-i:hover em, .mapa-i:focus em { max-width: 140px; padding-right: 8px; }
main.ficha .ubic-botones { margin-top: 16px; }
/* Formulario completo, sin scroll propio, y el tilde de "más prestadores" (9/10/2026). */
main.ficha.ab .fc2 { position: static !important; max-height: none !important; overflow: visible !important; }
main.ficha.ab .ficha-lado { position: static; }
main.ficha.ab .ab-card { position: sticky; top: 156px; z-index: 2; }
.fc2 form, .fc2 form > * { min-width: 0; max-width: 100%; box-sizing: border-box; }
.fc2-otros { border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; }
.fc2-otros .co-todos { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 10px; cursor: pointer; }
.fc2-otros .co-todos input { width: 18px; height: 18px; flex: none; margin: 1px 0 0; accent-color: #3498db; }
.fc2-otros .co-todos span { font: 700 12.5px/1.35 Inter, sans-serif; letter-spacing: .02em; color: #333; }
main.ficha.ab .ab-card { position: static; }   /* la tarjeta ya no flota (tapaba el formulario); al bajar aparece el zócalo de reserva */
.fc2 .fc2-vias { gap: 10px; } .fc2 .fc2-vias label { min-width: 0; padding: 11px 8px; gap: 6px; font-size: 13px; } .fc2 .fc2-vias input { margin: 0 2px 0 0; width: 18px; height: 18px; } .fc2 .fc2-vias b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fc2 .fc2-fila { grid-template-columns: minmax(0, 1fr) 104px; } .fc2 .fc2-caja input { font-size: 12px; letter-spacing: -.02em; } .fc2 .fc2-step button { width: 30px; } .fc2 .fc2-step output { width: 42px; }
main.ficha.ab .bloque-video figcaption { display: none; }   /* sin el epígrafe debajo del video (Hernán 9/10/2026) */
main.ficha.ab #opiniones.op-ancho { padding: 40px 0 48px; border-top: 1px solid var(--ab-linea); margin-top: 8px; }
main.ficha.ab #opiniones.op-ancho .rc-ant { left: -14px; } main.ficha.ab #opiniones.op-ancho .rc-sig { right: -14px; }
main.ficha.ab #ubicacion.ub-ancho { padding: 40px 0 48px; border-top: 1px solid var(--ab-linea); }
main.ficha.ab #ubicacion.ub-ancho .ficha-mapa { height: 480px; border-radius: 12px; }
/* Botón y tilde de envío más prolijos (Hernán 9/10/2026). */
.fc2-enviar { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 14px; border-radius: 12px; text-transform: none; letter-spacing: 0;
    font: 600 16px Inter, sans-serif; background: linear-gradient(-45deg, #2866cc, #29b7c9, #2866cc, #29b7c9); background-size: 300% 300%; box-shadow: 0 6px 16px rgba(40,102,204,.25); transition: transform .15s, box-shadow .15s; }
@media (prefers-reduced-motion: no-preference) { .fc2-enviar { animation: cab-grad 14s ease infinite; } }
.fc2-enviar:hover { background: linear-gradient(-45deg, #2866cc, #29b7c9, #2866cc, #29b7c9); background-size: 300% 300%; transform: translateY(-1px); box-shadow: 0 10px 22px rgba(40,102,204,.3); }
.fc2-otros .co-todos { padding: 12px 12px; border: 1px solid #e3e8ee; border-radius: 12px; background: #f7f9fc; gap: 12px !important; align-items: center !important; }
.fc2-otros .co-todos input { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; border: 1.5px solid #b9c3cf; border-radius: 6px; background: #fff; display: grid; place-items: center; cursor: pointer; margin: 0; transition: background .15s, border-color .15s; }
.fc2-otros .co-todos input:checked { background: #2866cc; border-color: #2866cc; }
.fc2-otros .co-todos input:checked::after { content: ""; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: translateY(-1px) rotate(45deg); }
.fc2-otros .co-todos span { display: flex; flex-direction: column; gap: 2px; font: 400 13px/1.3 Inter, sans-serif !important; letter-spacing: 0 !important; color: #374151 !important; }
.fc2-otros .co-todos span b { font-weight: 600; color: #1f2933; }
.fc2-otros .co-todos span small { font-size: 12px; color: #7a8492; }
.fc2-otros .co-todos span small, .fc2-otros .co-todos span b { text-transform: none !important; letter-spacing: 0 !important; }
.ab-card-precio .fp-unidad, .ficha-precio .fp-unidad { margin-left: 6px; }   /* aire entre el monto y "por noche" (Hernán 9/10/2026) */
.ab-card-precio .fp-desde { margin-right: 6px; }
/* Tilde como el original de interpatagonia.com: casilla del navegador en su celeste #0092db (Hernán 9/10/2026). */
.fc2-otros .co-todos input { appearance: auto !important; -webkit-appearance: checkbox !important; width: 17px !important; height: 17px !important; border: 0 !important; background: none !important; accent-color: #0092db; display: inline-block !important; }
.fc2-otros .co-todos input:checked::after { content: none !important; }
.fc2-otros .co-todos { background: #fff; border-color: #e6eaef; }
/* "Ver disponibilidad" del zócalo con el mismo degradé celeste de los demás botones (Hernán 9/10/2026). */
.zoc-btn { background: linear-gradient(-45deg, #2866cc, #29b7c9, #2866cc, #29b7c9); background-size: 300% 300%; color: #fff; box-shadow: 0 4px 12px rgba(40,102,204,.25); }
@media (prefers-reduced-motion: no-preference) { .zoc-btn { animation: cab-grad 14s ease infinite; } }
.zoc-btn:hover { background: linear-gradient(-45deg, #2866cc, #29b7c9, #2866cc, #29b7c9); background-size: 300% 300%; filter: brightness(1.05); }
.ab-volver { display: inline-flex; align-items: center; gap: 4px; margin: 20px 0 -8px; padding: 6px 12px 6px 6px; border-radius: 999px; font: 500 14px Inter, sans-serif; color: #222; transition: background .15s; }
.ab-volver:hover { background: #f2f2f2; }
main.ficha.ab .ab-claves { font-size: 15px; letter-spacing: -.01em; }   /* los datos clave en un solo renglón (Hernán 9/10/2026) */
/* Botones más lavados en la prueba Airbnb (Hernán 9/10/2026): mismo degradé en tonos más claros. */
main.ficha.ab .fc2-enviar, main.ficha.ab .fc2-enviar:hover, .zoc-btn, .zoc-btn:hover { background: linear-gradient(-45deg, #6d9be3, #72cfdc, #6d9be3, #72cfdc); background-size: 300% 300%; box-shadow: 0 4px 12px rgba(109,155,227,.22); }
/* "Volver al listado" en el margen izquierdo, a la altura del título (Hernán 10/10/2026); en pantallas angostas, arriba del título. */
main.ficha.ab .ficha-cab { position: relative; }
@media (min-width: 1380px) {
    main.ficha.ab .ab-volver { position: absolute; right: calc(100% + 28px); top: 50%; transform: translateY(-50%); margin: 0; white-space: nowrap; }
}
@media (max-width: 1379px) { main.ficha.ab .ficha-cab { flex-wrap: wrap; } main.ficha.ab .ab-volver { flex-basis: 100%; width: max-content; flex-grow: 0; margin: 0 0 4px -6px; } }
@media (max-width: 1379px) { main.ficha.ab .ficha-cab { flex-wrap: nowrap; margin-top: 56px; } main.ficha.ab .ab-volver { position: absolute; left: -6px; top: -40px; margin: 0; flex-basis: auto; width: auto; } }
/* Todo más arriba para que el mosaico entre entero en la pantalla, y "Volver al listado" en gris suave (Hernán 10/10/2026). */
main.ficha.ab .ficha-cab { margin: 14px 0 12px; }
main.ficha.ab .ficha-cab h1 { font-size: 24px; line-height: 28px; }
main.ficha.ab .ab-mosaico { height: clamp(300px, calc(100vh - 230px), 476px) !important; margin-bottom: 32px; }
main.ficha.ab .ab-volver { color: #8a929c; font-weight: 400; }
main.ficha.ab .ab-volver:hover { color: #222; }
@media (max-width: 1379px) { main.ficha.ab .ficha-cab { margin-top: 44px; } main.ficha.ab .ab-volver { top: -34px; } }
/* "Volver al listado" (margen izquierdo) y "Compartir / Guardar" (margen derecho) flotantes a la altura del título (Hernán 10/10/2026);
   al bajar, cuando aparece el menú de secciones, se corren debajo de él. */
@media (min-width: 1380px) {
    main.ficha.ab .ab-volver { position: fixed; top: 136px; left: max(16px, calc((100vw - 1120px) / 2 - 176px)); right: auto; transform: none; z-index: 60; background: rgba(255,255,255,.92); transition: top .2s; }
    main.ficha.ab .ab-acciones { position: fixed; top: 132px; right: max(16px, calc((100vw - 1120px) / 2 - 176px)); z-index: 60; flex-direction: column; align-items: flex-start; gap: 2px; margin: 0;
        background: rgba(255,255,255,.92); border-radius: 12px; transition: top .2s; }
    body:has(.ab-nav.ver) main.ficha.ab .ab-volver { top: 202px; }
    body:has(.ab-nav.ver) main.ficha.ab .ab-acciones { top: 198px; }
}
/* Menú de la ciudad en las fichas (como el vivo, 10/10/2026). */
.menu-ciudad { background: #fff; border-bottom: 1px solid #e6eaef; }
.mc-in { list-style: none; margin: 0 auto; padding: 0 20px; max-width: 1180px; display: flex; align-items: center; gap: 4px; height: 56px; }
.mc-in > li { position: relative; flex: none; }
.mc-in > li > a { display: flex; align-items: center; gap: 8px; padding: 8px 12px; font: 400 16px Inter, sans-serif; color: #3a4048; white-space: nowrap; border-radius: 8px; }
.mc-in > li > a:hover { color: #0183c3; background: #f6f8fa; }
.mc-in > li.mc-desp > a::after { content: ""; width: 7px; height: 7px; border: solid #0183c3; border-width: 0 2px 2px 0; transform: translateY(-3px) rotate(45deg); margin-left: 4px; }
.mc-in > li > ul { list-style: none; margin: 0; padding: 8px 0; position: absolute; left: 0; top: 100%; min-width: 240px; background: #fff; border-radius: 10px; box-shadow: 0 10px 28px rgba(16,24,40,.16); display: none; z-index: 90; max-height: 70vh; overflow-y: auto; }
.mc-in > li.mc-mas > ul { left: auto; right: 0; }
.mc-in > li:hover > ul, .mc-in > li:focus-within > ul { display: block; }
.mc-in > li > ul a { display: block; padding: 8px 18px; font: 400 15px Inter, sans-serif; color: #3a4048; white-space: nowrap; }
.mc-in > li > ul a:hover { background: #f3f6f9; color: #0183c3; }
@media (max-width: 900px) { .mc-in { overflow-x: auto; height: 50px; } .mc-in > li > ul { position: fixed; top: auto; } }
/* Un poco más de tono en los botones (Hernán 10/10/2026): entre el original y el lavado. */
main.ficha.ab .fc2-enviar, main.ficha.ab .fc2-enviar:hover, .zoc-btn, .zoc-btn:hover { background: linear-gradient(-45deg, #3f78d6, #3fbcd0, #3f78d6, #3fbcd0); background-size: 300% 300%; box-shadow: 0 5px 14px rgba(63,120,214,.28); }
/* Sin el destello de la ficha anterior (Hernán 10/10/2026): la ficha de prueba queda oculta hasta que portal.js la arma (.ab);
   si el JS no corriera, aparece igual a los 2,5 s. Lo mismo con la barra general de secciones en las fichas, que se reemplaza por el menú de la ciudad. */
main.ficha:not(.ab):has(.migas a[href$="/serviciosturisticos.html"]), main.ficha:not(.ab):has(.migas a[href$="/alojamientos.html"], .migas a[href$="/alojamientos_i.html"], .migas a[href$="/alojamientos_p.html"], .migas a[href$="/lodging.html"], .migas a[href$="/alojamentos.html"]) { visibility: hidden; animation: ficha-aparece 0s 2.5s forwards; }
body:has(main.ficha) .cab .cab-sub { visibility: hidden; animation: ficha-aparece 0s 2.5s forwards; }
@keyframes ficha-aparece { to { visibility: visible; } }
.ab-anfitrion { margin-left: auto; display: flex; align-items: center; gap: 10px; padding: 6px 12px 6px 6px; border-radius: 999px; color: #222; }
.ab-anfitrion:hover { background: #f6f8fa; }
.ab-anfitrion img, .ab-av { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; }
.ab-av { display: grid; place-items: center; background: #2f343b; color: #fff; font: 600 17px Inter, sans-serif; }
.ab-anf-t { display: flex; flex-direction: column; line-height: 1.15; }
.ab-anf-t small { font: 400 12px Inter, sans-serif; color: #6b7480; }
.ab-anf-t b { font: 600 15px Inter, sans-serif; }
.ab-nav-in { max-width: 1120px; }
/* Anfitrión en un solo renglón (Hernán 10/10) */
.ab-anf-t { flex-direction: row; align-items: baseline; gap: 5px; white-space: nowrap; }
.ab-anf-t small { font-size: 14px; }
.ab-anfitrion img, .ab-av { width: 32px; height: 32px; }
.ab-av { font-size: 14px; }

/* Sin el título "Video": ya se ve que es un video (Hernán 10/10) */
.bloque-video > h2 { display: none; }

/* Anfitrión: sin la raya negra de hover del menú de secciones (Hernán 10/10) */
.ab-nav a.ab-anfitrion, .ab-nav a.ab-anfitrion:hover { border-bottom: 0; padding: 6px 12px 6px 6px; box-shadow: none; outline: 0; }

/* Ventana "Consultas múltiples" de las tarjetas (Hernán 10/10/2026): como la del sitio viejo, formulario a la izquierda y lista a la derecha. */
html.cm-abierta { overflow: hidden; }
.cm-fondo { position: fixed; inset: 0; z-index: 2000; background: rgba(13,22,36,.55); display: flex; align-items: center; justify-content: center; padding: 16px; animation: cm-in .15s ease-out; }
@keyframes cm-in { from { opacity: 0; } }
.cm-vent { position: relative; background: #fff; border-radius: 16px; box-shadow: 0 24px 60px rgba(0,0,0,.3); width: min(980px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; }
.cm-x { position: absolute; top: 10px; right: 12px; z-index: 2; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f1f3f6; color: #333; font: 400 24px/1 Inter, sans-serif; cursor: pointer; }
.cm-x:hover { background: #e4e8ee; }
.cm-cuerpo { padding: 28px 30px 26px; }
.cm-cargando { height: 260px; background: radial-gradient(circle, #2866cc 0 4px, transparent 5px) center/24px 24px no-repeat; opacity: .5; }
.cm-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 34px; align-items: start; }
.cm-form.cm-sola { grid-template-columns: minmax(0, 460px); justify-content: center; }
.cm-izq { display: flex; flex-direction: column; gap: 12px; }
.cm-tit { margin: 0 40px 4px 0; font: 400 19px/1.3 Inter, sans-serif; color: #222; }
.cm-tit b { font-weight: 700; }
.cm-ya { margin: 0; padding: 10px 12px; border-radius: 8px; background: #fdecec; color: #b42318; font-size: 14px; }
.cm-trampa { position: absolute !important; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.cm-izq input[type=text], .cm-izq input[type=email], .cm-izq input[type=tel], .cm-izq textarea, .cm-tel { width: 100%; box-sizing: border-box; border: 1px solid #d5dbe3; border-radius: 10px; padding: 12px 14px; font: 400 15px Inter, sans-serif; color: #222; background: #fff; }
.cm-izq textarea { resize: vertical; min-height: 92px; }
.cm-izq input:focus, .cm-izq textarea:focus, .cm-tel:focus-within { outline: 0; border-color: #2866cc; box-shadow: 0 0 0 3px rgba(40,102,204,.15); }
.cm-izq .cm-mal { border-color: #d92d20 !important; }
.cm-radios { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cm-r { display: flex; align-items: center; gap: 8px; border: 1px solid #d5dbe3; border-radius: 10px; padding: 10px 12px; cursor: pointer; font: 600 14px Inter, sans-serif; color: #222; }
.cm-r:has(input:checked) { border-color: #2866cc; background: #f3f7fd; }
.cm-r input { accent-color: #2866cc; width: 16px; height: 16px; margin: 0; }
.cm-tel { display: flex; align-items: center; gap: 8px; padding: 0 0 0 12px; }
.cm-tel .cm-bandera { width: 22px; height: 16px; object-fit: cover; border-radius: 2px; flex: none; }
.cm-tel select { border: 0; background: transparent; font: 500 14px Inter, sans-serif; color: #2866cc; padding: 12px 0; cursor: pointer; }
.cm-tel select:focus { outline: 0; }
.cm-izq .cm-tel input { border: 0; box-shadow: none; padding-left: 4px; }
.cm-fila { display: grid; grid-template-columns: minmax(0, 1fr) 132px; gap: 12px; }
.cm-fila label { display: block; margin: 0 0 6px; font: 500 13px Inter, sans-serif; color: #555; text-align: center; }
.cm-fcaja { display: flex; align-items: center; gap: 4px; border: 1px solid #d5dbe3; border-radius: 10px; padding: 0 8px; height: 46px; }
.cm-fcaja input { flex: 1; min-width: 0; border: 0; font: 400 13px Inter, sans-serif; color: #222; background: transparent; padding: 0; }
.cm-fcaja input:focus { outline: 0; }
.cm-fcaja span { color: #888; }
.cm-count { display: flex; align-items: center; border: 1px solid #d5dbe3; border-radius: 10px; height: 46px; overflow: hidden; }
.cm-count button { width: 40px; height: 100%; border: 0; background: #f1f3f6; font: 500 18px Inter, sans-serif; color: #333; cursor: pointer; }
.cm-count button:hover { background: #e4e8ee; }
.cm-count input { flex: 1; min-width: 0; border: 0; text-align: center; font: 600 15px Inter, sans-serif; -moz-appearance: textfield; }
.cm-count input::-webkit-inner-spin-button, .cm-count input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.cm-flex { display: flex; align-items: center; gap: 8px; font: 400 14px Inter, sans-serif; color: #444; cursor: pointer; }
.cm-flex input, .cm-lista input { accent-color: #2866cc; width: 16px; height: 16px; margin: 0; flex: none; }
.cm-error { margin: 0; color: #d92d20; font: 500 14px Inter, sans-serif; }
.cm-enviar { border: 0; border-radius: 10px; padding: 14px; font: 700 15px Inter, sans-serif; color: #fff; cursor: pointer; background: linear-gradient(90deg, #2866cc, #29b7c9); }
.cm-enviar:hover { filter: brightness(1.06); }
.cm-enviar:disabled { opacity: .65; cursor: wait; }
.cm-der { border-left: 1px solid #eceff3; padding-left: 30px; }
.cm-intro { margin: 2px 30px 14px 0; font: 400 15px/1.45 Inter, sans-serif; color: #333; }
.cm-lista { display: flex; flex-direction: column; gap: 9px; max-height: min(52vh, 430px); overflow-y: auto; padding-right: 6px; scrollbar-width: thin; }
.cm-lista label { display: flex; align-items: baseline; gap: 8px; font: 500 14px/1.35 Inter, sans-serif; color: #222; cursor: pointer; }
.cm-lista label input { position: relative; top: 2px; }
.cm-lista .cm-n { flex: 1; min-width: 0; }
.cm-lista .cm-n span { font-weight: 400; color: #8a929c; }
.cm-sel { display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap; }
.cm-sel button { border: 1px solid #d5dbe3; border-radius: 8px; background: #fff; padding: 8px 12px; font: 600 12px Inter, sans-serif; letter-spacing: .03em; text-transform: uppercase; color: #333; cursor: pointer; }
.cm-sel button:hover { background: #f3f7fd; border-color: #2866cc; color: #2866cc; }
.cm-listo { text-align: center; padding: 40px 10px 20px; }
.cm-listo svg { fill: none; stroke: #2e9e5b; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cm-listo p { font: 500 18px/1.45 Inter, sans-serif; color: #222; margin: 14px auto 22px; max-width: 520px; }
.cm-cerrar { border: 1px solid #d5dbe3; border-radius: 10px; background: #fff; padding: 10px 22px; font: 600 14px Inter, sans-serif; cursor: pointer; }
@media (max-width: 760px) {
    .cm-fondo { padding: 0; align-items: stretch; }
    .cm-vent { border-radius: 0; max-height: none; height: 100%; }
    .cm-cuerpo { padding: 22px 16px; }
    .cm-form { grid-template-columns: 1fr; gap: 24px; }
    .cm-der { border-left: 0; border-top: 1px solid #eceff3; padding: 20px 0 0; }
    .cm-lista { max-height: none; }
}
/* Tildes de la ventana como los del sitio viejo: más chicos, azul #0092db (Hernán 10/10) */
.cm-flex input, .cm-lista input { accent-color: #0092db; width: 14px; height: 14px; }
.cm-lista label input { top: 1px; }
/* Mapa de "Ver ubicación" en la tarjeta: sin leyenda (solo la "i") y el corazón por encima del mapa, sin recortar (Hernán 10/10) */
.ta-mapa-ubic .mapa-i { position: absolute; left: 8px; bottom: 8px; right: auto; top: auto; z-index: 500; }
.tarj-aloj .ta-fotos:has(.ta-mapa-ubic.ver) .ta-fav { z-index: 6; }

/* Anfitrión sin el círculo con la inicial (Hernán 10/10) */
.ab-anfitrion .ab-av { display: none; }
.ab-nav a.ab-anfitrion, .ab-nav a.ab-anfitrion:hover { padding: 6px 12px; }
/* Ficha de prueba (Hernán 10/10): sin la tarjeta del motor a la derecha; zócalo siempre fijo con la tarifa; el motor abre en una ventana. */
main.ficha.ab .ab-card.ab-card-oculta { display: none; }
.zoc-tit.zoc-precio { font: 400 15px Inter, sans-serif; color: #1f2933; display: flex; flex-direction: column; line-height: 1.2; margin-right: 14px; }
.zoc-tit.zoc-precio b, .zoc-tit.zoc-precio strong { font: 700 20px Inter, sans-serif; color: #1f2933; }
.zoc-tit.zoc-precio .fp-desde { color: #6b7480; margin-right: 3px; }
.zoc-tit.zoc-precio .fp-nota { font-size: 12px; color: #6b7480; margin-top: 2px; }
.zoc-dlg { width: min(760px, calc(100vw - 24px)); max-height: calc(100vh - 40px); padding: 44px 20px 20px; border: 0; border-radius: 16px; box-shadow: 0 24px 60px rgba(0,0,0,.3); overflow-y: auto; }
.zoc-dlg::backdrop { background: rgba(13,22,36,.55); }
.zoc-dlg-x { position: absolute; top: 8px; right: 10px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f1f3f6; font: 400 22px/1 Inter, sans-serif; cursor: pointer; }
.zoc-dlg .ficha-reservar { position: static !important; padding: 0 !important; margin: 0 !important; background: none !important; }
.zoc-dlg iframe { width: 100%; }
/* Tarifa del zócalo como en la tarjeta: "Desde US$ 100 por noche" en un renglón y "Varía según fechas" debajo (Hernán 10/10) */
.zoc-tit.zoc-precio { display: block; white-space: nowrap; font: 400 16px Inter, sans-serif; color: #6b7480; }
.zoc-tit.zoc-precio .fp-desde { margin-right: 4px; color: #6b7480; }
.zoc-tit.zoc-precio strong, .zoc-tit.zoc-precio b { font: 700 24px Inter, sans-serif; color: #1f2933; margin-right: 4px; }
.zoc-tit.zoc-precio .fp-unidad { color: #6b7480; }
.zoc-tit.zoc-precio .fp-nota { display: block; font-size: 13px; color: #6b7480; margin-top: 2px; }

/* Selector de viajeros (Adultos / Niños / Bebés) como el del motor (Hernán 10/10/2026) */
.vj { position: relative; }
.vj-btn { width: 100%; height: 50px; box-sizing: border-box; border: 1px solid #d9dde3; border-radius: 12px; background: #fff; padding: 0 36px 0 14px; text-align: left; font: 400 15px Inter, sans-serif; color: #222; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7480' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; }
.vj-btn:hover, .vj-btn[aria-expanded="true"] { border-color: #2866cc; }
.vj-panel { position: absolute; z-index: 1200; top: calc(100% + 6px); left: 0; width: 340px; max-width: calc(100vw - 24px); box-sizing: border-box; background: #fff; border-radius: 16px; box-shadow: 0 10px 34px rgba(16,24,40,.2); padding: 6px 20px 14px; text-align: left; }
.vj.vj-arriba .vj-panel { top: auto; bottom: calc(100% + 6px); }
.vj-fila { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 0; border-bottom: 1px solid #eceff3; }
.vj-fila b { display: block; font: 700 16px Inter, sans-serif; color: #1c2233; }
.vj-fila small { display: block; font: 400 13px Inter, sans-serif; color: #5d6b82; margin-top: 3px; text-transform: none; letter-spacing: 0; }
.vj-step { display: flex; align-items: center; gap: 12px; flex: none; }
.vj-step button { width: 34px; height: 34px; border-radius: 50%; border: 1px solid #8a94a6; background: #fff; color: #3c4a63; font: 400 18px/1 Inter, sans-serif; cursor: pointer; display: grid; place-items: center; padding: 0; }
.vj-step button:hover:not(:disabled) { border-color: #1c2233; color: #1c2233; }
.vj-step button:disabled { border-color: #e1e5ea; color: #c8ced6; cursor: not-allowed; }
.vj-step output { min-width: 16px; text-align: center; font: 600 16px Inter, sans-serif; color: #1c2233; }
.vj-nota { margin: 12px 0 0; font: 400 13px/1.45 Inter, sans-serif; color: #5d6b82; text-transform: none; letter-spacing: 0; }
/* En el formulario de la ficha: fechas a todo el ancho y huéspedes debajo (se veía apretado) */
.fc2 .fc2-fila, .fc2-fila { grid-template-columns: 1fr; gap: 14px; }
.fc2 .fc2-fila > div > span { text-align: left; margin-bottom: 8px; }
.fc2 .fc2-caja { padding: 0 14px; gap: 8px; }
.fc2 .fc2-caja input { font-size: 15px; letter-spacing: 0; }
.fc2 .fc2-caja em { padding: 0 2px; }
/* En el zócalo */
.zoc-vj { position: relative; }
.zoc-vj .vj-btn { height: auto; border: 0; padding: 0 22px 0 0; background-color: transparent; font: 400 15px Inter, sans-serif; color: #1f2933; background-position: right 0 center; }
.zoc-vj .vj-panel { left: -14px; }
/* En la ventana de Consultas múltiples */
.cm-fila { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.cm-hues .vj-btn { height: 46px; border-color: #d5dbe3; border-radius: 10px; font-size: 14px; }
.cm-hues .vj-panel { left: auto; right: 0; }
/* "Dispongo de fechas flexibles para mi viaje" en un solo renglón (Hernán 10/10) */
.fc2 .fc2-flex, .fc2-flex { font-size: 13px; white-space: nowrap; letter-spacing: -.01em; }
.fc2 .vj-panel { left: auto; right: 0; }
/* Ventana de Consultas múltiples: fechas a todo el ancho, huéspedes debajo y el panel de viajeros abierto dentro de la ventana (no se corta) */
.cm-fila { grid-template-columns: 1fr; gap: 12px; }
.cm-fila label { text-align: left; }
.cm-fcaja { padding: 0 14px; gap: 10px; }
.cm-fcaja input { font-size: 14px; }
.cm-hues .vj-panel, .cm-hues .vj.vj-arriba .vj-panel { position: static; width: 100%; max-width: none; margin-top: 8px; box-shadow: none; border: 1px solid #e3e7ec; }
.cm-hues .vj-fila { padding: 12px 0; }

/* Puntos de interés del mapa de la ficha (Hernán 10/10/2026): aparecen al pasar el cursor, como en Google Maps */
.pdi { opacity: 0; transition: opacity .25s; pointer-events: none; }
.pdi-ver .pdi { opacity: 1; pointer-events: auto; }
.pdi-ic { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,.35); box-sizing: border-box; }
.pdi-nom { position: absolute; left: 26px; top: 50%; transform: translateY(-50%); white-space: nowrap; font: 600 11.5px Inter, sans-serif;
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff; pointer-events: none; }
.pdi-tip { font: 500 12px Inter, sans-serif; padding: 3px 8px; border-radius: 6px; }

/* Menú de la ciudad oculto al bajar dentro de la ficha (Hernán 10/10/2026) */
body.mc-oculto .menu-ciudad { display: none; }
body.mc-oculto { --h-cab: var(--h-barra); }
/* Puntos de interés siempre visibles; detalle al pasar el cursor (Hernán 10/10/2026) */
.pdi, .pdi-ver .pdi { opacity: 1; pointer-events: auto; cursor: pointer; }
.pdi-ic { transition: transform .15s; }
.pdi:hover .pdi-ic { transform: scale(1.18); }
.leaflet-tooltip.pdi-tip { padding: 10px 14px; border: 0; border-radius: 10px; box-shadow: 0 6px 20px rgba(16,24,40,.22); font: 400 13px/1.35 Inter, sans-serif; color: #222; white-space: nowrap; }
.pdi-tip b { display: block; font: 600 14px Inter, sans-serif; color: #1c2233; }
.pdi-tip .pdi-sub { display: block; font: 500 12.5px Inter, sans-serif; margin-top: 2px; }
.pdi-tip .pdi-dist { display: block; font-size: 12.5px; color: #6b7480; margin-top: 2px; }

/* Fichas: sin el menú de la ciudad (también antes de que corra el JS, sin destello) */
body:has(main.ficha) .menu-ciudad { display: none; }
body:has(main.ficha) { --h-cab: var(--h-barra); }
/* Video de la ficha "flotante": sin la raya oscura del borde (el video se agranda apenas para cubrir el recuadro) y con sombra (Hernán 10/10) */
.bloque-video .video-vimeo { background: #fff; border-radius: 16px; box-shadow: 0 22px 48px rgba(16,24,40,.22), 0 6px 16px rgba(16,24,40,.12); isolation: isolate; }
.bloque-video .video-vimeo iframe { transform: scale(1.025); transform-origin: center; }
.bloque-video .video-vimeo img { opacity: 1; }
.bloque-video { padding-bottom: 28px; overflow: visible; }
/* "Qué ofrece este lugar" a todo el ancho, tres columnas (Hernán 10/10/2026) */
main.ficha.ab .ficha-servicios.pr-ancho { padding: 40px 0 44px; border-top: 1px solid var(--ab-linea); margin-top: 8px; }
main.ficha.ab .ficha-servicios.pr-ancho .pr-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { main.ficha.ab .ficha-servicios.pr-ancho .pr-lista { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { main.ficha.ab .ficha-servicios.pr-ancho .pr-lista { grid-template-columns: 1fr; } }

/* Sin la raya de abajo del video (quedaba doble con la de las prestaciones a todo el ancho) */
main.ficha.ab .ficha-main > .bloque:last-child, main.ficha.ab .bloque-video { border-bottom: 0; }
/* La misma sombra "flotante" del video en el mosaico de fotos y en el mapa (Hernán 10/10/2026) */
main.ficha.ab .ab-mosaico, main.ficha.ab .ficha-mapa, main.ficha .ficha-mapa { border-radius: 16px; box-shadow: 0 22px 48px rgba(16,24,40,.22), 0 6px 16px rgba(16,24,40,.12); }
main.ficha.ab #ubicacion.ub-ancho .ficha-mapa { border-radius: 16px; }
main.ficha.ab .ab-mosaico { margin-bottom: 12px; }

/* Zócalo sin tarifa (Southern Living): título más chico para que los campos tengan lugar */
.zoc-tit:not(.zoc-precio) { font-size: 17px; }

/* Carrusel automático de fotos en fichas sin video (Hernán 10/10/2026), con la misma sombra flotante */
main.ficha.ab .ab-carr-sec { border: 0; padding: 28px 0 30px; }
.ab-carr { position: relative; aspect-ratio: 16 / 10; border-radius: 16px; overflow: hidden; background: #e9edf2; cursor: pointer; isolation: isolate;
    box-shadow: 0 22px 48px rgba(16,24,40,.22), 0 6px 16px rgba(16,24,40,.12); }
.ab-carr img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1); transition: opacity 1s ease, transform 5.5s ease-out; }
.ab-carr img.on { opacity: 1; transform: scale(1.06); }
@media (prefers-reduced-motion: reduce) { .ab-carr img, .ab-carr img.on { transition: opacity .3s; transform: none; } }
.ab-carr-ant, .ab-carr-sig { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(255,255,255,.92); color: #222; display: grid; place-items: center; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.18); opacity: 0; transition: opacity .2s; }
.ab-carr-ant { left: 14px; } .ab-carr-sig { right: 14px; }
.ab-carr:hover .ab-carr-ant, .ab-carr:hover .ab-carr-sig, .ab-carr-ant:focus-visible, .ab-carr-sig:focus-visible { opacity: 1; }
.ab-carr-pts { position: absolute; left: 0; right: 0; bottom: 14px; z-index: 2; display: flex; justify-content: center; gap: 6px; }
.ab-carr-pts button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.6); cursor: pointer; }
.ab-carr-pts button.on { background: #fff; transform: scale(1.25); }

/* Fechas del zócalo enteras aunque la tarifa sea larga ($ 90.000) */
.zoc-c input[type=date] { font-size: 14px; letter-spacing: -.01em; min-width: 118px; }
.zoc-in { gap: 12px; }

/* Con el menú de secciones a la vista: Volver y Compartir/Guardar justo debajo de él (Hernán 10/10; antes quedaban bajos porque contaban el menú de la ciudad, que ya no va en la ficha) */
@media (min-width: 1380px) {
    body:has(.ab-nav.ver) main.ficha.ab .ab-volver { top: calc(var(--h-cab) + 79px); }
    body:has(.ab-nav.ver) main.ficha.ab .ab-acciones { top: calc(var(--h-cab) + 75px); }
}

/* Zócalo sin motor: al empezar a cargarlo sube y muestra el resto del formulario (Hernán 10/10/2026) */
.zoc-form { display: none; position: relative; max-width: 1240px; margin: 0 auto; padding: 16px 20px 4px; box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) auto minmax(0, 1.2fr); gap: 10px 12px; align-items: center; }
.zoc-rsv.zoc-abierto .zoc-form { display: grid; animation: zoc-sube .25s ease-out; }
@keyframes zoc-sube { from { opacity: 0; transform: translateY(12px); } }
.zoc-form > input, .zoc-form textarea, .zoc-tel { height: 46px; box-sizing: border-box; border: 1px solid #cfd6de; border-radius: 12px; background: #fff; padding: 0 14px; font: 400 15px Inter, sans-serif; color: #1f2933; width: 100%; }
.zoc-form textarea { grid-column: 1 / 4; padding: 12px 14px; resize: none; line-height: 1.3; }
.zoc-form input:focus, .zoc-form textarea:focus, .zoc-tel:focus-within { outline: 0; border-color: #2866cc; box-shadow: 0 0 0 3px rgba(40,102,204,.15); }
.zoc-form .zoc-mal { border-color: #d92d20 !important; }
.zoc-vias { display: flex; gap: 6px; }
.zoc-vias label { display: flex; align-items: center; gap: 6px; height: 46px; padding: 0 12px; border: 1px solid #cfd6de; border-radius: 12px; background: #fff; font: 600 13.5px Inter, sans-serif; color: #1f2933; cursor: pointer; white-space: nowrap; }
.zoc-vias label.on { border-color: #2866cc; background: #f3f7fd; }
.zoc-vias input { accent-color: #2866cc; margin: 0; }
.zoc-tel { display: flex; align-items: center; gap: 6px; padding: 0 0 0 12px; }
.zoc-tel img { width: 20px; height: 14px; object-fit: cover; border-radius: 2px; flex: none; }
.zoc-tel select { border: 0; background: transparent; font: 500 14px Inter, sans-serif; color: #2866cc; cursor: pointer; padding: 0; }
.zoc-tel select:focus { outline: 0; }
.zoc-tel input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; font: 400 15px Inter, sans-serif; color: #1f2933; padding: 0 8px; }
.zoc-tel input:focus { outline: 0; }
.zoc-flex { display: flex; align-items: center; gap: 8px; font: 400 13.5px Inter, sans-serif; color: #444; white-space: nowrap; cursor: pointer; }
.zoc-flex input { accent-color: #0092db; width: 15px; height: 15px; margin: 0; }
.zoc-error { grid-column: 1 / -1; margin: 0; color: #d92d20; font: 500 13.5px Inter, sans-serif; }
.zoc-form-x { position: absolute; top: -14px; right: 20px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #d5dbe2; background: #fff; color: #333; font: 400 20px/1 Inter, sans-serif; cursor: pointer; box-shadow: 0 2px 8px rgba(16,24,40,.12); }
.zoc-rsv.zoc-abierto { box-shadow: 0 -10px 30px rgba(16,24,40,.16); }
@media (max-width: 900px) { .zoc-form { grid-template-columns: 1fr 1fr; padding: 14px 12px 4px; } .zoc-form textarea { grid-column: 1 / -1; } .zoc-vias, .zoc-tel { grid-column: span 1; } }
/* Pin de los mapas: sombrita ovalada y suave en el piso, debajo de la punta (Hernán 10/10/2026) */
.pin-mapa::after { content: ""; position: absolute; left: 50%; bottom: -7px; width: 16px; height: 6px; margin-left: -8px; border-radius: 50%; z-index: -1;
    background: radial-gradient(ellipse at center, rgba(0,0,0,.32) 0%, rgba(0,0,0,.14) 45%, rgba(0,0,0,0) 72%); pointer-events: none; }
.pin-mapa span { box-shadow: 0 1px 3px rgba(0,0,0,.25); }

/* "Cómo llegar / Compartir ubicación" más abajo, despegados de la sombra del mapa (Hernán 10/10) */
main.ficha .ficha-mapa + .ubic-botones, main.ficha .ubic-botones { margin-top: 34px; }

/* Visor de fotos: fondo blanco y la foto con bordes redondeados y la misma sombra flotante del carrusel (Hernán 10/10/2026) */
.gal-visor, .gal-visor::backdrop { background: #fff; }
.gal-visor { color: #222; }
.gal-visor img { inset: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: calc(100% - 180px); max-height: calc(100% - 140px);
    object-fit: contain; border-radius: 16px; box-shadow: 0 22px 48px rgba(16,24,40,.22), 0 6px 16px rgba(16,24,40,.12); background: #fff; }
.gv-btn { background: #f1f3f6; color: #222; box-shadow: 0 2px 8px rgba(16,24,40,.12); }
.gv-btn:hover, .gv-btn:focus-visible { background: #e4e8ee; }
.gv-cuenta { color: #444; opacity: 1; }
@media (max-width: 760px) { .gal-visor img { max-width: calc(100% - 24px); max-height: calc(100% - 140px); border-radius: 12px; } }
/* Pin de la ficha: sombra en el piso difuminada (Hernán 10/10/2026) */
.pin-google { position: relative; }
.pin-google::after { content: ""; position: absolute; left: 50%; bottom: -3px; width: 26px; height: 9px; margin-left: -13px; border-radius: 50%; z-index: -1; pointer-events: none;
    background: radial-gradient(ellipse at center, rgba(0,0,0,.30) 0%, rgba(0,0,0,.14) 40%, rgba(0,0,0,0) 72%); filter: blur(1.5px); }
.pin-mapa::after { width: 22px; height: 8px; margin-left: -11px; filter: blur(1.2px); }
/* Barra abierta: casilla "más prestadores" al lado de fechas flexibles; sin "¿Preferís WhatsApp?" (ya eligió escribir) (Hernán 10/10/2026) */
.zoc-form .zoc-flex { grid-column: 4; }
.zoc-otros { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; cursor: pointer; }
.zoc-otros input { accent-color: #0092db; width: 17px; height: 17px; margin: 0; flex: none; }
.zoc-otros b { font: 600 14px Inter, sans-serif; color: #1f2933; margin-right: 8px; }
.zoc-otros small { font: 400 13px Inter, sans-serif; color: #6b7480; }
.zoc-rsv.zoc-abierto .zoc-wa { display: none; }
/* Puntitos del visor de fotos (Hernán 10/10/2026) */
.gv-pts { position: absolute; left: 0; right: 0; bottom: 34px; display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; padding: 0 80px; }
.gv-pts button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #c9d0d8; cursor: pointer; transition: transform .15s, background .15s; }
.gv-pts button:hover { background: #8a94a6; }
.gv-pts button.on { background: #2866cc; transform: scale(1.3); }
/* Barra abierta: la consulta a todo el ancho; "fechas flexibles" a la derecha de "más prestadores" (Hernán 10/10/2026) */
.zoc-form textarea { grid-column: 1 / -1; grid-row: 2; }
.zoc-form .zoc-otros { grid-column: 1 / 4; grid-row: 3; }
.zoc-form .zoc-flex { grid-column: 4; grid-row: 3; }
.zoc-form .zoc-error { grid-row: 4; }

/* Contador del visor ("9 / 11") en gris suave (Hernán 10/10/2026) */
.gv-cuenta { color: #9aa3ae; font: 500 13px Inter, sans-serif; letter-spacing: .04em; }

/* Menú de secciones: cada sección queda entera debajo de la barra y del menú fijos (Hernán 10/10/2026) */
main.ficha.ab #galeria, main.ficha.ab .ficha-servicios, main.ficha.ab #opiniones, main.ficha.ab #ubicacion { scroll-margin-top: calc(var(--h-cab, 72px) + 76px); }

/* "Ubicación" del menú: el mapa queda justo debajo del menú fijo (Hernán 10/10/2026) */
main.ficha.ab #ficha-mapa { scroll-margin-top: calc(var(--h-cab, 72px) + 72px); }

/* Menos espacio al final de la ficha, debajo de "Cómo llegar / Compartir ubicación" (Hernán 10/10/2026) */
main.ficha.ab #ubicacion.ub-ancho { padding-bottom: 20px; }
main.ficha.ab { padding-bottom: 0; }

/* Fichas sin motor ni formulario: la tarjeta muestra WhatsApp y Llamar (réplica a todo el portal, 10/10/2026) */
main.ficha.ab .ab-card.ab-card-contacto .ab-botones { display: grid !important; }
/* Fechas inválidas marcadas en rojo (norma 10/10/2026) */
.fecha-mal-caja, .zoc-c.fecha-mal-caja { border-color: #d92d20 !important; box-shadow: 0 0 0 3px rgba(217,45,32,.12) !important; }
input[type=date].fecha-mal { color: #d92d20 !important; }

/* WhatsApp como logo en la barra cuando no se sabe el nombre del anfitrión (Hernán 10/10/2026) */
.zoc-wa-ic { display: grid; place-items: center; width: 50px; height: 50px; flex: none; border-radius: 50%; background: #25d366; color: #fff !important; box-shadow: 0 4px 12px rgba(37,211,102,.35); margin-left: 4px; transition: transform .15s; }
.zoc-wa-ic:hover { transform: scale(1.06); }

/* Logo de WhatsApp de la barra más discreto: sin relleno verde ni sombra (Hernán 10/10/2026) */
.zoc-wa-ic { width: 44px; height: 44px; background: #fff; color: #25a35a !important; border: 1px solid #cfd6de; box-shadow: none; }
.zoc-wa-ic svg { width: 22px; height: 22px; }
.zoc-wa-ic:hover { transform: none; border-color: #25a35a; background: #f3fbf6; }

/* Punto activo del visor en gris oscuro, no azul (Hernán 10/10/2026) */
.gv-pts button.on { background: #4b5563; }

/* Calendario de fechas estilo Airbnb (Hernán 10/10/2026) */
input.rg-nativo { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none !important; }
.rg-val { border: 0; background: none; padding: 0; margin: 0; font: 400 15px Inter, sans-serif; color: #1f2933; text-align: left; cursor: pointer; white-space: nowrap; flex: 1; min-width: 0; }
.rg-val.rg-vacio { color: #8a929c; }
.zoc-c { cursor: pointer; position: relative; }
.zoc-c.rg-act, .rg-abierto .zoc-c.rg-act { border-color: #222 !important; box-shadow: 0 0 0 1px #222; background: #fff; }
.fc2-caja .rg-val, .cm-fcaja .rg-val { font-size: 15px; }
.rg-pop { position: fixed; z-index: 3000; background: #fff; border-radius: 24px; box-shadow: 0 8px 28px rgba(0,0,0,.18); padding: 26px 30px 18px; width: 690px; max-width: calc(100vw - 24px); box-sizing: border-box; font-family: Inter, sans-serif; color: #222; }
@media (max-width: 759px) { .rg-pop { width: 360px; padding: 20px 18px 14px; } }
.rg-cab { min-height: 48px; }
.rg-tit { margin: 0; font: 600 21px/1.25 Inter, sans-serif; }
.rg-sub { margin: 4px 0 0; font: 400 14px Inter, sans-serif; color: #6a6a6a; min-height: 18px; }
.rg-nav { position: relative; height: 0; }
.rg-ant, .rg-sig { position: absolute; top: 14px; width: 32px; height: 32px; border-radius: 50%; border: 0; background: none; display: grid; place-items: center; cursor: pointer; color: #222; }
.rg-ant { left: 0; } .rg-sig { right: 0; }
.rg-ant:hover:not(:disabled), .rg-sig:hover:not(:disabled) { background: #f2f2f2; }
.rg-ant:disabled, .rg-sig:disabled { color: #ddd; cursor: default; }
.rg-meses { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 40px; margin-top: 10px; }
.rg-mt { margin: 0 0 14px; text-align: center; font: 600 16px Inter, sans-serif; line-height: 46px; }
.rg-grid { display: grid; grid-template-columns: repeat(7, 1fr); row-gap: 2px; }
.rg-dn { text-align: center; font: 600 12px Inter, sans-serif; color: #717171; padding-bottom: 8px; }
.rg-d { position: relative; height: 44px; border: 0; padding: 0; background: none; cursor: pointer; font: 600 14px Inter, sans-serif; color: #222; }
.rg-d span { position: relative; z-index: 1; display: grid; place-items: center; width: 42px; height: 42px; margin: 0 auto; border-radius: 50%; border: 1.5px solid transparent; }
.rg-d:hover:not(:disabled) span { border-color: #222; }
.rg-d:disabled { color: #c8c8c8; text-decoration: line-through; cursor: default; font-weight: 400; }
.rg-d.rg-tramo::before { content: ""; position: absolute; inset: 1px 0; background: #f2f2f2; }
.rg-d.rg-ini.rg-tramo::before { left: 50%; } .rg-d.rg-fin.rg-tramo::before { right: 50%; }
.rg-d.rg-ini span, .rg-d.rg-fin span { background: #222; color: #fff; border-color: #222; }
.rg-pie { display: flex; justify-content: flex-end; align-items: center; gap: 14px; margin-top: 14px; }
.rg-borrar { border: 0; background: none; font: 600 14px Inter, sans-serif; color: #222; text-decoration: underline; padding: 8px 10px; border-radius: 8px; cursor: pointer; }
.rg-borrar:hover { background: #f7f7f7; }
.rg-cerrar { border: 0; background: #222; color: #fff; font: 600 14px Inter, sans-serif; padding: 10px 20px; border-radius: 8px; cursor: pointer; }
.rg-cerrar:hover { background: #000; }

main.ficha.ab .ab-claves { overflow: hidden; }
/* Calendario en grises en lugar de negro (Hernán 10/10/2026) */
.rg-d.rg-ini span, .rg-d.rg-fin span { background: #6b7480; border-color: #6b7480; color: #fff; }
.rg-d:hover:not(:disabled) span { border-color: #9aa3ae; }
.rg-d.rg-tramo::before { background: #f1f3f5; }
.rg-cerrar { background: #6b7480; }
.rg-cerrar:hover { background: #59616c; }
.rg-tit { color: #2f3640; }
.zoc-c.rg-act, .rg-abierto .zoc-c.rg-act { border-color: #8a94a0 !important; box-shadow: 0 0 0 1px #8a94a0; }

/* Promoción de la ficha más linda (Hernán 10/10/2026): tarjeta blanca flotante con la misma sombra suave, etiqueta en píldora con
   degradé cálido, una franja de color arriba y el texto respirado. */
main.ficha.ab .ficha-main section.ficha-promo { position: relative; background: #fff; border: 0; border-radius: 18px; padding: 30px 32px 26px; margin: 28px 0 32px !important; overflow: hidden; padding: 30px 32px 26px !important; background: #fff !important; border: 0 !important;
    box-shadow: 0 18px 40px rgba(16,24,40,.12), 0 4px 12px rgba(16,24,40,.06) !important; }
main.ficha.ab .ficha-main section.ficha-promo::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: linear-gradient(90deg, #f97316, #ef4444 55%, #ec4899); }
main.ficha.ab .ficha-main section.ficha-promo::after { content: ""; position: absolute; right: -60px; top: -60px; width: 200px; height: 200px; border-radius: 50%;
    background: radial-gradient(circle, rgba(249,115,22,.10), rgba(249,115,22,0) 70%); pointer-events: none; }
main.ficha.ab .ficha-main section.ficha-promo .ficha-promo-et { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px 5px 10px; border-radius: 999px; color: #fff;
    background: linear-gradient(90deg, #f97316, #ef4444); font: 700 11.5px Inter, sans-serif; letter-spacing: .08em; box-shadow: 0 4px 10px rgba(239,68,68,.25); }
main.ficha.ab .ficha-main section.ficha-promo .ficha-promo-et::before { content: "✦"; font-size: 11px; }
main.ficha.ab .ficha-main section.ficha-promo h2 { margin: 14px 0 12px; font: 700 23px/1.3 Manrope, Inter, sans-serif; color: #1f2933; letter-spacing: -.01em; }
main.ficha.ab .ficha-main section.ficha-promo p:not(.ficha-promo-et) { margin: 0 0 10px; font: 400 15.5px/1.65 Inter, sans-serif; color: #4b5563; }
main.ficha.ab .ficha-main section.ficha-promo p:last-child { margin-bottom: 0; }
@media (max-width: 640px) { main.ficha.ab .ficha-main section.ficha-promo { padding: 24px 20px 20px; } main.ficha.ab .ficha-main section.ficha-promo h2 { font-size: 20px; } }

main.ficha.ab .ficha-main section.ficha-promo .ficha-promo-et { color: #fff; margin: 0; }
/* "Enviar la misma consulta a más prestadores" de la barra en gris, sin negrita fuerte (Hernán 10/10/2026) */
.zoc-otros b { font-weight: 500; color: #6b7480; }

.zoc-wa-n { display: inline-flex; align-items: center; gap: 6px; vertical-align: middle; }
/* Reseñas que entran todas de una vez: fijas, centradas y del mismo ancho, sin flechas ni puntitos (Hernán 10/10/2026) */
.rc.rc-fija .rc-ant, .rc.rc-fija .rc-sig, .rc.rc-fija .rc-dots { display: none !important; }
.rc.rc-fija .rc-pista { transform: none !important; justify-content: center; }
/* Web del alojamiento en el menú de secciones (Hernán 10/10/2026) */
.ab-nav a.ab-web { display: inline-flex; align-items: center; gap: 7px; color: #2866cc; max-width: 340px; }
.ab-nav a.ab-web span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ab-nav a.ab-web:hover { border-bottom-color: #2866cc; }
/* Teléfono de la barra con el componente de país (el mismo de la derecha): se oculta nuestra bandera y selector */
.zoc-tel.zoc-tel-iti { padding: 0; }
.zoc-tel.zoc-tel-iti > img, .zoc-tel.zoc-tel-iti > select { display: none; }
.zoc-tel .iti { width: 100%; height: 100%; }
.zoc-tel .iti input { height: 100%; border: 0 !important; background: none; box-shadow: none !important; font: 400 15px Inter, sans-serif; }

/* "Web" del menú igual que las otras secciones: en negro y sin el globo (Hernán 10/10/2026) */
.ab-nav a.ab-web { color: #222; gap: 0; }
.ab-nav a.ab-web svg { display: none; }
.ab-nav a.ab-web:hover { border-bottom-color: #222; }

/* "¿Preferís WhatsApp? [logo] Consultale a Sergio" alineado en una misma línea (Hernán 10/10/2026) */
.zoc-wa:not(.zoc-wa-ic) { display: inline-flex; align-items: center; gap: 6px; line-height: 1; }
.zoc-wa .zoc-wa-n { display: inline-flex; align-items: center; gap: 5px; line-height: 1; vertical-align: baseline; }
.zoc-wa .zoc-wa-n svg { flex: none; position: relative; top: -1px; }

/* Tarjeta del mapa: la dirección no se pisa con "Verificado" */
.tarj-pop .ta-dir, .tarj-pop .ta-dire { padding-right: 0; }
.tarj-pop .ta-verif { position: static; float: right; margin: 0 0 4px 8px; }

/* Listados: el menú de la ciudad reemplaza la franja de secciones, sin destello mientras carga (Hernán 10/10/2026) */
body:has(.grilla-tarj, #mapa-caja) .cab .cab-sub { visibility: hidden; animation: ficha-aparece 0s 2.5s forwards; }

/* Menú de la ciudad más ancho, como el del sitio vivo: entran más secciones antes de "Más" */
.mc-in { max-width: 1400px; }

/* Tarjeta del mapa sin "Cómo llegar / Compartir ubicación" (Hernán 10/10/2026: ya se está viendo el mapa); en la ficha siguen */
.pop-flot .pop-ubic, .pop-flot .pop-ubic-dir, .tarj-pop .ubic-botones { display: none !important; }

.mapa-sel { position: absolute; left: 60px; top: 12px; z-index: 900; display: flex; gap: 12px; align-items: center; background: #fff; border-radius: 999px; padding: 8px 16px; box-shadow: 0 2px 10px rgba(0,0,0,.18); font: 600 14px Inter, sans-serif; color: #222; }
.mapa-sel a { color: #2866cc; font-weight: 500; }
/* Rubro elegido de la columna izquierda en gris más oscuro (Hernán 10/10/2026) */
.izq-vivo > a.navbar-item.rubro-actual { background-color: #e6e9ee; border-color: #d3d8df; border-radius: 12px; color: #1f2933; font-weight: 600; }
/* "Otras opciones de alojamientos": título sobrio, con aire y una línea fina (Hernán 10/10/2026) */
h2.otras-opciones { display: flex; align-items: center; gap: 18px; margin: 56px 0 26px !important; padding: 0 !important; text-transform: none !important;
    font: 600 22px/1.3 Manrope, Inter, sans-serif !important; letter-spacing: -.01em !important; color: #2f3640 !important; background: none !important; border: 0 !important; }
h2.otras-opciones::after { content: ""; flex: 1; height: 1px; background: #dfe3e8; }

/* Con el menú de la ciudad (57 px) en lugar de la franja de secciones (47 px), lo fijo se cuelga debajo del menú */
body:has(.menu-ciudad):not(.mc-oculto) { --h-cab: calc(var(--h-barra) + 57px); }

/* "Más opciones" (avisos sin ficha, que no son clientes): ocultos hasta tocar "Ver %n opciones más" al final del listado (Héctor 23/10/2026;
   antes ocultos del todo, Hernán 10/10/2026). El botón lo pone portal.js; en las páginas con solo tarjetas simples siguen ocultos. */
main.pagina:not(.ver-sin-ficha) .mas-titulo, main.pagina:not(.ver-sin-ficha) .grilla-simple { display: none !important; }

/* La columna izquierda (que ocupa dos filas) ya no estira la fila del título: el mapa y las tarjetas quedan pegados arriba */
#filtros.listado-panel { grid-template-rows: min-content 1fr; }

/* Página de Promociones de la ciudad, más estética y sobria (Hernán 10/10/2026): encabezado aireado, tarjetas parejas con la sombra
   flotante del portal, foto 16:10, etiqueta en píldora con el degradé de las promos de las fichas, título y texto recortados a pocas líneas. */
main.promos-ciudad h1 { font: 700 34px/1.2 Manrope, Inter, sans-serif; letter-spacing: -.02em; color: #1f2933; margin: 8px 0 6px; }
main.promos-ciudad h1 + p, main.promos-ciudad .promos-sub, main.promos-ciudad .bajada { border-left: 0 !important; padding-left: 0 !important; font: 400 16px/1.5 Inter, sans-serif !important; color: #6b7480 !important; margin: 0 0 30px !important; }
main.promos-ciudad .promos-grilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 26px; }
main.promos-ciudad .promo-tarj { display: flex; flex-direction: column; background: #fff; border: 0; border-radius: 18px; overflow: hidden;
    box-shadow: 0 14px 34px rgba(16,24,40,.10), 0 3px 10px rgba(16,24,40,.05); transition: transform .2s, box-shadow .2s; }
main.promos-ciudad .promo-tarj:hover { transform: translateY(-3px); box-shadow: 0 22px 46px rgba(16,24,40,.15), 0 6px 14px rgba(16,24,40,.07); }
main.promos-ciudad .pt-foto { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #eef1f4; }
main.promos-ciudad .pt-foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
main.promos-ciudad .promo-tarj:hover .pt-foto img { transform: scale(1.04); }
main.promos-ciudad .pt-foto .ta-promo { position: absolute; left: 14px; top: 14px; display: inline-flex; align-items: center; gap: 5px; padding: 5px 11px 5px 9px; border-radius: 999px;
    background: linear-gradient(90deg, #f97316, #ef4444); color: #fff; font: 700 10.5px Inter, sans-serif; letter-spacing: .08em; box-shadow: 0 4px 10px rgba(239,68,68,.28); }
main.promos-ciudad .pt-foto .ta-promo svg { width: 12px; height: 12px; }
main.promos-ciudad .pt-cuerpo { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 20px; }
main.promos-ciudad .pt-anun { margin: 0 0 8px; font: 500 12.5px Inter, sans-serif; color: #8a929c; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
main.promos-ciudad .pt-anun a { color: #2866cc; font-weight: 600; }
main.promos-ciudad .promo-tarj h2 { margin: 0 0 10px; font: 700 18px/1.3 Manrope, Inter, sans-serif; color: #1f2933; letter-spacing: -.01em;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; }
main.promos-ciudad .pt-texto { margin: 0 0 16px; font: 400 14px/1.6 Inter, sans-serif; color: #5b6470; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
main.promos-ciudad .pt-ver { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px; border-radius: 999px;
    border: 1px solid #d5dbe3; color: #1f2933; font: 600 13.5px Inter, sans-serif; text-decoration: none; transition: background .15s, border-color .15s; }
main.promos-ciudad .pt-ver:hover { background: #f3f7fd; border-color: #2866cc; color: #2866cc; }

html.mc-pronto .cab .cab-sub { display: none; }

/* Rent a car (Hernán 10/10/2026): formulario de retiro y devolución en la ficha y en la barra de abajo */
.fc2-auto { display: grid; grid-template-columns: 1fr 112px; gap: 10px 10px; }
.fc2-auto label { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.fc2-auto label > span { font: 400 14px Inter, sans-serif; color: #666; text-align: left; }
.fc2-auto select, .zoc-lugar, .zoc-auto select { height: 46px; border: 1px solid #d9dde3; border-radius: 12px; padding: 0 12px; font: 400 14.5px Inter, sans-serif; color: #222; background: #fff; }
.fc2-auto .fc2-oculto { display: none; }
.fc2 .fc2-fila:has(.fc2-auto) { grid-template-columns: 1fr; }
.zoc-lugar-c .zoc-lugar { height: auto; border: 0; padding: 0; background: transparent; font-size: 15px; color: #1f2933; }
.zoc-auto { grid-column: 4; display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; font: 400 13.5px Inter, sans-serif; color: #444; }
.zoc-auto label { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.zoc-auto select { height: 36px; padding: 0 8px; border-radius: 10px; font-size: 13.5px; }
.zoc-mismo input { accent-color: #0092db; }
/* Tarjetas de rent a car más cortas y parejas por fila */
body.pw-autos article.tarj-aloj { min-height: 0 !important; height: auto !important; }
body.pw-autos article.tarj-aloj .ta-cuerpo { padding-bottom: 12px; }
body.pw-autos .grilla-tarj { align-items: stretch; }
/* Formulario de rent a car en la ficha: lugar y hora en dos columnas parejas, sin cortes */
.fc2-auto { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
.fc2-auto select { width: 100%; min-width: 0; }
/* Barra de abajo desplegada (autos): horas y "mismo lugar" en una fila propia */
.zoc-form .zoc-auto { grid-column: 1 / -1; grid-row: 3; justify-content: flex-start; }
.zoc-form .zoc-auto select[name=z_ldev] { height: 36px; }

.rg-val:focus, .rg-val:focus-visible { outline: none; }
/* Encabezado de listados de autos, gastronomía y servicios como el de alojamientos (Hernán 10/10/2026) */
.sup-otros { margin: 0 0 18px; }
.sup-otros .sup-fila { flex-wrap: wrap; }
.panel-res .pr-cab.pr-cab-sin-cuenta { min-height: 0; margin: 0; }
.panel-res .pr-cab.pr-cab-sin-cuenta:not(:has(button:not([hidden]))) { display: none; }
@media (min-width: 901px) { .panel-res .pr-cab.pr-cab-sin-cuenta { display: none; } }
main.pagina:has(.sup-otros) > .migas { margin-bottom: 12px; }

.sup-otros .sup-fila { flex-wrap: nowrap; gap: 20px; }
.sup-otros .sup-fila .pr-buscar { width: 240px !important; flex: 0 1 240px; margin-left: auto; }
.sup-otros .sup-fila .cuenta { white-space: nowrap; }
@media (max-width: 1100px) { .sup-otros .sup-fila { flex-wrap: wrap; } .sup-otros .sup-fila .pr-buscar { width: 100% !important; flex-basis: 100%; margin-left: 0; } }

.sup-otros .sup-fila { gap: 16px; }
.sup-otros .sup-fila .cuenta { font: 400 14px/1.3 Inter, sans-serif !important; color: #8a96a3 !important; margin: 0 !important; }
.sup-otros .sup-fila .pr-buscar { width: 210px !important; flex: 0 1 210px; min-width: 150px; }
.panel-res { min-width: 0; }
/* Botón Favoritos igual en todo el portal (Hernán 10/10/2026) */
.pw-fav-caja { text-align: center; background-color: #fff; padding: 2px; border-radius: 50px; border: 1px solid #dbdbdb; margin: 4px 0 14px; line-height: 21.6px;
    box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.03); }
.pw-fav-caja .iv-cor { cursor: pointer; padding: 4px; display: inline-block; font: 400 14.4px/20px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #4a4a4a; background: none; border: 0; }
.pw-fav-caja .iv-cor::after { background-image: url("/img5/svg/heart.svg"); content: " "; background-size: 20px 20px; background-position: center; width: 20px; height: 20px;
    display: inline-block; margin-left: 5px; margin-bottom: -4px; filter: invert(32%) sepia(87%) saturate(3514%) hue-rotate(344deg) brightness(104%) contrast(100%); }
.pw-fav-caja .iv-cor[aria-pressed="true"] { color: #0183c3; }
.pw-fav-caja .iv-cor small, .izq-vivo .iv-cor small { display: none; }

/* "Consultar" de las tarjetas de rent a car en azul, como en el sitio actual */
.ta-botones .ta-consultar { color: #0183c3 !important; }
/* Columna izquierda de los listados (Favoritos, Ver mapa, rubros y filtros) siempre flotante al bajar; si no entra en la pantalla,
   se desplaza por dentro con una barra fina (Hernán 10/10/2026). */
@media (min-width: 901px) {
    .listado-panel > .panel-f, .listado-panel > .izq-vivo { position: sticky !important; top: calc(var(--h-cab, 72px) + 12px) !important; align-self: start;
        max-height: calc(100vh - var(--h-cab, 72px) - 24px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #cfd6de transparent; }
    .listado-panel > .izq-vivo .izq-flotante { position: static; }
}

/* Gastronomía: tarjetas de todos los locales (Hernán 10/10/2026) */
.tarj.tarj-gs { display: flex; flex-direction: column; background: #fff; border: 1px solid #dfe3e8; border-radius: 12px; overflow: hidden; }
.gs-foto { aspect-ratio: 4 / 3; background: #eef1f4; overflow: hidden; }
.gs-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gs-foto.gs-sin { aspect-ratio: 16 / 5; background: linear-gradient(135deg, #f6efe7, #eef3f8); position: relative; }
.gs-foto.gs-sin::after { content: "🍽"; position: absolute; inset: 0; display: grid; place-items: center; font-size: 28px; opacity: .55; }
.gs-cuerpo { padding: 12px 16px 10px; flex: 1; display: flex; flex-direction: column; gap: 3px; }
.gs-rubro { margin: 0; font: 500 11.5px Inter, sans-serif; color: #8a929c; text-transform: uppercase; letter-spacing: .06em; }
.tarj-gs h3 { margin: 0; font: 700 16px/1.3 "Lexend Deca", Lexend, sans-serif; color: #0183c3; }
.gs-dir { margin: 0; font: 400 13px/1.4 Inter, sans-serif; color: #5b6470; }
.gs-acc { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.gs-btn { display: inline-flex; align-items: center; gap: 5px; padding: 4px 11px; border: 1px solid #d5dbe3; border-radius: 999px; font: 500 13px Inter, sans-serif; color: #3a4048; text-decoration: none; }
.gs-link { display: inline-flex; align-items: center; gap: 5px; font: 400 13px Inter, sans-serif; color: #5b6470; text-decoration: none; }
.gs-link:hover, .gs-btn:hover { color: #0183c3; }
.gs-pie { display: flex; border-top: 1px solid #eceff3; }
.gs-pie > a { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 6px; font: 600 12.5px Inter, sans-serif; letter-spacing: .04em; text-transform: uppercase; text-decoration: none; }
.gs-pie > a + a { border-left: 1px solid #eceff3; }
.gs-pie .gs-ig { color: #c13584; }
.gs-pie .gs-ig[hidden] { display: none; }
.gs-wa { color: #16a34a; }
.ta-botones .gs-ig-cli { flex: 0 0 46px; display: flex; align-items: center; justify-content: center; color: #c13584; border-left: 1px solid #eceff3; }
/* Gastronomía: sin Consultar ni Verificado en las tarjetas de clientes, y sin formulario en las fichas (Hernán 10/10/2026) */
body.pw-gastro .ta-consultar, body.pw-gastro .ta-multi, body.pw-gastro article.tarj-aloj .ta-verif, body.pw-gastro article.tarj-aloj [class*="verif"] { display: none !important; }
body.pw-gastro article.tarj-aloj .gs-rubro { margin: 0 0 2px; }
body.pw-gastro main.ficha .caja-consulta, body.pw-gastro main.ficha #consulta, body.pw-gastro .zoc-rsv { display: none !important; }

/* "Verificado" fuera en gastronomía; la valoración, si hay, queda */
body.pw-gastro article.tarj-aloj .valo-veri > :not(.vv-val) { display: none !important; }
body.pw-gastro article.tarj-aloj .valo-veri:not(:has(.vv-val)) { display: none !important; }
/* Columna izquierda más compacta: los rubros más chicos y juntos, así a la vista quedan también los filtros (Hernán 10/10/2026) */
.izq-vivo > a.navbar-item { font-size: 14px; line-height: 1.15rem; padding: .22rem .7rem; }
.izq-vivo .izq-flotante > div { margin: 6px 5px 8px 0; }
.izq-vivo .pf-bloque, .izq-vivo .caja-filtros { margin-top: 10px; }

/* Ficha emergente de locales gastronómicos sin ficha propia (Hernán 10/10/2026) */
.tarj-gs.gf-con-ficha { cursor: pointer; transition: box-shadow .2s, transform .2s; }
.tarj-gs.gf-con-ficha:hover { box-shadow: 0 12px 28px rgba(16,24,40,.12); transform: translateY(-2px); }
.gf-fondo { position: fixed; inset: 0; z-index: 2000; background: rgba(13,22,36,.55); display: flex; align-items: center; justify-content: center; padding: 16px; }
.gf-vent { position: relative; width: min(760px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; background: #fff; border-radius: 18px; box-shadow: 0 24px 60px rgba(0,0,0,.3); }
.gf-x { position: absolute; top: 12px; right: 12px; z-index: 3; width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(255,255,255,.92); font: 400 24px/1 Inter, sans-serif; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.gf-gal { position: relative; }
.gf-tira { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; aspect-ratio: 16 / 9; background: #eef1f4; }
.gf-tira::-webkit-scrollbar { display: none; }
.gf-tira img { flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover; scroll-snap-align: start; }
.gf-ant, .gf-sig { position: absolute; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(255,255,255,.92); font-size: 24px; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.gf-ant { left: 12px; } .gf-sig { right: 12px; }
.gf-cuerpo { padding: 22px 28px 28px; }
.gf-rubro { margin: 0; font: 500 12px Inter, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #8a929c; }
.gf-cuerpo h2 { margin: 4px 0 4px; font: 700 26px/1.2 Manrope, Inter, sans-serif; color: #1f2933; }
.gf-dir { margin: 0 0 14px; font: 400 15px Inter, sans-serif; color: #5b6470; }
.gf-acc { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.gf-b { display: inline-flex; align-items: center; padding: 8px 16px; border: 1px solid #d5dbe3; border-radius: 999px; font: 600 13.5px Inter, sans-serif; color: #1f2933; text-decoration: none; }
.gf-b:hover { border-color: #2866cc; color: #2866cc; }
.gf-b.gf-wa { color: #16a34a; border-color: #bfe5cc; }
.gf-b.gf-ig { color: #c13584; border-color: #efc6dd; }
.gf-desc p { margin: 0 0 10px; font: 400 15.5px/1.65 Inter, sans-serif; color: #374151; }
.gf-cuerpo h3 { margin: 22px 0 10px; font: 700 17px Manrope, Inter, sans-serif; color: #1f2933; }
.gf-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.gf-chips span { padding: 6px 12px; border-radius: 999px; background: #f3f5f8; font: 500 13.5px Inter, sans-serif; color: #374151; }
.gf-hor { padding: 14px 16px; border-radius: 12px; background: #f8fafc; font: 400 14.5px/1.6 Inter, sans-serif; color: #374151; }
.gf-hor small { display: block; margin-top: 8px; color: #8a929c; font-size: 12.5px; }
.gf-mapa { width: 100%; height: 260px; border: 0; border-radius: 14px; box-shadow: 0 10px 24px rgba(16,24,40,.12); }
.gf-ubic { display: flex; gap: 10px; margin-top: 12px; }
.gf-ubic a, .gf-ubic button { padding: 8px 14px; border: 1px solid #d5dbe3; border-radius: 999px; background: #fff; font: 600 13.5px Inter, sans-serif; color: #2866cc; text-decoration: none; cursor: pointer; }
.gf-igs { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.gf-igs .instagram-media { min-width: 0 !important; margin: 0 !important; }
@media (max-width: 640px) { .gf-fondo { padding: 0; } .gf-vent { border-radius: 0; max-height: 100vh; height: 100%; } .gf-cuerpo { padding: 18px 16px 24px; } }
/* Listados con el encabezado nuevo (autos, gastronomía, servicios): la columna de filtros, las tarjetas y los avisos arrancan a la misma
   altura, debajo del título (Hernán 10/10/2026: "que quede alineado y más prolijo"). */
@media (min-width: 901px) {
    .listado-panel:has(.sup-otros) > .panel-f .pf-cab { display: none; }
    .listado-panel:has(.sup-otros) > .panel-f, .listado-panel:has(.sup-otros) > .bn-col { margin-top: var(--sup-alto, 66px); }   /* --sup-alto: portal.js (23/10/2026) */
    .listado-panel:has(.sup-otros) .pw-fav-caja { margin-top: 0; }
    .sup-otros { margin-bottom: 18px; min-height: 48px; }
}
/* Fotos de las tarjetas siempre del mismo alto en todos los listados (Hernán 10/10/2026: "que queden parejas") */
#grilla-fotos article.tarj-aloj .ta-fotos, .grilla-tarj article.tarj-aloj .ta-fotos { aspect-ratio: 4 / 3 !important; height: auto !important; flex: none; }
#grilla-fotos article.tarj-aloj .ta-tira, #grilla-fotos article.tarj-aloj .ta-tira > a, #grilla-fotos article.tarj-aloj .ta-tira img { height: 100% !important; }
#grilla-fotos article.tarj-aloj .ta-tira img { width: 100%; object-fit: cover; }
.tarj.tarj-gs .gs-foto, .tarj.tarj-gs .gs-foto.gs-sin { aspect-ratio: 4 / 3; }

/* "Para conocer…": tarjetas parejas con foto arriba, sin letras rojas (Hernán 10/10/2026) */
.historias .grilla-paseos .paseo-card { display: flex; flex-direction: column; background: #fff; border-radius: 16px; overflow: hidden; text-decoration: none;
    box-shadow: 0 12px 30px rgba(16,24,40,.09), 0 3px 8px rgba(16,24,40,.05); transition: transform .2s, box-shadow .2s; }
.historias .grilla-paseos .paseo-card:hover { transform: translateY(-3px); box-shadow: 0 20px 40px rgba(16,24,40,.13); }
.historias .grilla-paseos .paseo-card > img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; background: #eef1f4; }
.historias .grilla-paseos .paseo-card:not(:has(img))::before { content: ""; display: block; aspect-ratio: 16 / 9; background: linear-gradient(100deg, #e6ebf1 30%, #f4f7fa 50%, #e6ebf1 70%) 0 0 / 200% 100%; }
.historias .paseo-cuerpo { display: flex; flex-direction: column; flex: 1; gap: 8px; padding: 18px 22px 20px; }
.historias .paseo-cuerpo b { font: 700 18px/1.3 Manrope, Inter, sans-serif; color: #1f2933; }
.historias .paseo-cuerpo em { font: 400 14.5px/1.55 Inter, sans-serif; font-style: normal; color: #5b6470; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.historias .paseo-cuerpo small { margin-top: auto; padding-top: 6px; font: 600 13.5px Inter, sans-serif; color: #2866cc; }

/* Servicios turísticos sin "Verificado" (Hernán 10/10/2026) */
body.pw-servicios article.tarj-aloj .valo-veri > :not(.vv-val) { display: none !important; }
body.pw-servicios article.tarj-aloj .valo-veri:not(:has(.vv-val)) { display: none !important; }

body.pw-servicios-ficha .caja-consulta .consulta-otros, body.pw-servicios-ficha .caja-consulta .consulta-priv, body.pw-servicios-ficha .caja-consulta form > p:last-child small, body.pw-servicios-ficha .caja-consulta .nota-datos { display: none !important; }
body.pw-servicios-ficha .caja-consulta .privacidad { display: none !important; }

.video-propio video { width: 100%; height: 100%; object-fit: cover; display: block; }
body.pw-servicios-ficha .bloque-video { padding-bottom: 28px; }
/* Actividades de un día (servicios turísticos): una sola fecha, sin "Hasta" ni envío a otros prestadores (Hernán 10/10/2026) */
body.pw-una-fecha .zoc-in > .zoc-c:nth-of-type(2) { display: none; }
body.pw-una-fecha .fc2-caja em, body.pw-una-fecha .fc2-caja .fc2-hasta + .rg-val, body.pw-una-fecha .cm-fcaja span + input + .rg-val { display: none; }
body.pw-una-fecha .zoc-otros { display: none !important; }
/* El botón Favoritos viejo (con el ♥ y el contador) ya se ve como el nuevo desde que carga la página, sin esperar al JS (Hernán 10/10/2026) */
.pf-fav { display: flex !important; justify-content: center; align-items: center; width: 100%; padding: 6px 4px !important; border-radius: 50px !important; border: 1px solid #dbdbdb !important;
    background: #fff !important; box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.03) !important; font: 400 14.4px/20px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    text-transform: uppercase; color: #4a4a4a !important; letter-spacing: 0; cursor: pointer; }
.pf-fav > span, .pf-fav > small, #f-fav small { display: none !important; }
.pf-fav::after { background-image: url("/img5/svg/heart.svg"); content: " "; background-size: 20px 20px; background-position: center; width: 20px; height: 20px; display: inline-block; margin-left: 5px;
    filter: invert(32%) sepia(87%) saturate(3514%) hue-rotate(344deg) brightness(104%) contrast(100%); }
.pf-fav[aria-pressed="true"] { color: #0183c3 !important; }
.pw-fav-caja .iv-cor.pw-fav-std::after { margin-bottom: -4px; }

/* Rent a car: sin el filtro por zona ni "Con WhatsApp / Con fotos" (Hernán 10/10/2026) */
body.pw-autos:not(.pw-gastro):not(.pw-servicios) .panel-f .pf-bloque:has(#f-zonas), body.pw-autos:not(.pw-gastro):not(.pw-servicios) .panel-f .pf-bloque.interruptores { display: none !important; }
/* Botón "Visitar su web" en fichas de servicios turísticos (Hernán 10/10/2026) */
.sv-web { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 16px; padding: 14px 18px; border-radius: 14px; text-decoration: none;
    background: linear-gradient(-45deg, #2866cc, #29b7c9); color: #fff; font: 700 16px Inter, sans-serif; box-shadow: 0 10px 24px rgba(40,102,204,.25); transition: transform .15s, box-shadow .15s; }
.sv-web:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(40,102,204,.32); color: #fff; }
/* Carrusel automático de las tarjetas de gastronomía (Hernán 10/10/2026) */
.tarj-gs .gs-foto { position: relative; }
.tarj-gs .gs-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .9s ease; }
.tarj-gs .gs-foto img.on, .tarj-gs .gs-foto img:only-of-type { opacity: 1; }
.gs-pts { position: absolute; left: 0; right: 0; bottom: 8px; display: flex; justify-content: center; gap: 5px; z-index: 2; }
.gs-pts i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.55); box-shadow: 0 0 2px rgba(0,0,0,.3); }
.gs-pts i.on { background: #fff; }

.tarj-gs .gs-foto { background: linear-gradient(100deg, #e6ebf1 30%, #f4f7fa 50%, #e6ebf1 70%) 0 0 / 200% 100%; }

.gs-rating { display: block; margin: 1px 0 2px; font: 600 13px Inter, sans-serif; color: #b7791f; }
.gs-rating small { font-weight: 400; color: #8a929c; }
/* Carrusel "Para conocer…" (Hernán 10/10/2026) */
.pc-carr { position: relative; }
.pc-pista { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 6px 4px 26px; margin: 0 -4px; }
.pc-pista::-webkit-scrollbar { display: none; }
.pc-pista > .paseo-card { flex: 0 0 calc((100% - 48px) / 3); scroll-snap-align: start; }
@media (max-width: 1000px) { .pc-pista > .paseo-card { flex-basis: calc((100% - 24px) / 2); } }
@media (max-width: 640px) { .pc-pista > .paseo-card { flex-basis: 85%; } }
.pc-ant, .pc-sig { position: absolute; top: calc(50% - 30px); z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 0; background: #fff; color: #1f2933; display: grid; place-items: center; cursor: pointer; box-shadow: 0 4px 14px rgba(16,24,40,.2); }
.pc-ant { left: -18px; } .pc-sig { right: -18px; }
.pc-ant:hover, .pc-sig:hover { background: #f3f7fd; color: #2866cc; }
/* "Otras opciones" dentro de la grilla al filtrar gastronomía o servicios */
#grilla-fotos > article.tarj.otra-opc[hidden] { display: flex !important; }
#grilla-fotos > h2.otras-en-grilla { grid-column: 1 / -1; margin: 30px 0 4px !important; }

.historias-promos { margin: 48px 0 20px; }
.historias-promos h2 { font: 700 24px Manrope, Inter, sans-serif; color: #1f2933; margin: 0 0 16px; }

/* Excursiones y paseos (Hernán 10/10/2026): misma estética que el resto, sin rojo */
.ps-cab { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 20px; margin: 4px 0 22px; }
.ps-cab h1 { margin: 0; font: 600 32px/1.2 "Lexend Deca", Lexend, sans-serif; letter-spacing: -.5px; color: #4a4a4a; }
.ps-cab h1 small { font: 600 28px "Lexend Deca", Lexend, sans-serif; color: #4a4a4a; margin-left: 18px; }
.ps-cuenta { margin: 0; font: 400 14px Inter, sans-serif; color: #8a96a3; }
.ps-buscar { margin-left: auto; width: 280px; max-width: 100%; padding: 9px 16px; border: 1px solid #dfe3e8; border-radius: 999px; font: 400 14px Inter, sans-serif; background: #fff; }
.ps-buscar:focus { outline: 0; border-color: #2866cc; box-shadow: 0 0 0 3px rgba(40,102,204,.12); }
.ps-dest { position: relative; margin: 0 0 34px; }
.ps-dest h2, .ps-todos { margin: 0 0 14px; font: 700 22px Manrope, Inter, sans-serif; color: #1f2933; }
.ps-todos { margin-top: 6px; }
.ps-dest-pista { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 2px 24px; }
.ps-dest-pista::-webkit-scrollbar { display: none; }
.ps-d { position: relative; flex: 0 0 calc((100% - 40px) / 3); aspect-ratio: 4 / 3; border-radius: 18px; overflow: hidden; scroll-snap-align: start; text-decoration: none;
    box-shadow: 0 18px 40px rgba(16,24,40,.16); }
.ps-d img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.ps-d:hover img { transform: scale(1.05); }
.ps-d::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(10,20,35,.78)); }
.ps-d-txt { position: absolute; left: 22px; right: 22px; bottom: 18px; z-index: 1; color: #fff; }
.ps-d-txt small { display: inline-block; padding: 3px 10px; border-radius: 999px; background: rgba(255,255,255,.22); backdrop-filter: blur(4px); font: 600 11.5px Inter, sans-serif; letter-spacing: .04em; margin-bottom: 8px; }
.ps-d-txt small:empty { display: none; }
.ps-d-txt b { display: block; font: 700 21px/1.25 Manrope, Inter, sans-serif; text-shadow: 0 1px 6px rgba(0,0,0,.35); }
.ps-ant, .ps-sig { position: absolute; top: calc(50% - 10px); z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 0; background: #fff; color: #1f2933; font: 400 26px/1 Inter, sans-serif; cursor: pointer; box-shadow: 0 4px 14px rgba(16,24,40,.2); }
.ps-ant { left: -18px; } .ps-sig { right: -18px; }
@media (max-width: 900px) { .ps-d { flex-basis: 80%; } .ps-buscar { margin-left: 0; width: 100%; } }
body.pw-paseos .filtros-paseos { position: sticky; top: var(--h-cab, 72px); z-index: 20; background: rgba(245,248,251,.94); backdrop-filter: blur(8px); padding: 10px 0; margin-bottom: 14px; }
body.pw-paseos .filtros-paseos .chips-rubros { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
body.pw-paseos #grilla-paseos { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; }
body.pw-paseos #grilla-paseos .paseo-card { position: relative; display: flex; flex-direction: column; background: #fff; border-radius: 16px; overflow: hidden; text-decoration: none;
    box-shadow: 0 12px 30px rgba(16,24,40,.09), 0 3px 8px rgba(16,24,40,.05); transition: transform .2s, box-shadow .2s; }
body.pw-paseos #grilla-paseos .paseo-card[hidden] { display: none; }
body.pw-paseos #grilla-paseos .paseo-card:hover { transform: translateY(-3px); box-shadow: 0 20px 40px rgba(16,24,40,.13); }
body.pw-paseos #grilla-paseos .paseo-card > img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; display: block; background: #eef1f4; }
body.pw-paseos #grilla-paseos .paseo-card:not(:has(img))::before { content: ""; display: block; aspect-ratio: 16 / 10; background: linear-gradient(100deg, #e6ebf1 30%, #f4f7fa 50%, #e6ebf1 70%) 0 0 / 200% 100%; }
body.pw-paseos .ps-pill { position: absolute; top: 12px; left: 12px; padding: 4px 11px; border-radius: 999px; background: rgba(255,255,255,.92); color: #1f2933; font: 600 11.5px Inter, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
body.pw-paseos .paseo-cuerpo { display: flex; flex-direction: column; flex: 1; gap: 7px; padding: 16px 18px 18px; }
body.pw-paseos .paseo-cuerpo b { font: 700 16.5px/1.3 Manrope, Inter, sans-serif; color: #1f2933; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.pw-paseos .paseo-cuerpo em { font: 400 14px/1.55 Inter, sans-serif; font-style: normal; color: #5b6470; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
body.pw-paseos .paseo-cuerpo small { margin-top: auto; padding-top: 6px; font: 600 13.5px Inter, sans-serif; color: #2866cc !important; }
/* Paseos sin foto propia: un fondo sobrio con el ícono de montaña en vez de una foto ajena repetida */
body.pw-paseos #grilla-paseos .paseo-card:not(:has(img))::before, .historias .paseo-card:not(:has(img))::before {
    background: #e9eef4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa6b2' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 3 4 8 5-5 5 15H2L8 3z'/%3E%3C/svg%3E") center / 56px no-repeat; }
/* Excursiones y paseos más compacto arriba (Hernán 10/10/2026) */
body.pw-paseos main.pagina { padding-top: 14px; }
body.pw-paseos .migas { margin: 0 0 6px; }
body.pw-paseos .ps-cab { margin: 0 0 10px; gap: 4px 16px; }
body.pw-paseos .ps-cab h1 { font-size: 28px; }
body.pw-paseos .ps-cab h1 small { font-size: 24px; margin-left: 12px; }
body.pw-paseos .ps-dest { margin-bottom: 18px; }
body.pw-paseos .ps-dest h2, body.pw-paseos .ps-todos { font-size: 19px; margin: 0 0 10px; }
body.pw-paseos .ps-dest-pista { padding-bottom: 16px; }
body.pw-paseos .ps-d { aspect-ratio: 16 / 10; }
body.pw-paseos .filtros-paseos { margin: 0 0 10px; padding: 6px 0; }
/* Crédito de las fotos con licencia libre (Wikimedia Commons) */
.paseo-card { position: relative; }
.cc-cred { position: absolute; right: 8px; top: 8px; z-index: 2; max-width: calc(100% - 16px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 2px 7px; border-radius: 6px;
    background: rgba(0,0,0,.45); color: rgba(255,255,255,.9); font: 400 10px Inter, sans-serif; pointer-events: none; }

/* crédito abajo a la derecha de la foto (la foto es 16:10 o 16:9 del ancho de la tarjeta) */
.paseo-card:has(.cc-cred) { container-type: inline-size; }
body.pw-paseos #grilla-paseos .paseo-card .cc-cred { top: calc(62.5cqw - 24px) !important; bottom: auto !important; }
.historias .paseo-card .cc-cred { top: calc(56.25cqw - 24px) !important; bottom: auto !important; }

/* Notas y paseos: tipografía y diseño sobrios y modernos, sin naranja (Hernán 10/10/2026) */
body.pw-nota main.nota .articulo { max-width: 760px; margin: 0 auto; }
body.pw-nota main.nota .rubro { color: #6b7480 !important; font: 600 12px Inter, sans-serif !important; letter-spacing: .12em; text-transform: uppercase; margin: 10px 0 12px; }
body.pw-nota main.nota h1 { font: 800 46px/1.08 Manrope, Inter, sans-serif; letter-spacing: -.025em; color: #111827; margin: 0 0 14px; }
body.pw-nota main.nota .firma { font: 400 13.5px Inter, sans-serif; color: #8a929c; margin: 0 0 26px; }
body.pw-nota main.nota .firma b { font-weight: 600; color: #4b5563; }
body.pw-nota main.nota .bajada { border: 0 !important; padding: 0 !important; margin: 0 0 34px !important; font: 400 21px/1.6 Inter, sans-serif !important; color: #374151 !important; letter-spacing: -.005em; }
body.pw-nota .cuerpo-nota { font: 400 18px/1.8 Inter, sans-serif; color: #2b333d; }
body.pw-nota .cuerpo-nota p { margin: 0 0 1.25em; }
body.pw-nota .cuerpo-nota a { color: #2866cc !important; text-decoration: none; border-bottom: 1px solid rgba(40,102,204,.3); transition: border-color .15s; }
body.pw-nota .cuerpo-nota a:hover { border-bottom-color: #2866cc; }
body.pw-nota .cuerpo-nota h2 { font: 700 26px/1.25 Manrope, Inter, sans-serif; color: #111827; letter-spacing: -.01em; margin: 1.8em 0 .6em; }
body.pw-nota .cuerpo-nota h3 { font: 700 20px/1.3 Manrope, Inter, sans-serif; color: #1f2933; margin: 1.6em 0 .5em; }
body.pw-nota .cuerpo-nota strong { color: #111827; font-weight: 600; }
body.pw-nota .cuerpo-nota figure { margin: 34px 0; }
body.pw-nota .cuerpo-nota figure img { width: 100%; height: auto; display: block; border-radius: 16px; cursor: zoom-in; box-shadow: 0 18px 40px rgba(16,24,40,.14); }
body.pw-nota .cuerpo-nota figcaption { margin-top: 10px; font: 400 13px/1.4 Inter, sans-serif; color: #8a929c; text-align: center; }
body.pw-nota .nota-gal { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 36px -60px; }
body.pw-nota .nota-gal figure { margin: 0; }
body.pw-nota .nota-gal figure img { aspect-ratio: 4 / 3; object-fit: cover; box-shadow: 0 10px 26px rgba(16,24,40,.12); }
body.pw-nota .nota-gal.impar figure:first-child { grid-column: 1 / -1; }
body.pw-nota .nota-gal.impar figure:first-child img { aspect-ratio: 16 / 9; }
body.pw-nota .nota-gal figcaption { text-align: left; }
@media (max-width: 900px) { body.pw-nota .nota-gal { margin: 30px 0; gap: 10px; } body.pw-nota main.nota h1 { font-size: 34px; } body.pw-nota main.nota .bajada { font-size: 18px !important; } body.pw-nota .cuerpo-nota { font-size: 17px; } }
body.pw-nota .cuerpo-nota ul { padding-left: 1.2em; }
body.pw-nota .cuerpo-nota ul.nota-datos { list-style: none; padding: 22px 26px; margin: 34px 0 10px; background: #fff; border-radius: 16px; box-shadow: 0 12px 30px rgba(16,24,40,.08); display: grid; gap: 10px; font-size: 16px; line-height: 1.55; }
body.pw-nota .cuerpo-nota ul.nota-datos li { padding-left: 0; }
body.pw-nota .cuerpo-nota ul.nota-datos strong { display: block; font: 600 11.5px Inter, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #8a929c; margin-bottom: 2px; }
body.pw-nota .nota-visor { position: fixed; inset: 0; z-index: 3000; background: rgba(255,255,255,.97); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; cursor: zoom-out; }
body.pw-nota .nota-visor img { max-width: 100%; max-height: 82vh; border-radius: 16px; box-shadow: 0 22px 48px rgba(16,24,40,.22); }
body.pw-nota .nota-visor p { margin: 14px 0 0; font: 400 14px Inter, sans-serif; color: #6b7480; }
body.pw-nota .nota-visor button { position: absolute; top: 18px; right: 22px; width: 42px; height: 42px; border-radius: 50%; border: 0; background: #f1f3f6; font: 400 26px/1 Inter, sans-serif; cursor: pointer; }
body.pw-nota .vea-tambien { color: #1f2933 !important; }
body.pw-nota .vea-tambien .ico { color: #2866cc !important; }

/* Filtro "Tipo" de todos los listados con la misma tipografía y estilo que la columna de alojamientos (Hernán 10/10/2026) */
.panel-f:not(.izq-vivo) .chips-rubros.pf-lista button { display: block; width: 100%; text-align: left; border: 1px solid transparent; border-radius: 12px; background: none;
    padding: .32rem .75rem; margin: 0; font: 400 14px/1.2rem BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; color: #4a4a4a; box-shadow: none; }
.panel-f:not(.izq-vivo) .chips-rubros.pf-lista button small { font-size: 12px; color: #9aa3ae; margin-left: 3px; }
.panel-f:not(.izq-vivo) .chips-rubros.pf-lista button:hover { background: #f9f9f9; border-color: #e8e8e8; color: #0183c3; }
.panel-f:not(.izq-vivo) .chips-rubros.pf-lista button.on { background: #e6e9ee; border-color: #d3d8df; color: #1f2933; font-weight: 600 !important; }
.panel-f:not(.izq-vivo) .chips-rubros.pf-lista button.on small { color: #6b7480; }
.panel-f:not(.izq-vivo) .chips-rubros.pf-lista { display: flex; flex-direction: column; gap: 1px; }
.panel-f:not(.izq-vivo) .pf-tit { font: 600 11.5px Inter, sans-serif !important; letter-spacing: .1em; color: #6b7480; }
.panel-f:not(.izq-vivo) .pf-radios label, .panel-f:not(.izq-vivo) .interruptores label { font: 400 14px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; color: #4a4a4a; }
/* Notas: sin naranja en "Vea también" y sin los dos puntos en la tarjeta de datos */
body.pw-nota .vea-tambien svg, body.pw-nota .vea-tambien .flecha, body.pw-nota .vea-tambien::after { color: #2866cc !important; stroke: currentColor; }
/* Notas: título más contenido, fotos con sombra marcada y el carrusel de paseos pegado a la nota (Hernán 10/10/2026) */
body.pw-nota main.nota h1 { font-size: 36px; line-height: 1.15; letter-spacing: -.02em; }
@media (max-width: 900px) { body.pw-nota main.nota h1 { font-size: 28px; } }
body.pw-nota .cuerpo-nota figure img, body.pw-nota .nota-gal figure img { box-shadow: 0 22px 48px rgba(16,24,40,.22), 0 6px 16px rgba(16,24,40,.12) !important; }
body.pw-nota .nota-mas-paseos { margin: 36px 0 10px; }
body.pw-nota .nota-mas-paseos h2, body.pw-nota .nota-mas-paseos h2 a { font: 700 22px Manrope, Inter, sans-serif !important; color: #1f2933 !important; text-decoration: none; border: 0; }
.historias .paseo-cuerpo small, .paseo-card small { color: #2866cc !important; }

.pc-pista { align-items: stretch; }
.pc-pista > .paseo-card { min-height: 0 !important; height: auto !important; }
.pc-pista .paseo-cuerpo { flex: 1 1 auto; }
.pc-pista .paseo-cuerpo em { flex: none; }

.pc-pista .paseo-cuerpo b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pc-pista .paseo-cuerpo em { -webkit-line-clamp: 3 !important; }
.pc-pista > .paseo-card > img { aspect-ratio: 16 / 9 !important; height: auto !important; }

/* Sin el recuadro "Vea también" en las notas (Hernán 10/10/2026) */
.vea-tambien { display: none !important; }

/* Notas: letra más chica y slider de fotos con movimiento (Hernán 10/10/2026) */
body.pw-nota main.nota h1 { font-size: 32px !important; }
body.pw-nota main.nota .bajada { font-size: 18px !important; line-height: 1.6 !important; margin-bottom: 26px !important; }
body.pw-nota .cuerpo-nota { font-size: 16.5px !important; line-height: 1.75 !important; }
body.pw-nota .cuerpo-nota h2 { font-size: 22px; }
body.pw-nota .ns-oculta { display: none !important; }
.ns-slider { position: relative; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; margin: 0 -60px 34px; background: #e6ebf1;
    box-shadow: 0 22px 48px rgba(16,24,40,.22), 0 6px 16px rgba(16,24,40,.12); }
@media (max-width: 900px) { .ns-slider { margin: 0 0 26px; border-radius: 14px; } }
.ns-s { position: absolute; inset: 0; opacity: 0; transition: opacity 1.1s ease; }
.ns-s.on { opacity: 1; z-index: 1; }
.ns-s img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.02); }
.ns-s.on img { animation: ns-kb 9s ease-out forwards; }
.ns-s.kb1.on img { animation-name: ns-kb1; } .ns-s.kb2.on img { animation-name: ns-kb2; } .ns-s.kb3.on img { animation-name: ns-kb3; }
@keyframes ns-kb { from { transform: scale(1.02) translate(0, 0); } to { transform: scale(1.12) translate(-2%, -1%); } }
@keyframes ns-kb1 { from { transform: scale(1.12) translate(2%, 0); } to { transform: scale(1.02) translate(0, 0); } }
@keyframes ns-kb2 { from { transform: scale(1.03) translate(0, 1%); } to { transform: scale(1.13) translate(2%, -1%); } }
@keyframes ns-kb3 { from { transform: scale(1.1) translate(-2%, 1%); } to { transform: scale(1.03) translate(1%, 0); } }
.ns-quieto .ns-s.on img { animation: none; }
.ns-cap { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 40px 22px 34px; font: 400 13.5px/1.4 Inter, sans-serif; color: rgba(255,255,255,.92);
    background: linear-gradient(180deg, rgba(0,0,0,0), rgba(10,20,35,.62)); }
.ns-cap a { color: #fff !important; border: 0 !important; text-decoration: underline; }
.ns-ant, .ns-sig { position: absolute; top: 50%; z-index: 3; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 50%; border: 0; background: rgba(255,255,255,.9);
    color: #1f2933; font: 400 26px/1 Inter, sans-serif; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.2); opacity: 0; transition: opacity .2s; }
.ns-ant { left: 16px; } .ns-sig { right: 16px; }
.ns-slider:hover .ns-ant, .ns-slider:hover .ns-sig { opacity: 1; }
.ns-pts { position: absolute; left: 0; right: 0; bottom: 12px; z-index: 3; display: flex; justify-content: center; gap: 6px; }
.ns-pts button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.55); cursor: pointer; }
.ns-pts button.on { background: #fff; transform: scale(1.3); }
/* Mapa en las notas de paseos (Hernán 10/10/2026) */
.nota-mapa { margin: 38px 0 10px; }
.nota-mapa h2 { margin: 0 0 4px !important; }
.nm-lugar { margin: 0 0 14px !important; font: 400 14.5px Inter, sans-serif; color: #6b7480; }
.nm-mapa { position: relative; height: 380px; border-radius: 16px; overflow: hidden; background: #e7edf2; box-shadow: 0 22px 48px rgba(16,24,40,.18), 0 6px 16px rgba(16,24,40,.10); }
.nm-bot { display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap; }
.nm-bot a, .nm-bot button { display: inline-flex; align-items: center; padding: 9px 16px; border: 1px solid #d5dbe3; border-radius: 999px; background: #fff; font: 600 14px Inter, sans-serif; color: #2866cc !important; text-decoration: none; cursor: pointer; border-bottom: 1px solid #d5dbe3 !important; }
.nm-bot a:hover, .nm-bot button:hover { border-color: #2866cc !important; background: #f3f7fd; }
@media (max-width: 640px) { .nm-mapa { height: 300px; } }
/* Video de YouTube en las notas (Hernán 10/10/2026) */
body.pw-nota .nota-video { margin: 34px 0; }
.nota-video .nv-play, .nota-video iframe { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; padding: 0; border-radius: 16px; overflow: hidden; background: #000; cursor: pointer;
    box-shadow: 0 22px 48px rgba(16,24,40,.22), 0 6px 16px rgba(16,24,40,.12); }
.nota-video .nv-play img { width: 100%; height: 100%; object-fit: cover; display: block; box-shadow: none !important; border-radius: 0 !important; cursor: pointer; }
.nota-video .nv-ico { position: absolute; inset: 0; display: grid; place-items: center; transition: transform .2s; }
.nota-video .nv-play:hover .nv-ico { transform: scale(1.08); }
.nota-video .nv-play:hover .nv-ico path:first-child { fill: #f00; }

.nota-video .nv-play img.nv-hq { transform: scale(1.34); }

/* Tarjetas de promoción en grilla (debajo del listado o en el mapa): todas de la misma altura y "Visitar sitio web" alineado abajo en
   toda la fila (Hernán 11/10/2026: "alinealos"). */
.der-vivo .card { display: flex; flex-direction: column; }
.der-vivo .card .card-content { flex: 1 1 auto; }
.der-vivo .card .card-footer { margin-top: auto; }
.der-vivo { align-items: stretch; }
.der-vivo > .bpxhrs { display: flex; flex-direction: column; }
.der-vivo > .bpxhrs > .card { flex: 1 1 auto; }

/* Fichas sin fechas (compras, inmobiliaria, servicios varios…; Hernán 11/10/2026): la barra de abajo y el formulario sin fechas ni personas. */
body.pw-sinfecha .zoc-rsv .zoc-c, body.pw-sinfecha .fc2-fila, body.pw-sinfecha .fc2-flex { display: none !important; }


/* Carrusel "tipo video" (prueba en Southern Living, Hernán 12/10/2026): capas apiladas, velo suave y línea de avance abajo. */
.ab-carr.cine { background: #11151b; }
.cine-pista, .cine-s { position: absolute; inset: 0; }
.cine-s { overflow: hidden; will-change: transform, opacity, clip-path, filter; }
.ab-carr.cine .cine-s img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 1; transform: none; transition: none; will-change: transform; }
.cine-velo { position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 55%, rgba(8,12,18,.28) 100%), linear-gradient(to top, rgba(8,12,18,.22), rgba(8,12,18,0) 26%); }
.cine-barra { position: absolute; left: 22px; right: 22px; bottom: 16px; z-index: 2; height: 2px; border-radius: 2px; background: rgba(255,255,255,.28); overflow: hidden; }
.cine-barra i { position: absolute; inset: 0; background: rgba(255,255,255,.92); transform: scaleX(0); transform-origin: left center; }


/* Tarjeta con tres botones (Casa en Playa sin Viento, Hernán 12/10/2026): dirección en un renglón y Consultas múltiples / Consultar / WhatsApp. */
.tarj-aloj .ta-dir.ta-dir-1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 0 !important; }
.tarj-aloj.tarj-3bot .ta-botones a { flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; padding: 8px 4px; min-height: 44px; font-size: 10.5px; line-height: 1.25; letter-spacing: 0; white-space: normal; text-align: center; }   /* tres iguales (Hernán 12/10/2026) */
.tarj-aloj.tarj-3bot .ta-botones .ta-consultar-3 { color: rgb(90, 107, 122) !important; }   /* mismo gris que Consultas múltiples (Hernán 12/10/2026) */


/* Mapa chico de la columna derecha de los listados de alojamientos (Hernán 12/10/2026): arriba de las promociones, fijo al bajar, con
   pastillas de precio estilo Google Maps / Airbnb y "Ampliar mapa" arriba. */
.listado-panel .der-vivo:has(.mm-caja) { align-self: stretch; }
.mm-caja { position: sticky; top: calc(var(--h-cab, 72px) + 14px); z-index: 3; margin: 0 0 16px; background: transparent; }
.mm-ampliar { display: flex; align-items: center; gap: 7px; margin: 0 0 8px auto; padding: 4px 2px; border: 0; background: none; cursor: pointer;
    font: 600 13px/1.2 Manrope, Inter, sans-serif; color: #2f3640; }
.mm-ampliar:hover { color: #0079b8; }
.mm-mapa { height: 380px; border-radius: 14px; overflow: hidden; background: #e9edf2;
    box-shadow: 0 8px 22px -6px rgba(16,24,40,.22), 0 0 0 1px rgba(16,24,40,.06); }
.mm-mapa .leaflet-control-attribution { font-size: 9px; background: rgba(255,255,255,.75); }
.mm-mapa .leaflet-control-zoom a { width: 28px; height: 28px; line-height: 28px; font-size: 16px; }
.mm-pin { width: auto !important; height: auto !important; margin: 0 !important; background: none; border: 0; }
.mm-pin b { display: inline-block; transform: translate(-50%, calc(-100% - 6px)); white-space: nowrap; padding: 4px 9px; border-radius: 999px; background: #fff; color: #1f2937;
    font: 700 11.5px/1.2 Inter, sans-serif; box-shadow: 0 2px 6px rgba(16,24,40,.28), 0 0 0 1px rgba(16,24,40,.08); transition: background .15s, color .15s, transform .15s; }
.mm-pin b::after { content: ""; position: absolute; left: 50%; bottom: -5px; width: 8px; height: 8px; margin-left: -4px; background: inherit; transform: rotate(45deg);
    box-shadow: 2px 2px 3px rgba(16,24,40,.12); }
.mm-pin b { position: relative; }
.mm-pin.mm-activo b, .mm-pin:hover b { background: #1f2937; color: #fff; transform: translate(-50%, calc(-100% - 6px)) scale(1.08); }
.mm-punto i { display: block; width: 14px; height: 14px; border-radius: 50%; background: #2866cc; border: 2.5px solid #fff; box-shadow: 0 1px 4px rgba(16,24,40,.35); transition: transform .15s; }
.mm-punto.mm-activo i, .mm-punto:hover i { transform: scale(1.35); background: #1f2937; }
article.tarj.mm-marca { box-shadow: 0 0 0 3px #2866cc, 0 10px 24px -8px rgba(16,24,40,.3) !important; transition: box-shadow .3s; }

/* Mapa chico: mosaicos de OpenStreetMap un poco más suaves, y el recuadro con el fondo de la página (las promos pasan por detrás). */
.mm-teselas { filter: saturate(.82) brightness(1.03); }
.mm-caja { background: rgb(245, 248, 251); padding: 2px 0 6px; box-shadow: 0 -18px 0 rgb(245, 248, 251); }

/* Mapa chico (Hernán 12/10/2026): "Ampliar mapa" dentro del mapa, arriba, para que el mapa quede alineado con las tarjetas; y sin el
   botón "Ver mapa" de la izquierda mientras se ve el listado (con el mapa grande abierto sigue, porque es el que vuelve al listado). */
.mm-caja { position: sticky; padding: 0; box-shadow: 0 -20px 0 rgb(245, 248, 251); }
.mm-caja .mm-ampliar { position: absolute; top: 12px; left: 12px; z-index: 600; margin: 0; padding: 7px 12px; border-radius: 999px; background: #fff; color: #1f2937;
    font: 600 12.5px/1.2 Manrope, Inter, sans-serif; box-shadow: 0 2px 8px rgba(16,24,40,.22), 0 0 0 1px rgba(16,24,40,.06); }
.mm-caja .mm-ampliar:hover { background: #1f2937; color: #fff; }
body:has(.mm-caja):has(#mapa-caja[hidden]) #pf-vista { display: none !important; }
body:has(.mm-caja):has(#mapa-caja[hidden]) .izq-flotante .boton-mapa { display: none !important; }

/* Tarjetas de alojamiento más cortas (Hernán 12/10/2026: "optimizá los espacios… así la ficha queda más corta y alineá los botones de
   reservar, consultar y WhatsApp"): sin el alto mínimo de 441 px del sitio vivo (cada fila toma el alto de su contenido), menos aire
   debajo de "Llamar" y el pie de botones siempre de la misma altura, con dos o con tres botones. */
@media (min-width: 641px) { .tarj.tarj-aloj { min-height: 0; } }
.tarj-aloj .ta-cuerpo { padding-bottom: 6px !important; }
.tarj-aloj .ta-reservar { margin-top: auto; }
.tarj-aloj .ta-botones a { min-height: 45px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }

/* Listados: encabezado más compacto para que las tarjetas empiecen más arriba (Hernán 12/10/2026: "optimizá mejor este espacio"). */
main.pagina .migas { margin: 6px 0 2px !important; }
main.pagina .listado-panel { margin-top: 8px !important; row-gap: 8px !important; }
.sup-vivo .sup-fila { margin-bottom: 4px !important; min-height: 0; }
.sup-vivo .sup-fila h1 { line-height: 1.15 !important; }
.sup-vivo .filtro { margin-bottom: 4px !important; }
.sup-vivo .filtro h2 { margin: 0 !important; }
.sup-vivo .filtro h2 a { padding-top: 4px !important; padding-bottom: 4px !important; margin-bottom: 0 !important; }
.tarj-aloj .ta-botones { height: 45px; }
.tarj-aloj .ta-botones a { min-height: 0; height: 100%; }
.mm-mapa { height: 296px; }   /* hasta la altura de la dirección de las tarjetas (Hernán 12/10/2026) */

/* Mapa chico: fijo apenas debajo del menú de la ciudad, a la altura de las tarjetas; todo el mapa se puede tocar para ampliarlo. */
.mm-caja { top: calc(var(--h-cab, 72px) + 4px); }
.mm-mapa, .mm-mapa .leaflet-interactive, .mm-mapa.leaflet-grab { cursor: pointer; }
/* Promociones de la columna derecha más chicas, para que se vean enteras (foto más baja y el texto completo, sin cortar). */
.der-vivo figure.image { padding-top: 46%; }
.der-vivo .card-content { padding: 14px 18px; max-height: none; }
.der-vivo .card-content .title.is-size-6 { font-size: 14.5px; line-height: 1.25; margin: 2px 0 4px; }
.der-vivo .card-content .is-size-7 { font-size: 11.5px; line-height: 1.45; }
.der-vivo .card-footer-item { padding: 9px; }
/* Direcciones de las tarjetas: todas del mismo tamaño (el de Aneley y Casa en Playa sin Viento). */
.tarj-aloj .ta-dir.ta-dir-1 { font-size: 10.5px !important; }
/* El mapa chico va siempre por encima de las promociones que pasan por debajo al bajar (Hernán 12/10/2026: el triángulo "3 CUOTAS",
   con z-index 20, se veía encima del mapa). Cada promo queda en su propia capa y el mapa arriba de todas. */
.mm-caja { z-index: 50; }
.der-vivo .card { isolation: isolate; }
/* Listados sin las migas (Hernán 12/10/2026: "sacalo y optimizá el espacio"). Se ocultan, no se borran: portal.js las usa para saber
   qué sección es (alojamientos, autos, servicios…). */
main.pagina:has(.listado-panel) > .migas, main.pagina:has(.listado-panel) .migas { display: none !important; }
main.pagina:has(.listado-panel) .listado-panel { margin-top: 14px !important; }

/* Menú de la ciudad más bajo (Hernán 12/10/2026: "hacelo de ese tamaño y optimizá el espacio"): 44 px de alto y letra de 15 px. */
.mc-in { height: 44px; }
.mc-in > li > a { padding: 6px 11px; font-size: 15px; }
body:has(.menu-ciudad):not(.mc-oculto) { --h-cab: calc(var(--h-barra) + 45px); }
/* Promociones de la columna derecha: cada una entera en la pantalla debajo del mapa (foto más baja, texto de hasta 4 renglones y
   "Visitar sitio web" más compacto). */
.der-vivo figure.image { padding-top: 40%; }
.der-vivo .card-content { padding: 12px 16px 10px; }
.der-vivo .card-content p.is-size-7:not(:first-child) { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.der-vivo .card-footer-item { padding: 7px; }
/* Tarjetas sin reseñas: la dirección comparte renglón con "Verificado"; conserva su margen derecho para no pisarlo. */
.tarj-aloj .valo-veri:not(:has(.vv-val)) + .ta-dir.ta-dir-1 { padding-right: calc((100% + 32px) * .4 - 12px) !important; }

/* Paleta celeste → violeta (Hernán 12/10/2026: "igual pero con la paleta de la imagen 2"): barra de arriba y botones Reservar/Consultar
   de las tarjetas, con el mismo movimiento lento. #1ed8f4 (celeste) · #5b9cf2 (azul medio) · #b65cef (violeta). */
.portal-interpatagonia .cab, body.portal-interpatagonia.con-sub .cab, body.portal-interpatagonia.con-sub.con-hero .cab, body.portal-interpatagonia.con-sub.con-hero .cab.solida,
.portal-interpatagonia .ta-reservar a:not(.ta-reservar-blanco a) {
    background-image: linear-gradient(-45deg, #1ed8f4, #5b9cf2, #b65cef, #5b9cf2, #1ed8f4) !important; background-size: 300% 300% !important; }
.portal-interpatagonia .ta-reservar a:not(.ta-reservar-blanco a) { text-shadow: 0 1px 2px rgba(70,40,140,.35); box-shadow: 0 4px 12px rgba(120,90,230,.25); }
.portal-interpatagonia .cab .cab-buscar, .portal-interpatagonia .cab form[role="search"] { background-color: rgba(40,30,110,.22); }
/* Imágenes de las promociones con su proporción original, sin estirarse (Hernán 12/10/2026: "quedó media distorsionada"): muchas traen
   texto propio, así que no se recortan; el alto lo da la imagen. */
.der-vivo figure.image { padding-top: 0 !important; height: auto; }
.der-vivo figure.image img { position: static !important; width: 100% !important; height: auto !important; object-fit: contain; }

/* ===== Paleta celeste → violeta en todos los botones azules del portal (Hernán 12/10/2026: "usá el mismo azul para esto y todos los
   botones azules que encuentres"). Degradé de la barra de arriba; en controles chicos, su azul medio #5b9cf2. ===== */
.portal-interpatagonia { --pw-deg: linear-gradient(-45deg, #1ed8f4, #5b9cf2, #b65cef, #5b9cf2, #1ed8f4); --pw-azul: #5b9cf2; accent-color: #5b9cf2; }
.portal-interpatagonia input[type="radio"], .portal-interpatagonia input[type="checkbox"] { accent-color: #5b9cf2; }
.portal-interpatagonia .cab { z-index: 200; }   /* el desplegable de idiomas por encima del mapa chico (que tiene 50) */
.portal-interpatagonia .pf-vista, .portal-interpatagonia .chips-rubros button.on, .portal-interpatagonia .panel-f .chips-rubros button.on,
.portal-interpatagonia .car-dest, .portal-interpatagonia .zoc-rsv, .portal-interpatagonia .fc2-enviar, .portal-interpatagonia .fc2-enviar:hover,
.portal-interpatagonia .zoc-btn, .portal-interpatagonia .zoc-btn:hover, .portal-interpatagonia main.ficha.ab .fc2-enviar, .portal-interpatagonia .cm-enviar, .portal-interpatagonia .sv-web {
    background: var(--pw-deg) !important; background-size: 300% 300% !important; }
.portal-interpatagonia .selector-pax.pf-stepper button, .portal-interpatagonia .pf-stepper button { background: var(--pw-azul) !important; border-color: var(--pw-azul) !important; color: #fff; }
.portal-interpatagonia .selector-pax.pf-stepper button:disabled { background: #b9cdf6 !important; border-color: #b9cdf6 !important; }
.portal-interpatagonia .fc2-otros .co-todos input:checked { background: var(--pw-azul); border-color: var(--pw-azul); }
.portal-interpatagonia .gv-pts button.on, .portal-interpatagonia .mm-punto i { background: var(--pw-azul); }
.portal-interpatagonia .cm-flex input, .portal-interpatagonia .cm-lista input, .portal-interpatagonia .cm-r input { accent-color: var(--pw-azul); }
/* Desplegable de idiomas: mismo degradé que la barra, letra blanca, y se abre al pasar el cursor (también con el clic, como antes). */
.idiomas.desplegable .idi-lista { background: var(--pw-deg); background-size: 300% 300%; box-shadow: 0 10px 26px rgba(60,40,140,.28); z-index: 300; }
.idiomas.desplegable .idi-lista::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }   /* puente: el cursor no lo cierra al bajar */
.idiomas.desplegable .idi-lista a { color: #fff; font-weight: 500; }
.idiomas.desplegable .idi-lista a:hover { background: rgba(255,255,255,.18); color: #fff; }
@media (hover: hover) { .idiomas.desplegable:hover .idi-lista, .idiomas.desplegable:focus-within .idi-lista { display: block; } }

/* Tarjetas del mapa grande: el mismo botón grande que en el listado (degradé), no la versión blanca. */
.pop-ficha .tarj-pop .ta-reservar a, .pop-ficha .tarj-pop .ta-reservar-blanco a { background: var(--pw-deg, linear-gradient(-45deg, #1ed8f4, #5b9cf2, #b65cef, #5b9cf2, #1ed8f4)) !important;
    background-size: 300% 300% !important; color: #fff !important; border: 0 !important; text-shadow: 0 1px 2px rgba(70,40,140,.35); }

/* "Consultar" de Mini Loft (12968), que el servidor pone en blanco: con el degradé como el resto (Hernán 12/10/2026). */
.portal-interpatagonia .ta-reservar-blanco a { background: var(--pw-deg) !important; background-size: 300% 300% !important; color: #fff !important; border: 0 !important;
    text-shadow: 0 1px 2px rgba(70,40,140,.35); animation: cab-grad 14s ease infinite; }
.portal-interpatagonia .ta-reservar-blanco a svg { stroke: #fff !important; }
.ta-reservar a svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
/* Nombre del alojamiento sobre su pin del mapa chico al pasar el cursor por la tarjeta. */
.leaflet-tooltip.mm-nombre { padding: 5px 10px; border: 0; border-radius: 8px; background: #1f2937; color: #fff; font: 600 12px/1.25 Inter, sans-serif; box-shadow: 0 4px 12px rgba(16,24,40,.3); white-space: nowrap; }
.leaflet-tooltip.mm-nombre::before { border-top-color: #1f2937; }

/* Mapa chico agrandado cuando no hay promociones debajo: hasta el borde de abajo de la pantalla. */
.mm-mapa { transition: height .3s ease; }
.mm-caja.mm-grande .mm-mapa { height: calc(100vh - var(--h-cab, 72px) - 24px); }

/* Logo nuevo (Hernán 12/10/2026). */
a.logo.logo-nuevo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
a.logo.logo-nuevo .lg-iso { height: 34px; width: auto; flex: none; filter: drop-shadow(0 1px 2px rgba(20,20,60,.25)); transition: transform .35s cubic-bezier(.16,1,.3,1); }
a.logo.logo-nuevo:hover .lg-iso { transform: rotate(-6deg) scale(1.06); }
a.logo.logo-nuevo .lg-txt { font: 800 24px/1 Manrope, Inter, sans-serif; letter-spacing: -.035em; color: #fff; text-shadow: 0 1px 3px rgba(30,20,90,.22); white-space: nowrap; }
a.logo.logo-nuevo .lg-com { font-weight: 500; opacity: .78; letter-spacing: -.01em; margin-left: 1px; }
@media (max-width: 640px) { a.logo.logo-nuevo .lg-iso { height: 27px; } a.logo.logo-nuevo .lg-txt { font-size: 19px; } a.logo.logo-nuevo { gap: 7px; } }
/* Paleta ampliada hacia el turquesa intenso (Hernán 12/10/2026): el celeste del extremo pasa de #1ed8f4 a #00eef5. */
.portal-interpatagonia { --pw-deg: linear-gradient(-45deg, #00eef5, #4fa6f3, #b65cef, #4fa6f3, #00eef5); }
.portal-interpatagonia .cab, body.portal-interpatagonia.con-sub .cab, body.portal-interpatagonia.con-sub.con-hero .cab, body.portal-interpatagonia.con-sub.con-hero .cab.solida,
.portal-interpatagonia .ta-reservar a:not(.ta-reservar-blanco a) { background-image: var(--pw-deg) !important; background-size: 300% 300% !important; }

/* Destacados con la paleta de Hernán (12/10/2026): precios azul → magenta (#0100EC → #FB36F4); promociones y lo activo/seleccionado
   magenta → coral (#F237EF → #FC5252); pines sin precio turquesa → violeta (#00FFED → #9D00C6). */
.portal-interpatagonia { --pw-precio: linear-gradient(135deg, #0100ec, #fb36f4); --pw-promo: linear-gradient(135deg, #f237ef, #fc5252); --pw-pin: linear-gradient(135deg, #00ffed, #9d00c6); }
/* Globos de precio del mapa chico */
.mm-pin b { background: var(--pw-precio); color: #fff; box-shadow: 0 3px 10px rgba(80,20,200,.35), 0 0 0 1.5px rgba(255,255,255,.9); }
.mm-pin b::after { background: #7e1cf0; box-shadow: none; }
.mm-pin.mm-activo b, .mm-pin:hover b { background: var(--pw-promo); color: #fff; }
.mm-pin.mm-activo b::after, .mm-pin:hover b::after { background: #f7445f; }
/* Puntos y pines sin precio (mapa chico y mapa grande) */
.mm-punto i { background: var(--pw-pin); }
.mm-punto.mm-activo i, .mm-punto:hover i { background: var(--pw-promo); }
.pin-mapa span { background: var(--pw-pin) !important; }
.pin-mapa:hover span, .pin-mapa.activo span, .pin-mapa.on span { background: var(--pw-promo) !important; }
/* Precio "Desde …" de las tarjetas: el importe con el degradé de precios */
.ta-precio strong { background: var(--pw-precio); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
/* Etiqueta ¡PROMOCIÓN! de las tarjetas y de la página de promociones */
.portal-interpatagonia .ta-promo, .portal-interpatagonia .tarj-aloj .ta-promo { background: var(--pw-promo) !important; box-shadow: 0 2px 8px rgba(242,55,120,.35); }
.portal-interpatagonia .mm-punto i { background: var(--pw-pin) !important; }
.portal-interpatagonia .mm-punto.mm-activo i, .portal-interpatagonia .mm-punto:hover i { background: var(--pw-promo) !important; }
/* Isotipo facetado: sin sombra de contorno (ya tiene volumen propio). */
a.logo.logo-nuevo .lg-iso { height: 36px; filter: drop-shadow(0 2px 4px rgba(20,20,60,.3)); }
a.logo.logo-nuevo .lg-iso { height: 42px; } @media (max-width: 640px) { a.logo.logo-nuevo .lg-iso { height: 30px; } }

/* Barra de abajo de las fichas (Hernán 12/10/2026): el precio en blanco (no en negro sobre el degradé) y "Ver disponibilidad" con el
   degradé azul → magenta de la paleta, que contrasta con la barra turquesa. */
.portal-interpatagonia .zoc-tit.zoc-precio, .portal-interpatagonia .zoc-tit.zoc-precio .fp-desde, .portal-interpatagonia .zoc-tit.zoc-precio .fp-unidad,
.portal-interpatagonia .zoc-tit.zoc-precio .fp-nota { color: rgba(255,255,255,.88) !important; }
.portal-interpatagonia .zoc-tit.zoc-precio strong, .portal-interpatagonia .zoc-tit.zoc-precio b, .portal-interpatagonia .zoc-tit { color: #fff !important; text-shadow: 0 1px 3px rgba(30,20,100,.3); }
.portal-interpatagonia .zoc-btn, .portal-interpatagonia .zoc-btn:hover { background: linear-gradient(135deg, #0100ec, #fb36f4) !important; background-size: 100% 100% !important; color: #fff !important;
    box-shadow: 0 6px 18px rgba(80,20,200,.35), 0 0 0 2px rgba(255,255,255,.55) !important; animation: none !important; }
.portal-interpatagonia .zoc-btn:hover { filter: brightness(1.08); }

/* Casillas tildadas de los formularios con la paleta (azul → magenta) y el tilde blanco (Hernán 12/10/2026). */
.portal-interpatagonia .fc2-otros .co-todos input[type=checkbox], .portal-interpatagonia .fc2-flex input[type=checkbox], .portal-interpatagonia .cm-flex input[type=checkbox], .portal-interpatagonia .cm-lista input[type=checkbox] {
    -webkit-appearance: none; appearance: none; width: 20px; height: 20px; flex: none; margin: 0; border: 1.5px solid #c3c9d4; border-radius: 6px; background: #fff; cursor: pointer; display: inline-grid; place-content: center; vertical-align: middle; }
.portal-interpatagonia .fc2-otros .co-todos input[type=checkbox]:checked, .portal-interpatagonia .fc2-flex input[type=checkbox]:checked, .portal-interpatagonia .cm-flex input[type=checkbox]:checked, .portal-interpatagonia .cm-lista input[type=checkbox]:checked {
    border-color: transparent; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat, linear-gradient(135deg, #0100ec, #fb36f4) !important; }

/* Logo: isotipo plano de siempre; ".com" del mismo blanco que el nombre (Hernán 12/10/2026). */
a.logo.logo-nuevo .lg-iso { height: 36px; }
a.logo.logo-nuevo .lg-com { opacity: 1; font-weight: inherit; color: #fff; }

/* Colores de formulario y barra de la ficha con la paleta de la barra (Hernán 12/10/2026: "no me gustan esos colores"). */
.portal-interpatagonia .zoc-btn, .portal-interpatagonia .zoc-btn:hover { background: #fff !important; color: #6c4fe6 !important; animation: none !important;
    box-shadow: 0 4px 14px rgba(40,30,110,.22) !important; font-weight: 700; }
.portal-interpatagonia .zoc-btn:hover { background: #f5f2ff !important; filter: none; }
.portal-interpatagonia .fc2-vias input[type=radio], .portal-interpatagonia .cm-r input[type=radio], .portal-interpatagonia input[type=radio] {
    -webkit-appearance: none; appearance: none; width: 18px; height: 18px; margin: 0; flex: none; border: 1.5px solid #b9c0cc; border-radius: 50%; background: #fff; cursor: pointer; vertical-align: middle; }
.portal-interpatagonia input[type=radio]:checked { border-color: #7c8ff0; background: radial-gradient(circle at center, transparent 0 3px, transparent 3px), linear-gradient(135deg, #00eef5, #b65cef);
    box-shadow: inset 0 0 0 3px #fff; }
.portal-interpatagonia .fc2-vias label.on { border-color: #8ea2f2 !important; box-shadow: 0 0 0 3px rgba(91,156,242,.14); }
.portal-interpatagonia .fc2-otros .co-todos input[type=checkbox]:checked, .portal-interpatagonia .fc2-flex input[type=checkbox]:checked, .portal-interpatagonia .cm-flex input[type=checkbox]:checked, .portal-interpatagonia .cm-lista input[type=checkbox]:checked {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat, linear-gradient(135deg, #00eef5, #b65cef) !important; }

/* ===== Versión sobria, menos saturada (Hernán 12/10/2026: "muy saturados, cambiá el color… buscá otra alternativa"). ===== */
.portal-interpatagonia { --pw-suave: #6f7fd6; --pw-pizarra: #3b4a8c; }
/* Barra de abajo de las fichas */
.portal-interpatagonia .zoc-rsv { background: linear-gradient(-45deg, #5bbfcc, #7c9ad8, #9a93d4, #7c9ad8, #5bbfcc) !important; background-size: 300% 300% !important; }
.portal-interpatagonia .zoc-btn, .portal-interpatagonia .zoc-btn:hover, .portal-interpatagonia .zoc-form .zoc-btn, .portal-interpatagonia .zoc-abierto .zoc-btn {
    background: #fff !important; color: var(--pw-pizarra) !important; box-shadow: 0 3px 12px rgba(30,40,90,.18) !important; animation: none !important; }
.portal-interpatagonia .zoc-btn:hover { background: #f3f5fc !important; }
/* Casillas y opciones: azul lavanda liso */
.portal-interpatagonia input[type=radio]:checked { border-color: var(--pw-suave); background: var(--pw-suave) !important; box-shadow: inset 0 0 0 3px #fff; }
.portal-interpatagonia .fc2-vias label.on { border-color: #b4bde8 !important; box-shadow: none; }
.portal-interpatagonia input[type=checkbox]:checked, .portal-interpatagonia .fc2-otros .co-todos input[type=checkbox]:checked, .portal-interpatagonia .fc2-flex input[type=checkbox]:checked,
.portal-interpatagonia .cm-flex input[type=checkbox]:checked, .portal-interpatagonia .cm-lista input[type=checkbox]:checked {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M5 12.5l4.5 4.5L19 7.5%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center/14px no-repeat, var(--pw-suave) !important; border-color: var(--pw-suave) !important; }
.portal-interpatagonia { accent-color: var(--pw-suave); }
/* Mapa: globos de precio blancos con letra oscura; el activo, gris pizarra. Puntos azul suave. */
.mm-pin b { background: #fff !important; color: #1f2937 !important; box-shadow: 0 2px 8px rgba(16,24,40,.25), 0 0 0 1px rgba(16,24,40,.08) !important; }
.mm-pin b::after { background: #fff !important; }
.mm-pin.mm-activo b, .mm-pin:hover b { background: #2f3a5a !important; color: #fff !important; }
.mm-pin.mm-activo b::after, .mm-pin:hover b::after { background: #2f3a5a !important; }
.portal-interpatagonia .mm-punto i, .pin-mapa span { background: var(--pw-suave) !important; }
.portal-interpatagonia .mm-punto.mm-activo i, .portal-interpatagonia .mm-punto:hover i, .pin-mapa:hover span { background: #2f3a5a !important; }
/* Precio y promo */
.ta-precio strong { background: none !important; -webkit-background-clip: border-box; background-clip: border-box; color: var(--pw-pizarra) !important; }
.portal-interpatagonia .ta-promo, .portal-interpatagonia .tarj-aloj .ta-promo { background: #d9707a !important; box-shadow: none; }

/* Nombre sobre el pin del mapa chico: nunca más ancho que el mapa; si no entra, termina en "…". */
.leaflet-tooltip.mm-nombre { max-width: 200px; overflow: hidden; text-overflow: ellipsis; }

/* "Enviar consulta" del formulario de la ficha con el mismo degradé lavado de la barra de abajo, y las casillas tildadas en lavanda
   (Hernán 12/10/2026: "hacelo más lavado como el zócalo… y el tilde azul engamalo"). */
.portal-interpatagonia .fc2-enviar, .portal-interpatagonia .fc2-enviar:hover, .portal-interpatagonia main.ficha.ab .fc2-enviar, .portal-interpatagonia main.ficha.ab .fc2-enviar:hover, .portal-interpatagonia .cm-enviar {
    background: linear-gradient(-45deg, #5bbfcc, #7c9ad8, #9a93d4, #7c9ad8, #5bbfcc) !important; background-size: 300% 300% !important; box-shadow: 0 5px 14px rgba(90,110,190,.25) !important; }
.portal-interpatagonia main.ficha input[type=checkbox], .portal-interpatagonia .zoc-rsv input[type=checkbox], .portal-interpatagonia .cm-caja input[type=checkbox], .portal-interpatagonia dialog input[type=checkbox] {
    -webkit-appearance: none; appearance: none; width: 20px; height: 20px; flex: none; margin: 0; border: 1.5px solid #c3c9d4; border-radius: 6px; background: #fff; cursor: pointer; display: inline-grid; place-content: center; vertical-align: middle; }
.portal-interpatagonia main.ficha input[type=checkbox]:checked, .portal-interpatagonia .zoc-rsv input[type=checkbox]:checked, .portal-interpatagonia .cm-caja input[type=checkbox]:checked, .portal-interpatagonia dialog input[type=checkbox]:checked {
    border-color: #8b97da !important; background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M5 12.5l4.5 4.5L19 7.5%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center/14px no-repeat, linear-gradient(135deg, #7c9ad8, #9a93d4) !important; }

/* Botones Consultar / Reservar de las tarjetas con el degradé lavado de la barra de abajo (Hernán 12/10/2026: "lavalos un poco"). */
.portal-interpatagonia .ta-reservar a, .portal-interpatagonia .ta-reservar a:not(.ta-reservar-blanco a), .portal-interpatagonia .ta-reservar-blanco a,
.pop-ficha .tarj-pop .ta-reservar a, .pop-ficha .tarj-pop .ta-reservar-blanco a {
    background: linear-gradient(-45deg, #5bbfcc, #7c9ad8, #9a93d4, #7c9ad8, #5bbfcc) !important; background-size: 300% 300% !important; box-shadow: 0 3px 10px rgba(90,110,190,.22) !important; text-shadow: 0 1px 2px rgba(40,50,110,.25); }
/* Círculos de WhatsApp / Teléfono: redondos siempre (no se estiran con la etiqueta) y en lavanda, como las casillas. */
.portal-interpatagonia input[type=radio] { width: 18px !important; height: 18px !important; min-width: 18px; min-height: 18px; max-width: 18px; max-height: 18px; aspect-ratio: 1; padding: 0 !important; flex: 0 0 18px !important; box-sizing: border-box; border-radius: 50% !important; }
.portal-interpatagonia input[type=radio]:checked { border-color: #8b97da !important; background: radial-gradient(circle, #fff 0 3px, transparent 3.5px), linear-gradient(135deg, #7c9ad8, #9a93d4) !important; box-shadow: none !important; }
.portal-interpatagonia .fc2-vias label.on { border-color: #b9c2ea !important; background: #f6f7fd; }
/* La casilla de "más prestadores" tenía forzado el aspecto nativo (azul) con !important: la misma casilla lavanda que el resto. */
.portal-interpatagonia main.ficha .fc2-otros .co-todos input[type=checkbox] { -webkit-appearance: none !important; appearance: none !important; width: 20px !important; height: 20px !important;
    border: 1.5px solid #c3c9d4 !important; border-radius: 6px !important; background: #fff !important; display: inline-grid !important; }
.portal-interpatagonia main.ficha .fc2-otros .co-todos input[type=checkbox]:checked { border-color: #8b97da !important;
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M5 12.5l4.5 4.5L19 7.5%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center/14px no-repeat, linear-gradient(135deg, #7c9ad8, #9a93d4) !important; }

/* Azules de formularios con el celeste agrisado del comienzo del degradé lavado (Hernán 12/10/2026: "como en la gama del recuadro"). */
.portal-interpatagonia { --pw-cel: #64b2d2; }
.portal-interpatagonia input[type=checkbox]:checked, .portal-interpatagonia main.ficha .fc2-otros .co-todos input[type=checkbox]:checked,
.portal-interpatagonia .fc2-otros .co-todos input[type=checkbox]:checked, .portal-interpatagonia .fc2-flex input[type=checkbox]:checked,
.portal-interpatagonia .cm-flex input[type=checkbox]:checked, .portal-interpatagonia .cm-lista input[type=checkbox]:checked,
.portal-interpatagonia dialog input[type=checkbox]:checked, .portal-interpatagonia .zoc-rsv input[type=checkbox]:checked {
    -webkit-appearance: none !important; appearance: none !important; border-color: var(--pw-cel) !important;
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M5 12.5l4.5 4.5L19 7.5%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center/14px no-repeat, var(--pw-cel) !important; }
.portal-interpatagonia .cm-lista input[type=checkbox], .portal-interpatagonia .cm-flex input[type=checkbox] { -webkit-appearance: none !important; appearance: none !important; width: 20px !important; height: 20px !important; border: 1.5px solid #c3c9d4; border-radius: 6px; background: #fff; display: inline-grid; }
.portal-interpatagonia input[type=radio]:checked { border-color: var(--pw-cel) !important; background: radial-gradient(circle, #fff 0 3px, transparent 3.5px), var(--pw-cel) !important; }
.portal-interpatagonia .fc2-vias label.on, .portal-interpatagonia .cm-r:has(input:checked) { border-color: #a9d3e4 !important; background: #f3f9fc !important; box-shadow: none !important; }
.portal-interpatagonia .cm-tel select { color: #3f8fb2; }
.portal-interpatagonia .cm-izq input:focus, .portal-interpatagonia .cm-izq textarea:focus, .portal-interpatagonia .cm-tel:focus-within,
.portal-interpatagonia .fc2 input:focus, .portal-interpatagonia .fc2 textarea:focus, .portal-interpatagonia .zoc-rsv input:focus, .portal-interpatagonia .zoc-rsv textarea:focus {
    outline: 0; border-color: var(--pw-cel) !important; box-shadow: 0 0 0 3px rgba(100,178,210,.18) !important; }
.portal-interpatagonia { accent-color: var(--pw-cel); }
/* Botón del newsletter del pie, con el degradé lavado. */
.portal-interpatagonia .pie-news-btn, .portal-interpatagonia .pie-news button { background: linear-gradient(-45deg, #5bbfcc, #7c9ad8, #9a93d4, #7c9ad8, #5bbfcc) !important; background-size: 300% 300% !important; border: 0 !important; color: #fff !important; }
.portal-interpatagonia .pie-news input:focus { border-color: var(--pw-cel) !important; box-shadow: 0 0 0 3px rgba(100,178,210,.18) !important; }

/* Degradé todavía más lavado (Hernán 12/10/2026: "hacelo más lavado"): barra de abajo de las fichas y botones que la acompañan. */
.portal-interpatagonia { --pw-lav: linear-gradient(-45deg, #7cc8d4, #94acdf, #aaa5dc, #94acdf, #7cc8d4); }
.portal-interpatagonia .zoc-rsv, .portal-interpatagonia .ta-reservar a, .portal-interpatagonia .ta-reservar a:not(.ta-reservar-blanco a), .portal-interpatagonia .ta-reservar-blanco a,
.pop-ficha .tarj-pop .ta-reservar a, .portal-interpatagonia .fc2-enviar, .portal-interpatagonia .fc2-enviar:hover, .portal-interpatagonia main.ficha.ab .fc2-enviar,
.portal-interpatagonia main.ficha.ab .fc2-enviar:hover, .portal-interpatagonia .cm-enviar, .portal-interpatagonia .pie-news-btn, .portal-interpatagonia .pie-news button {
    background: var(--pw-lav) !important; background-size: 300% 300% !important; }
.portal-interpatagonia .zoc-rsv .zoc-tit, .portal-interpatagonia .zoc-rsv .zoc-form label, .portal-interpatagonia .zoc-rsv .zoc-form span, .portal-interpatagonia .ta-reservar a,
.portal-interpatagonia .fc2-enviar, .portal-interpatagonia .cm-enviar { text-shadow: 0 1px 2px rgba(40,50,100,.35) !important; }
.portal-interpatagonia .zoc-rsv .zoc-form label, .portal-interpatagonia .zoc-rsv .zoc-flex, .portal-interpatagonia .zoc-rsv .zoc-otros { color: #fff !important; }
/* Las opciones WhatsApp / Teléfono de la barra van en cajas blancas: letra oscura, sin sombra. */
.portal-interpatagonia .zoc-rsv label:has(input[type=radio]), .portal-interpatagonia .zoc-rsv label:has(input[type=radio]) * { color: #1f2937 !important; text-shadow: none !important; }
.portal-interpatagonia .zoc-rsv label:has(input[type=checkbox]), .portal-interpatagonia .zoc-rsv label:has(input[type=checkbox]) * { color: #fff !important; opacity: 1 !important; text-shadow: 0 1px 2px rgba(40,50,100,.35); }
/* El mapa chico solo en la columna de la derecha: cuando las promociones bajan debajo del listado (pantallas de 1280 px o menos) o con el
   mapa grande abierto, no se muestra (Hernán 12/10/2026: "esto no debe verse acá"); ahí vuelve el botón "Ver mapa". */
@media (max-width: 1280px) { .mm-caja { display: none !important; } body:has(.mm-caja) .izq-flotante .boton-mapa, body:has(.mm-caja) #pf-vista { display: revert !important; } }
.listado-panel.en-mapa .mm-caja { display: none !important; }

/* Barra de abajo de las fichas en gris claro (Hernán 12/10/2026). Textos oscuros; el botón con el degradé lavado de las tarjetas. */
.portal-interpatagonia .zoc-rsv { background: #eef1f5 !important; background-image: none !important; animation: none !important; border-top: 1px solid #dde2e9; box-shadow: 0 -6px 18px rgba(16,24,40,.08) !important; }
.portal-interpatagonia .zoc-rsv .zoc-tit, .portal-interpatagonia .zoc-tit.zoc-precio strong, .portal-interpatagonia .zoc-tit.zoc-precio b { color: #2a3140 !important; text-shadow: none !important; }
.portal-interpatagonia .zoc-tit.zoc-precio, .portal-interpatagonia .zoc-tit.zoc-precio .fp-desde, .portal-interpatagonia .zoc-tit.zoc-precio .fp-unidad, .portal-interpatagonia .zoc-tit.zoc-precio .fp-nota { color: #6b7480 !important; }
.portal-interpatagonia .zoc-rsv label:has(input[type=checkbox]), .portal-interpatagonia .zoc-rsv label:has(input[type=checkbox]) *,
.portal-interpatagonia .zoc-rsv .zoc-form label, .portal-interpatagonia .zoc-rsv .zoc-flex, .portal-interpatagonia .zoc-rsv .zoc-otros { color: #3a4250 !important; text-shadow: none !important; }
.portal-interpatagonia .zoc-rsv .zoc-otros small, .portal-interpatagonia .zoc-rsv label:has(input[type=checkbox]) small { color: #7a8390 !important; }
.portal-interpatagonia .zoc-rsv .zoc-c, .portal-interpatagonia .zoc-rsv input:not([type=checkbox]):not([type=radio]), .portal-interpatagonia .zoc-rsv textarea, .portal-interpatagonia .zoc-rsv select { border: 1px solid #d6dbe3 !important; }
.portal-interpatagonia .zoc-btn, .portal-interpatagonia .zoc-btn:hover, .portal-interpatagonia .zoc-abierto .zoc-btn {
    background: linear-gradient(-45deg, #7cc8d4, #94acdf, #aaa5dc, #94acdf, #7cc8d4) !important; background-size: 300% 300% !important; color: #fff !important;
    text-shadow: 0 1px 2px rgba(40,50,100,.3); box-shadow: 0 3px 10px rgba(90,110,190,.22) !important; }
.portal-interpatagonia .zoc-wa, .portal-interpatagonia .zoc-wa-ic { background: #fff; border: 1px solid #d6dbe3; }

/* Un poco más de saturación en botones y casillas (Hernán 12/10/2026), entre el lavado y el anterior. */
.portal-interpatagonia { --pw-lav: linear-gradient(-45deg, #6cc4d0, #889fdb, #a29cd8, #889fdb, #6cc4d0); --pw-cel: #52a9cc; }
.portal-interpatagonia .ta-reservar a, .portal-interpatagonia .ta-reservar a:not(.ta-reservar-blanco a), .portal-interpatagonia .ta-reservar-blanco a, .pop-ficha .tarj-pop .ta-reservar a,
.portal-interpatagonia .fc2-enviar, .portal-interpatagonia .fc2-enviar:hover, .portal-interpatagonia main.ficha.ab .fc2-enviar, .portal-interpatagonia main.ficha.ab .fc2-enviar:hover,
.portal-interpatagonia .cm-enviar, .portal-interpatagonia .pie-news-btn, .portal-interpatagonia .pie-news button,
.portal-interpatagonia .zoc-btn, .portal-interpatagonia .zoc-btn:hover, .portal-interpatagonia .zoc-abierto .zoc-btn { background: var(--pw-lav) !important; background-size: 300% 300% !important; }
/* "¿Preferís WhatsApp? Consultale a Sergio" sin recuadro: el fondo blanco con borde es solo para el botón redondo de WhatsApp. */
.portal-interpatagonia .zoc-wa:not(.zoc-wa-ic) { background: none !important; border: 0 !important; box-shadow: none !important; }

/* Cartel corrido hacia adentro: sin la flechita, que ya no apunta al pin. */
.leaflet-tooltip.mm-nombre.mm-corrido::before { display: none; }

/* "Enviar la misma consulta a varios establecimientos similares": letra chica, gris, sin recuadro ni negrita, tilde más chico (Hernán 12/10/2026). */
.portal-interpatagonia .fc2-otros { border: 0 !important; background: none !important; padding: 6px 2px 0 !important; box-shadow: none !important; }
.portal-interpatagonia .fc2-otros .co-todos { display: flex !important; align-items: center !important; gap: 7px !important; padding: 0 !important; }
.portal-interpatagonia .co-chico { font: 400 12px/1.35 Inter, sans-serif; color: #7a8390; }
.portal-interpatagonia .zoc-rsv .co-chico { color: #6b7480 !important; }
.portal-interpatagonia main.ficha .fc2-otros .co-todos input[type=checkbox], .portal-interpatagonia .zoc-otros input[type=checkbox] {
    width: 15px !important; height: 15px !important; min-width: 15px; border-radius: 4px !important; background-size: 10px, auto !important; }
.portal-interpatagonia main.ficha .fc2-otros .co-todos input[type=checkbox]:checked, .portal-interpatagonia .zoc-otros input[type=checkbox]:checked { background-size: 10px, auto !important; }
.portal-interpatagonia .fc2-otros .co-todos, .portal-interpatagonia .fc2-otros > * { border: 0 !important; background: none !important; box-shadow: none !important; }
/* Barra de abajo escondida mientras se ve el formulario de consulta (Hernán 13/10/2026). */
.zoc-rsv { transition: transform .3s ease, opacity .3s ease; }
.zoc-rsv.zoc-escondida { transform: translateY(110%); opacity: 0; pointer-events: none; }

/* Formulario de consulta de la ficha más compacto: entero en pantalla al tocar "Consultar" (Hernán 13/10/2026). */
main.ficha.ab .caja-consulta.fc2 { padding-top: 16px !important; padding-bottom: 14px !important; }
main.ficha.ab .caja-consulta.fc2 h2 { margin: 0 0 12px !important; font-size: 20px !important; line-height: 1.2 !important; }
main.ficha.ab .fc2 form.form-consulta { gap: 9px !important; row-gap: 9px !important; }
main.ficha.ab .fc2 form.form-consulta > * { margin-top: 0 !important; margin-bottom: 0 !important; }
main.ficha.ab .fc2 .fc2-l input, main.ficha.ab .fc2 .fc2-caja, main.ficha.ab .fc2 .vj-btn, main.ficha.ab .fc2 .fc2-vias label, main.ficha.ab .fc2 .tel-caja, main.ficha.ab .fc2 [class*=tel] input {
    min-height: 0 !important; height: 42px !important; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box; }
main.ficha.ab .fc2 .fc2-fila { gap: 9px !important; }
main.ficha.ab .fc2 .fc2-fechas > span, main.ficha.ab .fc2 .fc2-hues > span { display: block; margin: 0 0 4px !important; font-size: 13px !important; }
main.ficha.ab .fc2 textarea[name=mensaje] { height: 64px !important; min-height: 64px !important; }
main.ficha.ab .fc2 .fc2-flex { margin: 0 !important; }
main.ficha.ab .fc2 .fc2-enviar { height: 46px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
/* Desplegable de idiomas otra vez blanco, con letra oscura (Hernán 13/10/2026); sigue abriéndose al pasar el cursor. */
.idiomas.desplegable .idi-lista { background: #fff !important; box-shadow: 0 10px 28px rgba(16,24,40,.16) !important; }
.idiomas.desplegable .idi-lista a { color: #374151 !important; font-weight: 400 !important; }
.idiomas.desplegable .idi-lista a:hover { background: #f3f6f9 !important; color: #1f2937 !important; }

/* Botones RESERVAR / CONSULTAR de las tarjetas con el mismo degradé e intensidad que la barra de arriba (Hernán 13/10/2026). */
.portal-interpatagonia .ta-reservar a, .portal-interpatagonia .ta-reservar a:not(.ta-reservar-blanco a), .portal-interpatagonia .ta-reservar-blanco a,
.pop-ficha .tarj-pop .ta-reservar a, .pop-ficha .tarj-pop .ta-reservar-blanco a {
    background: var(--pw-deg) !important; background-size: 300% 300% !important; animation: cab-grad 14s ease infinite !important;
    box-shadow: 0 4px 12px rgba(110,90,220,.25) !important; text-shadow: 0 1px 2px rgba(60,40,140,.3) !important; }
/* Portada: sin el subtítulo "Hoteles, restaurantes, autos y servicios en N ciudades" ni los botones de secciones debajo (Hernán 13/10/2026). */
.hero-texto .hero-sub, .hero-texto > .chips { display: none !important; }
/* Descripción a todo el ancho arriba de las columnas de la ficha (Hernán 13/10/2026). */
main.ficha.ab .ab-intro { margin: 0 0 22px; }
main.ficha.ab .ab-intro .prosa { max-width: none; }
main.ficha.ab .ficha-cols > .ficha-main > :first-child { margin-top: 0 !important; padding-top: 0 !important; }
main.ficha.ab .ficha-lado .caja-consulta { margin-top: 0 !important; }

/* El globo o punto de la tarjeta con el cursor encima, siempre al frente (no queda tapado por otro globo cercano). */
.mm-mapa .leaflet-marker-icon.mm-activo { z-index: 99999 !important; }
.mm-mapa .leaflet-tooltip-pane { z-index: 100000; }
/* Barra desplegada: "Dispongo de fechas flexibles" a la izquierda y "Enviar la misma consulta…" a la derecha (Hernán 13/10/2026). */
.zoc-form .zoc-flex { grid-column: 1 / 3 !important; grid-row: 3 !important; justify-self: start; }
.zoc-form .zoc-otros { grid-column: 3 / -1 !important; grid-row: 3 !important; justify-self: end; }

/* Globo de precio dibujado debajo de su punto cuando pisaría a otro. */
.mm-pin.mm-abajo b { transform: translate(-50%, 8px) !important; }
.mm-pin.mm-abajo b::after { top: -4px; bottom: auto; }
.mm-pin.mm-abajo.mm-activo b, .mm-pin.mm-abajo:hover b { transform: translate(-50%, 8px) scale(1.08) !important; }
.mm-pin b { transition: background .15s, color .15s !important; }   /* sin animar la posición: el cálculo de globos encimados mide al instante */

/* Tarjetas de alojamiento (Hernán 14/10/2026): la dirección no se ve; aparece arriba del mapa al pasar el cursor por "Ver ubicación".
   En la tarjeta que se abre desde el mapa (sin "Ver ubicación") sigue visible. */
.tarj-aloj.ta-dir-hover:not(.tarj-pop) .ta-dir { display: none !important; }
.ta-mapa-ubic .ta-mapa-dir { position: absolute; top: 10px; left: 10px; right: 10px; z-index: 500; width: fit-content; max-width: calc(100% - 20px);
    padding: 5px 10px; border-radius: 8px; background: rgba(255,255,255,.94); box-shadow: 0 2px 8px rgba(16,24,40,.18);
    color: #1f2937; font: 500 12.5px/1.35 Inter, sans-serif; }

/* Tarjetas de alojamiento sin la línea de dirección (Hernán 14/10/2026): cuerpo más compacto. Sin valoraciones, "Verificado" ya no se
   monta sobre la dirección (margen negativo de antes): queda en su propia fila y no pisa "Llamar". */
.tarj-aloj.ta-dir-hover:not(.tarj-pop) .ta-cuerpo { padding-top: 11px; padding-bottom: 4px !important; }
.tarj-aloj.ta-dir-hover:not(.tarj-pop) h3 { margin-bottom: 0; }
.tarj-aloj.ta-dir-hover:not(.tarj-pop) .valo-veri { margin: 1px 0 0; }
.tarj-aloj.ta-dir-hover:not(.tarj-pop) .ta-fila-ll { margin-top: 3px; }

/* Listados livianos (Héctor 15/10/2026): el navegador no dibuja las tarjetas que están fuera de pantalla (con 781 en Bariloche,
   cada foto que pasaba obligaba a recalcularlas todas). Y los que no son clientes al día quedan detrás de "Ver N opciones más". */
article.tarj { content-visibility: auto; contain-intrinsic-size: auto 470px; }
article.tarj.pw-resto { display: none !important; }
.pw-ver-resto { display: block; margin: 22px auto 8px; padding: 13px 28px; border: 1px solid #cfd8e3; border-radius: 999px; background: #fff;
  color: #1e3a5f; font: 600 15px/1.2 inherit; cursor: pointer; box-shadow: 0 2px 8px rgba(15, 30, 50, .06); }
.pw-ver-resto:hover, .pw-ver-resto:focus-visible { border-color: #2866cc; color: #2866cc; }
.pw-ver-resto[hidden] { display: none; }

/* Vuelta al azul sobrio del 9/10 (Hernán 15/10/2026: "volvé al color que tenía antes"): la barra de arriba y los botones que la
   acompañan dejan el celeste → violeta del 12/10 y vuelven a #2866cc ↔ #29b7c9, con el mismo movimiento. */
.portal-interpatagonia { --pw-deg: linear-gradient(-45deg, #2866cc, #29b7c9, #2866cc, #29b7c9); --pw-azul: #2866cc; accent-color: #2866cc; }
.portal-interpatagonia input[type="radio"], .portal-interpatagonia input[type="checkbox"] { accent-color: #2866cc; }
.portal-interpatagonia .cab .cab-buscar, .portal-interpatagonia .cab form[role="search"] { background-color: rgba(10,40,90,.2); }
.portal-interpatagonia .ta-reservar a:not(.ta-reservar-blanco a) { text-shadow: 0 1px 2px rgba(20,60,120,.3); box-shadow: 0 4px 12px rgba(40,102,204,.25); }

/* La cinta ¡PROMOCIÓN! de las tarjetas es un link a la promoción de la ficha (Hernán 15/10/2026). */
a.ta-promo { color: #fff; text-decoration: none; cursor: pointer; }
a.ta-promo:hover, a.ta-promo:focus-visible { filter: brightness(1.08); text-decoration: underline; text-underline-offset: 2px; }
#promo { scroll-margin-top: 90px; }

/* ---- Íconos y textos de las tarjetas de alojamiento desde el CSS (Rolo 15/10/2026) ----
   Antes cada tarjeta traía su <svg> completo (corazón, teléfono, calendario, llamita) y sus textos ("Llamar", "Consultar",
   "Consultas múltiples", "WhatsApp"): cientos de veces lo mismo en cada listado. Ahora el HTML lleva solo la clase:
   ic-* = ícono en /portal-web-assets/iconos/*.svg (se baja una vez y queda en caché), pintado con el color del botón (máscara);
   tx-* = texto en ::after, por idioma. Mismo criterio que "Verificado" (.vv-ver) y "Ver ubicación" (.ta-ver-ubic). */
.ic::before { content: ""; flex: none; display: inline-block; width: 14px; height: 14px; background: currentColor;
    -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.ic-tel { --ic: url("/portal-web-assets/iconos/telefono.svg"); }
.ic-cal { --ic: url("/portal-web-assets/iconos/calendario.svg"); }
.ic-llama { --ic: url("/portal-web-assets/iconos/llama.svg"); }
.ic-corazon { --ic: url("/portal-web-assets/iconos/corazon.svg"); }
.ic-corazon[aria-pressed="true"] { --ic: url("/portal-web-assets/iconos/corazon-lleno.svg"); }
.ic-tel::before { width: 13px; height: 13px; }
.tarj-aloj .ic-cal::before { width: 13px; height: 13px; }
.ic-llama::before { width: 11px; height: 11px; }
.ta-fav.ic::before { width: 24px; height: 24px; transition: transform .2s cubic-bezier(.16,1,.3,1); }
.tarj-aloj .ta-fav.ic::before { width: 19px; height: 19px; }
.ta-fav.ic[aria-pressed="true"]::before { transform: scale(1.08); }
.tx-llamar::after { content: "Llamar"; }
:lang(en) .tx-llamar::after { content: "Call"; }
:lang(pt) .tx-llamar::after { content: "Ligar"; }
.tx-consultar::after { content: "Consultar"; }
:lang(en) .tx-consultar::after { content: "Inquire"; }
.tx-multi::after { content: "Consultas múltiples"; }
:lang(en) .tx-multi::after { content: "Multiple inquiries"; }
:lang(pt) .tx-multi::after { content: "Consultas múltiplas"; }
.tx-wa::after { content: "WhatsApp"; }

/* Carrusel de paseos con tarjetas angostas y foto vertical, como los videos de Infobae (Hernán 15/10/2026: "que sean más angostos así se
   ven más"): 5 por fila en computadora, título en dos renglones, sin el texto de la nota (no entra a ese ancho). */
.pc-pista { gap: 18px; }
.pc-pista > .paseo-card { flex: 0 0 calc((100% - 72px) / 5); border: 1px solid #e3e7ec; border-radius: 12px; box-shadow: 0 2px 8px rgba(16,24,40,.06); }
.pc-pista > .paseo-card:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(16,24,40,.12); }
.pc-pista > .paseo-card > img, .pc-pista > .paseo-card:not(:has(img))::before { aspect-ratio: 4 / 3 !important;   /* 4:3 (Héctor 16/10/2026: "menos verticales"; antes 9 / 15) */ height: auto !important; width: 100%; object-fit: cover; }
.pc-pista .paseo-cuerpo { padding: 12px 14px 14px !important; gap: 6px; }
.pc-pista .paseo-cuerpo b { font: 700 15.5px/1.3 Manrope, Inter, sans-serif; -webkit-line-clamp: 2; }
.pc-pista .paseo-cuerpo em { display: none !important; }
.pc-pista .paseo-cuerpo small { font-size: 12.5px; padding-top: 4px; }
.pc-pista .paseo-card .cc-cred { top: calc(75cqw - 24px) !important; }
.pc-ant, .pc-sig { top: calc(50% - 40px); }
@media (max-width: 1200px) { .pc-pista > .paseo-card { flex-basis: calc((100% - 54px) / 4); } }
@media (max-width: 900px) { .pc-pista > .paseo-card { flex-basis: calc((100% - 36px) / 3); } }
@media (max-width: 640px) { .pc-pista { gap: 12px; } .pc-pista > .paseo-card { flex-basis: 42%; } .pc-pista .paseo-cuerpo b { font-size: 14px; } }


/* Botones − / + de huéspedes con el mismo degradé que los botones (Hernán 15/10/2026: "que sea del color de los botones"). */
.portal-interpatagonia .selector-pax.pf-stepper button, .portal-interpatagonia .pf-stepper button {
    background: var(--pw-deg) !important; background-size: 300% 300% !important; border-color: transparent !important; color: #fff !important; }

/* "Ver listado" / "Ver mapa" (y Favoritos) siempre a la vista arriba de la columna izquierda, aunque se baje por los filtros
   (Hernán 15/10/2026). La columna se desplaza por dentro; este bloque queda pegado arriba. */
@media (min-width: 901px) {
    .listado-panel > .izq-vivo .izq-flotante { position: sticky !important; top: 0 !important; z-index: 4; background: #f5f8fb; padding: 2px 0 4px; box-shadow: 0 6px 8px -8px rgba(16,24,40,.25); }
}

/* Nombres de las zonas sobre el mapa (Hernán 15/10/2026): todas a la vista; la elegida en naranja, la que tiene el cursor en azul. */
.leaflet-tooltip.zona-nombre { background: rgba(255,255,255,.82); border: 0; border-radius: 6px; box-shadow: 0 1px 3px rgba(16,24,40,.15); padding: 2px 7px;
    font: 600 11.5px/1.3 Inter, sans-serif; color: #475569; white-space: nowrap; pointer-events: none; }
.leaflet-tooltip.zona-nombre::before { display: none; }
.leaflet-tooltip.zona-nombre.zn-elegida { background: #c2410c; color: #fff; }
.leaflet-tooltip.zona-nombre.zn-vista { background: #2866cc; color: #fff; }
#f-zonas label { cursor: pointer; }

/* Tipo de alojamiento arriba del nombre ("Hostería 2 estrellas"; Hernán 15/10/2026). */
.tarj .ta-tipo { margin: 0 0 1px; font: 400 14px/1.3 Inter, sans-serif; color: #6b7480; letter-spacing: 0; text-transform: none; }
.tarj .ta-tipo { font-size: 12px; line-height: 1.15; margin: 0; }   /* más chico, para que la tarjeta no crezca (Hernán 15/10/2026) */

/* Servicios turísticos sin el hueco a la derecha de las tarjetas (Hernán 15/10/2026: "optimizá los espacios"): columnas flexibles,
   tres por fila donde entran (antes dos de 268 px fijos y ~200 px vacíos). */
@media (min-width: 901px) {
    body.pw-servicios #grilla-fotos { grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)) !important; gap: 16px; }
    body.pw-servicios article.tarj-aloj .ta-cuerpo { padding-bottom: 10px; }
}
@media (min-width: 901px) { body.pw-servicios #grilla-fotos > article.tarj { width: auto !important; min-width: 0 !important; } }   /* las tarjetas al ancho de su columna (venían con 268 px fijos) */

/* Tarjeta flotante al pasar el cursor por un punto del mapa chico de Gastronomía (Hernán 15/10/2026). */
.mm-ficha { position: fixed; z-index: 1200; width: 300px; border-radius: 14px; background: #fff; box-shadow: 0 18px 40px rgba(16,24,40,.25); }
.mm-ficha[hidden] { display: none; }
.mm-ficha article.tarj { margin: 0; width: 100% !important; height: auto !important; min-height: 0 !important; box-shadow: none; content-visibility: visible; }

/* "Imperdibles" de la página de paseos con el mismo carrusel angosto de "Para conocer…" (Hernán 15/10/2026: "poné el carrusel que hiciste
   hoy"): foto vertical, 5 por fila en computadora, la categoría y el título debajo de la foto. */
.ps-dest-pista { gap: 18px; padding-bottom: 20px; }
.ps-d, body.pw-paseos .ps-d { flex: 0 0 calc((100% - 72px) / 5); aspect-ratio: auto; display: flex; flex-direction: column; background: #fff; border: 1px solid #e3e7ec;
    border-radius: 12px; box-shadow: 0 2px 8px rgba(16,24,40,.06); transition: transform .2s, box-shadow .2s; }
.ps-d:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(16,24,40,.12); }
.ps-d::after { display: none; }
.ps-d img { height: auto; aspect-ratio: 9 / 15; flex: none; background: #eef1f4; }
.ps-d:hover img { transform: none; }
.ps-d-txt { position: static; padding: 10px 14px 14px; color: #1f2933; display: flex; flex-direction: column; gap: 4px; }
.ps-d-txt small { padding: 0; border-radius: 0; background: none; backdrop-filter: none; margin: 0; color: #6b7480; font: 400 12px/1.3 Inter, sans-serif; letter-spacing: 0; }
.ps-d-txt b { font: 700 15.5px/1.3 Manrope, Inter, sans-serif; text-shadow: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ps-ant, .ps-sig { top: calc(50% - 30px); }
@media (max-width: 1200px) { .ps-d, body.pw-paseos .ps-d { flex-basis: calc((100% - 54px) / 4); } }
@media (max-width: 900px) { .ps-d, body.pw-paseos .ps-d { flex-basis: calc((100% - 36px) / 3); } }
@media (max-width: 640px) { .ps-dest-pista { gap: 12px; } .ps-d, body.pw-paseos .ps-d { flex-basis: 42%; } .ps-d-txt b { font-size: 14px; } }

/* Tarjetas de Servicios turísticos más cortas (Hernán 15/10/2026: "optimizá los espacios como para que la ficha quede más corta"):
   foto 16:10 (antes 4:3), menos aire entre nombre, dirección y Llamar, y los botones de abajo más bajos. */
body.pw-servicios article.tarj-aloj .ta-fotos { aspect-ratio: 16 / 10 !important; }
body.pw-servicios article.tarj-aloj .ta-cuerpo { padding: 10px 14px 8px !important; }
body.pw-servicios article.tarj-aloj .ta-cuerpo h3 { margin-bottom: 2px !important; }
body.pw-servicios article.tarj-aloj .ta-dir { min-height: 0 !important; padding-top: 0 !important; }
body.pw-servicios article.tarj-aloj .ta-llamar { margin-top: 4px !important; }
body.pw-servicios article.tarj-aloj .ta-botones > * { padding-top: 8px !important; padding-bottom: 8px !important; }

/* Gastronomía: mapa grande a la derecha (Hernán 15/10/2026: "el mapa debe ser más grande, como en el recuadro"): ocupa el lugar de la
   tercera columna de tarjetas y la columna derecha, con el alto de la pantalla; el listado queda en dos columnas. */
@media (min-width: 1281px) {
    body.pw-gastro .listado-panel:has(.mm-caja) { grid-template-columns: 250px minmax(0, 1fr) minmax(0, 1fr) !important; }
    body.pw-gastro .listado-panel:has(.mm-caja) #grilla-fotos { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    body.pw-gastro .listado-panel:has(.mm-caja) #grilla-fotos > article.tarj { width: auto !important; min-width: 0 !important; }
    body.pw-gastro .mm-caja .mm-mapa { height: calc(100vh - var(--h-cab, 72px) - 24px) !important; border-radius: 14px; }
}
@media (min-width: 1281px) { body.pw-gastro .listado-panel:has(.mm-caja) > .der-vivo { width: auto !important; max-width: none !important; min-width: 0 !important; } body.pw-gastro .listado-panel:has(.mm-caja) > .der-vivo .mm-caja { width: auto !important; } }   /* la columna del mapa a todo su ancho (venía con 280 px fijos) */

/* Gastronomía sin los banners de la columna derecha por ahora (Hernán 15/10/2026: "después veo dónde ponerlos"). */
body.pw-gastro .der-vivo > .bpxhrs { display: none !important; }

/* Gastronomía: tarjetas más chicas y angostas (Hernán 15/10/2026): tres por fila al lado del mapa grande (dos en pantallas medianas),
   foto más baja, textos y márgenes más compactos. La ficha flotante del mapa, también más angosta. */
@media (min-width: 1281px) {
    body.pw-gastro .listado-panel:has(.mm-caja) #grilla-fotos { grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)) !important; gap: 14px !important; }
}
body.pw-gastro article.tarj-aloj .ta-fotos { aspect-ratio: 4 / 3 !important; }
body.pw-gastro article.tarj-aloj .ta-cuerpo { padding: 9px 12px 6px !important; }
body.pw-gastro article.tarj-aloj .ta-cuerpo h3 { font-size: 15px !important; line-height: 1.25 !important; margin-bottom: 2px !important; }
body.pw-gastro article.tarj-aloj .ta-tipo { font-size: 11px; }
body.pw-gastro article.tarj-aloj .ta-dir { min-height: 0 !important; padding-top: 0 !important; font-size: 12px !important; }
body.pw-gastro article.tarj-aloj .ta-llamar { margin-top: 4px !important; }
body.pw-gastro article.tarj-aloj .ta-reservar { padding-bottom: 6px !important; }
body.pw-gastro article.tarj-aloj .ta-reservar a { padding-top: 7px !important; padding-bottom: 7px !important; font-size: 12px !important; }
body.pw-gastro article.tarj-aloj .ta-botones > * { padding-top: 8px !important; padding-bottom: 8px !important; font-size: 11.5px !important; }
.mm-ficha { width: 250px; }
body.pw-gastro article.tarj-aloj .ta-ver-ubic { white-space: nowrap !important; font-size: 11.5px !important; } body.pw-gastro article.tarj-aloj .ta-llamar { font-size: 11.5px !important; padding: 3px 8px !important; }   /* "Ver ubicación" en un renglón en las tarjetas angostas */

/* Gastronomía: encabezado con menos aire, buscador ancho con lupa y lista de tipos compacta (Hernán 15/10/2026). */
body.pw-gastro .sup-vivo { margin-bottom: 10px !important; }
body.pw-gastro #f-nombre.pr-buscar { width: min(380px, 100%) !important; padding-left: 40px !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7480' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px 50% !important; }
body.pw-gastro #f-nombre.pr-buscar:focus { border-color: #2866cc !important; box-shadow: 0 0 0 3px rgba(40,102,204,.15) !important; outline: none; }
body.pw-gastro .panel-f .chips-rubros button { display: flex !important; align-items: baseline; justify-content: space-between; gap: 8px; width: 100%; text-align: left;
    padding: 4px 10px !important; font-size: 13.5px !important; line-height: 1.3 !important; min-height: 0 !important; }
body.pw-gastro .panel-f .chips-rubros button small { flex: none; margin-left: auto !important; }
body.pw-gastro .panel-f .chips-rubros button.cr-oculto { display: none !important; }
body.pw-gastro .panel-f .chips-rubros .cr-mas { display: block; width: 100%; margin-top: 4px; padding: 6px 10px; border: 0; background: none; text-align: left;
    color: #2866cc; font: 600 13px Inter, sans-serif; cursor: pointer; }
body.pw-gastro .panel-f .chips-rubros .cr-mas:hover { text-decoration: underline; }
/* Gastronomía: título y buscador en el mismo renglón, la cantidad debajo; "Llamar" y "Ver ubicación" entran en las tarjetas angostas. */
body.pw-gastro .sup-vivo .sup-fila { flex-wrap: wrap !important; row-gap: 2px; }
body.pw-gastro .sup-vivo .sup-fila .cuenta { order: 3; flex: 0 0 100% !important; margin: 0 !important; font-size: 13px !important; }
body.pw-gastro #f-nombre.pr-buscar { flex: 1 1 220px !important; width: auto !important; max-width: 380px; margin-left: auto !important; }
body.pw-gastro article.tarj-aloj .ta-fila-ll { gap: 4px !important; }
body.pw-gastro article.tarj-aloj .ta-llamar { padding: 3px 7px !important; }
body.pw-gastro article.tarj-aloj .ta-ver-ubic { font-size: 11px !important; }
body.pw-gastro article.tarj-aloj .ta-llamar { font-size: 11px !important; padding: 3px 6px !important; } body.pw-gastro article.tarj-aloj .ta-ver-ubic { font-size: 10.5px !important; letter-spacing: -.01em; }
body.pw-gastro .sup-vivo .sup-fila h1 { font-size: 28px !important; } body.pw-gastro #f-nombre.pr-buscar { flex-basis: 200px !important; }   /* título y buscador en un solo renglón */
body.pw-gastro .sup-vivo .sup-fila h1 { order: 1 !important; } body.pw-gastro #f-nombre.pr-buscar { order: 2 !important; } body.pw-gastro .sup-vivo .sup-fila .cuenta { order: 3 !important; }

/* Gastronomía con mapa grande (Hernán 15/10/2026): página a todo el ancho, filtros angostos (195 px), buscador arriba de los filtros,
   título y cantidad en un renglón, todo más arriba; el mapa se queda con el espacio que sobra. */
@media (min-width: 1281px) {
    body.pw-gastro main.ancho:has(.mm-caja) { width: calc(100% - 40px) !important; }
    body.pw-gastro .listado-panel:has(.mm-caja) { margin-top: 2px !important; grid-template-columns: 195px 598px minmax(0, 1fr) !important; column-gap: 18px !important; }
    body.pw-gastro .listado-panel.lp-buscar-arriba > #f-nombre { grid-column: 1; grid-row: 1; align-self: start; width: 100% !important; max-width: none !important; margin: 4px 0 0 !important; flex: none !important; }
    body.pw-gastro .listado-panel.lp-buscar-arriba > .panel-f { grid-column: 1; grid-row: 2; margin-top: 10px !important; }
    body.pw-gastro .listado-panel.lp-buscar-arriba > .panel-res { grid-column: 2; grid-row: 1 / span 2; }
    body.pw-gastro .listado-panel.lp-buscar-arriba > .der-vivo { grid-column: 3; grid-row: 1 / span 2; margin-top: 54px !important; }
    body.pw-gastro .listado-panel:has(.mm-caja) .sup-vivo { margin-bottom: 8px !important; }
    body.pw-gastro .listado-panel:has(.mm-caja) .sup-vivo .sup-fila { flex-wrap: nowrap !important; align-items: baseline; }
    body.pw-gastro .listado-panel:has(.mm-caja) .sup-vivo .sup-fila .cuenta { order: 2 !important; flex: 0 0 auto !important; margin-left: 16px !important; font-size: 14px !important; }
    body.pw-gastro .listado-panel:has(.mm-caja) .panel-f { padding-left: 12px !important; padding-right: 10px !important; }
    body.pw-gastro .listado-panel:has(.mm-caja) .panel-f .chips-rubros button { font-size: 13px !important; padding: 4px 8px !important; }
    body.pw-gastro .listado-panel:has(.mm-caja) .panel-f label { font-size: 13px; }
}
body.pw-gastro article.tarj-aloj .ta-ver-ubic { font-size: 10px !important; }
@media (min-width: 1281px) { body.pw-gastro .listado-panel.lp-buscar-arriba > #f-nombre { font-size: 13.5px !important; padding-left: 34px !important; padding-right: 10px !important; background-position: 11px 50% !important; } }

/* Gastronomía: tarjetas sin ficha (tarj-gs) con el mismo diseño que las otras (Hernán 15/10/2026): "Llamar" y "Ver ubicación" chicos en
   un renglón; abajo WhatsApp a lo ancho (letra más chica, sin cortarse) e Instagram como ícono a la derecha. */
body.pw-gastro article.tarj-gs .gs-acc { display: flex !important; flex-wrap: nowrap !important; align-items: center; justify-content: space-between; gap: 4px !important; }
body.pw-gastro article.tarj-gs .gs-btn { flex: none; font-size: 11px !important; padding: 3px 7px !important; white-space: nowrap; }
body.pw-gastro article.tarj-gs .gs-link { flex: none; font-size: 10px !important; white-space: nowrap; display: inline-flex; align-items: center; gap: 3px; }
body.pw-gastro article.tarj-gs .gs-link svg { width: 11px; height: 11px; }
body.pw-gastro article.tarj-gs .gs-pie { display: flex !important; align-items: stretch; }
body.pw-gastro article.tarj-gs .gs-pie .gs-wa { order: 1; flex: 1 1 auto !important; min-width: 0; font-size: 11.5px !important; padding: 10px 6px !important; white-space: nowrap; text-align: center;
    text-transform: uppercase; letter-spacing: .03em; font-weight: 700; }
body.pw-gastro article.tarj-gs .gs-pie .gs-ig { order: 2; flex: 0 0 46px !important; display: flex !important; align-items: center; justify-content: center; padding: 0 !important;
    border-left: 1px solid #e5e7eb; color: #4b5563 !important; }
body.pw-gastro article.tarj-gs .gs-pie .gs-ig span { display: none !important; }
body.pw-gastro article.tarj-gs .gs-pie .gs-ig svg { width: 17px; height: 17px; }
body.pw-gastro article.tarj-gs .gs-pie .gs-ig:only-child { flex: 1 1 auto !important; border-left: 0; }
body.pw-gastro article.tarj-gs .gs-pie .gs-ig:only-child { gap: 6px; padding: 10px 6px !important; color: #c13584 !important; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; } body.pw-gastro article.tarj-gs .gs-pie .gs-ig:only-child span { display: inline !important; }   /* solo Instagram: ícono y palabra */

/* Gastronomía: parte de arriba de la columna izquierda más compacta (Hernán 15/10/2026: "comprimilo un poco, que quede más estilizado"). */
@media (min-width: 1281px) {
    body.pw-gastro .listado-panel.lp-buscar-arriba > #f-nombre { height: 36px !important; padding-top: 7px !important; padding-bottom: 7px !important; margin-top: 2px !important; border-radius: 999px; }
    body.pw-gastro .listado-panel.lp-buscar-arriba > .panel-f { margin-top: 8px !important; padding-top: 10px !important; }
    body.pw-gastro .panel-f .pw-fav-caja { margin-bottom: 6px !important; }
    body.pw-gastro .panel-f #f-fav { padding-top: 2px !important; padding-bottom: 2px !important; font-size: 12.5px !important; }
    body.pw-gastro .panel-f .pf-bloque { padding-top: 8px !important; margin-top: 4px !important; }
    body.pw-gastro .panel-f .pf-bloque > :first-child:not(.chips-rubros):not(label) { margin-bottom: 5px !important; }
    body.pw-gastro .panel-f .chips-rubros button { padding-top: 3px !important; padding-bottom: 3px !important; }
    body.pw-gastro .panel-f .interruptores label { display: flex; align-items: center; gap: 6px; font-size: 13px; padding: 2px 0; }
    body.pw-gastro .panel-f .interruptores label small { margin-left: auto; color: #9aa4b0; }
}
@media (min-width: 1281px) { body.pw-gastro .panel-f .interruptores label { min-height: 0 !important; margin: 0 !important; padding: 3px 0 !important; line-height: 1.25 !important; } body.pw-gastro .panel-f .interruptores input[type="checkbox"] { width: 14px !important; height: 14px !important; margin: 0 !important; flex: none; } body.pw-gastro .panel-f .interruptores label small { font-size: 11.5px; } }

/* Servicios turísticos: columna de filtros arriba de todo, a la altura del título, y más compacta (Hernán 15/10/2026: "subí todo como el
   recuadro rojo, optimizá todos los espacios"). */
@media (min-width: 901px) {
    body.pw-servicios .listado-panel > .panel-f { margin-top: 0 !important; padding-top: 10px !important; padding-left: 12px !important; padding-right: 10px !important; }
    body.pw-servicios .listado-panel { margin-top: 2px !important; }
    body.pw-servicios .panel-f .pw-fav-caja { margin-bottom: 6px !important; }
    body.pw-servicios .panel-f #f-fav { padding-top: 2px !important; padding-bottom: 2px !important; font-size: 12.5px !important; }
    body.pw-servicios .panel-f .pf-bloque { padding-top: 8px !important; margin-top: 4px !important; }
    body.pw-servicios .panel-f .pf-bloque > :first-child:not(.chips-rubros):not(label) { margin-bottom: 5px !important; }
    body.pw-servicios .panel-f .chips-rubros button { display: flex !important; align-items: baseline; justify-content: space-between; gap: 8px; width: 100%; text-align: left;
        padding: 3px 8px !important; font-size: 13px !important; line-height: 1.3 !important; min-height: 0 !important; }
    body.pw-servicios .panel-f .chips-rubros button small { flex: none; margin-left: auto !important; }
    body.pw-servicios .panel-f .interruptores label { display: flex; align-items: center; gap: 6px; font-size: 13px; padding: 3px 0 !important; margin: 0 !important; line-height: 1.25 !important; }
    body.pw-servicios .panel-f .interruptores label small { margin-left: auto; color: #9aa4b0; font-size: 11.5px; }
    body.pw-servicios .panel-f .interruptores input[type="checkbox"] { width: 14px !important; height: 14px !important; margin: 0 !important; flex: none; }
    body.pw-servicios .sup-vivo { margin-bottom: 10px !important; }
}
body.pw-servicios .panel-f .chips-rubros button[hidden], body.pw-gastro .panel-f .chips-rubros button[hidden] { display: none !important; }   /* los tipos sin opciones siguen ocultos */

/* Ficha del mapa sobre el listado: el listado se esmerila detrás y la ficha lleva borde azul (Hernán 15/10/2026). */
.mm-velo { position: fixed; top: 0; bottom: 0; z-index: 1150; background: rgba(245,248,251,.55); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); pointer-events: none; transition: opacity .15s; }
.mm-velo[hidden] { display: none; }
.mm-ficha { outline: 2px solid #2866cc; outline-offset: 0; box-shadow: 0 22px 50px rgba(16,24,40,.35); }
.mm-velo { top: calc(var(--h-cab, 72px) + 46px) !important; z-index: 40 !important; } .mm-ficha { z-index: 1200; }   /* el velo empieza debajo de la barra y del menú */
.mm-velo { background: rgba(245,248,251,.3) !important; backdrop-filter: blur(2px) !important; -webkit-backdrop-filter: blur(2px) !important; } .mm-ficha { outline: 0 !important; }   /* esmerilado más suave y sin borde azul (Hernán 15/10/2026) */

/* Gastronomía sin el botón "Consultar" y con tarjetas más cortas (Hernán 15/10/2026: "así entran más"). */
body.pw-gastro article.tarj .ta-reservar { display: none !important; }
body.pw-gastro article.tarj-aloj .ta-fotos, body.pw-gastro article.tarj-gs .gs-foto { aspect-ratio: 16 / 10 !important; height: auto !important; }
body.pw-gastro article.tarj-aloj .ta-cuerpo, body.pw-gastro article.tarj-gs .gs-cuerpo { padding: 7px 11px 5px !important; }
body.pw-gastro article.tarj .ta-tipo, body.pw-gastro article.tarj .gs-rubro { margin: 0 !important; font-size: 10.5px !important; }
body.pw-gastro article.tarj h3 { margin: 1px 0 1px !important; }
body.pw-gastro article.tarj .gs-dir, body.pw-gastro article.tarj .ta-dir { margin: 0 !important; font-size: 12px !important; }
body.pw-gastro article.tarj .ta-fila-ll, body.pw-gastro article.tarj .gs-acc { margin-top: 3px !important; }
body.pw-gastro article.tarj .ta-botones > *, body.pw-gastro article.tarj .gs-pie > * { padding-top: 7px !important; padding-bottom: 7px !important; }
body.pw-gastro article.tarj { height: auto !important; min-height: 0 !important; }
body.pw-gastro article.tarj-gs .gs-pie .gs-ig[hidden] { display: none !important; } body.pw-gastro article.tarj-gs .gs-pie:not(:has(> a:not([hidden]))) { display: none !important; }   /* sin Instagram cargado no hay botón vacío */

/* Tipo elegido en la columna de filtros en gris lavado, como "Listado completo" de alojamientos (Hernán 15/10/2026). */
.portal-interpatagonia .panel-f .chips-rubros button.on { background: #e6e9ee !important; background-image: none !important; border: 1px solid #d3d8df !important; color: #1f2933 !important; text-shadow: none !important; box-shadow: none !important; animation: none !important; font-weight: 600; }
.portal-interpatagonia .panel-f .chips-rubros button.on small { color: #6b7480 !important; }
.ps-dest.ps-dest-abajo { margin: 40px 0 10px; }

/* "Quién lo ofrece" en las notas de paseos (Hernán 15/10/2026): tarjeta con foto, nombre, dirección y botones con íconos. */
.prestadores h2 { font: 700 22px/1.2 Manrope, Inter, sans-serif; color: #1f2933; margin-bottom: 4px; }
.prest-grilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 430px), 1fr)); gap: 14px; }
.prestador.prest-tarj { display: flex; gap: 16px; align-items: stretch; padding: 12px; border: 1px solid #e3e8ef; border-radius: 16px; background: #fff;
    box-shadow: 0 6px 18px rgba(16,24,40,.06); transition: box-shadow .2s, transform .2s; }
.prestador.prest-tarj:hover { box-shadow: 0 12px 28px rgba(16,24,40,.11); transform: translateY(-2px); }
.prest-foto { flex: 0 0 116px; min-height: 104px; border-radius: 12px; background: #eef2f6 center / cover no-repeat; display: grid; place-items: center; color: #9aa4b0; }
.prest-cu { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 2px 0; }
.prest-nom { font: 700 17px/1.25 Manrope, Inter, sans-serif; }
.prest-nom a { color: #1f2933; text-decoration: none; } .prest-nom a:hover { color: #2866cc; }
.prest-dir { display: flex; align-items: flex-start; gap: 5px; color: #6b7480; font: 400 13.5px/1.35 Inter, sans-serif; }
.prest-dir svg { flex: none; margin-top: 2px; }
.prest-bot { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 4px; }
.prest-bot .pb { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; border: 1px solid #d3dbe5; background: #fff;
    color: #1f2933; font: 600 13px/1.2 Inter, sans-serif; text-decoration: none; white-space: nowrap; transition: background .15s, border-color .15s; }
.prest-bot .pb:hover { background: #f3f6fa; border-color: #b9c4d2; }
.prest-bot .pb-wa { background: #25d366; border-color: #25d366; color: #fff; }
.prest-bot .pb-wa:hover { background: #1fb957; border-color: #1fb957; }
.prest-bot .pb-ficha { border-color: transparent; color: #2866cc; padding-left: 6px; padding-right: 6px; }
.prest-bot .pb-ficha:hover { background: transparent; text-decoration: underline; }
@media (max-width: 520px) { .prest-foto { flex-basis: 88px; min-height: 88px; } .prestador.prest-tarj { gap: 12px; } }

/* Alquiler de autos: sin el botón azul "Consultar" (abajo ya está Consultar | WhatsApp) y tarjetas más cortas (Hernán 16/10/2026). */
body.pw-autos:not(.pw-gastro):not(.pw-servicios) article.tarj .ta-reservar { display: none !important; }
body.pw-autos:not(.pw-gastro):not(.pw-servicios) article.tarj-aloj .ta-fotos { aspect-ratio: 16 / 10 !important; height: auto !important; }
body.pw-autos:not(.pw-gastro):not(.pw-servicios) article.tarj-aloj .ta-cuerpo { padding: 10px 14px 8px !important; }
body.pw-autos:not(.pw-gastro):not(.pw-servicios) article.tarj-aloj .ta-cuerpo h3 { margin-bottom: 2px !important; }
body.pw-autos:not(.pw-gastro):not(.pw-servicios) article.tarj-aloj .valo-veri { margin-top: 2px !important; margin-bottom: 2px !important; }
body.pw-autos:not(.pw-gastro):not(.pw-servicios) article.tarj-aloj .ta-dir { min-height: 0 !important; padding-top: 0 !important; }
body.pw-autos:not(.pw-gastro):not(.pw-servicios) article.tarj-aloj .ta-llamar { margin-top: 4px !important; }
body.pw-autos:not(.pw-gastro):not(.pw-servicios) article.tarj-aloj .ta-botones > * { padding-top: 8px !important; padding-bottom: 8px !important; }
body.pw-autos:not(.pw-gastro):not(.pw-servicios) article.tarj { height: auto !important; min-height: 0 !important; }
@media (min-width: 901px) { body.pw-autos:not(.pw-gastro):not(.pw-servicios) #grilla-fotos { grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)) !important; gap: 16px; } body.pw-autos:not(.pw-gastro):not(.pw-servicios) #grilla-fotos > article.tarj { width: auto !important; min-width: 0 !important; } }   /* autos: tres por fila, sin hueco a la derecha */

/* ---- Plantilla de la promoción (migración 110, 16/10/2026): precios antes/ahora, ahorro, cuotas ---- */
.promo-precios { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 8px 0 4px; }
.promo-precios span { display: inline-flex; flex-direction: column; line-height: 1.15; }
.promo-precios b { font: 700 17px Lexend, sans-serif; color: #b91c1c; }
.promo-precios b.tachado { color: #6b7280; font-weight: 500; text-decoration: line-through; }
.promo-precios small { font-size: 12px; color: #6b7280; }
.promo-tarj .promo-precios b { font-size: 15px; }

/* Botones del mapa y "Cerca de mí" en el renglón del título, a la derecha (Hernán 18/10/2026, norma: optimizar espacios). */
.sup-vivo .sup-fila { flex-wrap: nowrap; }
.sup-vivo .sup-fila .pw-cerca-fila.pw-cerca-en-titulo { order: 9 !important; margin: 0 0 0 auto !important; position: relative; display: flex; align-items: center; gap: 8px; flex: none; padding: 0; }
.pw-cerca-en-titulo .pw-btn-mapa, .pw-cerca-en-titulo .pw-btn-cerca { padding: 7px 14px !important; font-size: 14px !important; }
.pw-cerca-en-titulo .pw-cerca-aviso { position: absolute; right: 0; top: 100%; margin: 3px 0 0 !important; white-space: nowrap; font-size: 12px !important; color: #6b7480; z-index: 5; }
.pw-cerca-fila.pw-cerca-paseos { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin: -6px 0 8px; }
@media (max-width: 900px) { .sup-vivo .sup-fila { flex-wrap: wrap; } .sup-vivo .sup-fila .pw-cerca-fila.pw-cerca-en-titulo { margin-left: 0 !important; flex-basis: 100%; } .pw-cerca-en-titulo .pw-cerca-aviso { position: static; } }
@media (min-width: 1281px) { body.pw-gastro .listado-panel.lp-buscar-arriba > .der-vivo:has(.pw-cerca-sobre-mapa) { margin-top: 0 !important; } .pw-cerca-fila.pw-cerca-sobre-mapa { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin: 0 0 10px !important; height: 42px; } .pw-cerca-sobre-mapa .pw-cerca-aviso { position: absolute; right: 0; top: 100%; } }

/* "Estás acá" en los mapas (Hernán 18/10/2026): punto rojo más grande, borde blanco y halo que late; cartel fijo arriba. */
.pw-yo i { display: block; width: 22px; height: 22px; border-radius: 50%; background: #e11d48; border: 3px solid #fff; box-shadow: 0 0 0 0 rgba(225,29,72,.55), 0 2px 6px rgba(0,0,0,.35); animation: pw-yo-late 1.8s ease-out infinite; box-sizing: border-box; }
@keyframes pw-yo-late { 0% { box-shadow: 0 0 0 0 rgba(225,29,72,.55), 0 2px 6px rgba(0,0,0,.35); } 100% { box-shadow: 0 0 0 16px rgba(225,29,72,0), 0 2px 6px rgba(0,0,0,.35); } }
@media (prefers-reduced-motion: reduce) { .pw-yo i { animation: none; } }
.leaflet-tooltip.pw-yo-txt { background: #e11d48; color: #fff; border: 0; border-radius: 6px; font: 700 12px/1.2 Inter, sans-serif; padding: 3px 8px; box-shadow: 0 2px 6px rgba(0,0,0,.25); }
.leaflet-tooltip.pw-yo-txt::before { border-top-color: #e11d48; }
/* Ficha flotante del mapa un poco más grande (Hernán 18/10/2026). */
.mm-ficha { width: 320px !important; }

/* "Explorar en el mapa" y "Cerca de mí" adentro del mapa, arriba a la derecha (Hernán 18/10/2026). */
@media (min-width: 1281px) {
    .mm-caja { position: sticky; }
    .mm-caja > .pw-cerca-fila.pw-cerca-en-mapa { position: absolute !important; top: 12px; right: 12px; z-index: 600; height: auto; margin: 0 !important; display: flex; gap: 8px; }
    .pw-cerca-en-mapa .pw-btn-mapa, .pw-cerca-en-mapa .pw-btn-cerca { box-shadow: 0 3px 10px rgba(16,24,40,.22); }
    .pw-cerca-en-mapa .pw-btn-mapa { background: #fff; }
    .pw-cerca-en-mapa .pw-cerca-aviso { position: absolute; right: 0; top: calc(100% + 6px); background: rgba(255,255,255,.95); padding: 3px 8px; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,.15); }
    body.pw-gastro .listado-panel.lp-buscar-arriba > .der-vivo { margin-top: 0 !important; }
}
.mm-mapa.pw-eligiendo, .mm-mapa.pw-eligiendo .leaflet-interactive { cursor: crosshair !important; } .mm-mapa.pw-eligiendo { box-shadow: inset 0 0 0 3px #e11d48; }   /* tocá el mapa donde estás */

/* Botón Volver en Explorar en el mapa (Hernán 18/10/2026), al principio del renglón de las migas. */
main#ex .migas { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
main#ex .migas .pw-volver { display: inline-flex; align-items: center; gap: 4px; margin-right: 10px; padding: 5px 12px 5px 8px; border: 1px solid #d3dbe5; border-radius: 999px; background: #fff; color: #1f2933; font: 600 13.5px/1.2 Inter, sans-serif; text-decoration: none; box-shadow: 0 1px 3px rgba(16,24,40,.08); }
main#ex .migas .pw-volver:hover { border-color: #2866cc; color: #2866cc; }

/* Ficha flotante del mapa más grande, del tamaño que marcó Hernán (18/10/2026): 440 px, foto 4:3. */
.mm-ficha { width: 440px !important; }
.mm-ficha article.tarj .ta-fotos, .mm-ficha article.tarj .gs-foto { aspect-ratio: 4 / 3 !important; height: auto !important; }
.mm-ficha article.tarj h3 { font-size: 20px !important; }
/* Aviso de "Cerca de mí" sobre el mapa: en varios renglones, sin salirse del mapa. */
.pw-cerca-en-titulo .pw-cerca-aviso { white-space: normal !important; width: max-content; max-width: min(420px, 80vw); text-align: left; line-height: 1.35; }

/* Ficha flotante del mapa con la medida que marcó Hernán (18/10/2026): angosta (~350 px), foto 4:3. */
.mm-ficha { width: 350px !important; }
.mm-ficha article.tarj h3 { font-size: 18px !important; }
/* Mapa con puntos de referencia en la ficha de Gastronomía (como las de alojamiento). */
.gf-mapa.gf-mapa-pdi { height: 340px; position: relative; overflow: hidden; }

/* Cinta ¡PROMOCIÓN! en rojo intenso (Hernán 18/10/2026, con muestra). */
.portal-interpatagonia .ta-promo, .portal-interpatagonia .tarj-aloj .ta-promo, .ta-promo { background: #e0252b !important; background-image: none !important; color: #fff !important; box-shadow: 0 2px 6px rgba(150,20,20,.3) !important; }
.portal-interpatagonia .ficha-promo-et { color: #e0252b !important; }

/* Inmobiliario (Hernán 18/10/2026): sin foto, una casita en lugar de los cubiertos. */
body.pw-inmo .gs-foto.gs-sin::after { content: "🏠"; }
body.pw-inmo .gs-foto.gs-sin::after { content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a8796' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3Cpath d='M10 21v-6h4v6'/%3E%3C/svg%3E") center / 44px no-repeat; opacity: .8; }

/* Compras (Hernán 18/10/2026): sin foto, una bolsa de compras. */
body.pw-compras .gs-foto.gs-sin::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a8796' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 14H7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E") !important; }

/* Cinta ¡PROMOCIÓN! y precio "desde" sin pisarse (Hernán 19/10/2026: "que no se superpongan los carteles"): en las tarjetas
   (266 px en la grilla) no entran uno al lado del otro; con precio, la cinta va debajo del recuadro del precio, alineada a la derecha. */
.ta-fotos:has(.ta-precio:not([hidden])) .ta-promo, .tarj-aloj .ta-fotos:has(.ta-precio:not([hidden])) .ta-promo { left: auto; right: 10px; top: 42px; }
.ta-fotos:has(.ta-precio:not([hidden]) small) .ta-promo, .tarj-aloj .ta-fotos:has(.ta-precio:not([hidden]) small) .ta-promo { top: 56px; }

/* Inmobiliario: botón Consultar en el pie de la tarjeta, junto a WhatsApp (Hernán 19/10/2026: "al rubro inmobiliario agregale el botón de consultar"). */
body.pw-gastro article.tarj-gs .gs-pie .gs-consultar { order: 0; flex: 1 1 auto; min-width: 0; color: #0183c3; font-size: 11.5px !important; padding: 10px 6px !important; white-space: nowrap;
    text-align: center; text-transform: uppercase; letter-spacing: .03em; font-weight: 700; }
body.pw-gastro article.tarj-gs .gs-pie .gs-consultar + .gs-wa { border-left: 1px solid #eceff3; }
body.pw-inmo article.tarj-aloj[data-m="1"] .ta-consultar { display: flex !important; }

/* Portada de ciudad como la del sitio vivo (Hernán 19/10/2026: "hacelo similar a www.interpatagonia.com/bariloche/, copiá tipografía";
   las fotos quedan como están). Foto enmarcada con el nombre arriba a la izquierda (Lexend Deca 600, 32 px), migas azules arriba,
   accesos como tarjetas blancas que pisan el pie de la foto (ícono arriba, rótulo Roboto 600 y la cantidad en etiqueta azul),
   títulos Lexend Deca 600 24 px con el link azul #0183c3, texto en la letra del sistema 16/24 #4a4a4a y tarjetas en Roboto. */
body.vista-ciudad { --vc-gris: #4a4a4a; --vc-azul: #0183c3; --vc-sistema: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
body.vista-ciudad main.ancho, body.vista-ciudad .hero-ciudad .hero-in { width: min(1300px, 100% - 40px); }
body.vista-ciudad .hero-ciudad.hero-grande { background: none !important; min-height: 0 !important; padding: 0 !important; margin-top: 0 !important; display: block; overflow: visible; }
body.vista-ciudad .hero-ciudad.hero-grande .hero-in { position: relative; margin: 46px auto 0; padding: 0 !important; height: clamp(260px, 38vw, 525px); border-radius: 10px;
    background: linear-gradient(180deg, rgba(0,0,0,.38) 0%, rgba(0,0,0,0) 34%), var(--foto) center / cover no-repeat; }
body.vista-ciudad .hero-ciudad.hero-grande .hero-texto { position: static; padding: 30px; max-width: none; }
body.vista-ciudad .hero-ciudad .migas { font: 400 12.8px/19.2px Roboto, sans-serif; }
body.vista-ciudad .hero-ciudad.hero-grande .migas { position: absolute; left: 0; top: -34px; margin: 0; font: 400 12.8px/19.2px Roboto, sans-serif; color: var(--vc-azul); text-shadow: none !important; opacity: 1; }
body.vista-ciudad .hero-ciudad.hero-grande .migas a { color: var(--vc-azul); text-decoration: none; }
body.vista-ciudad .hero-ciudad.hero-grande .migas span { color: var(--vc-azul); }
body.vista-ciudad .hero-ciudad h1 { margin: 0 !important; font: 600 32px/48px "Lexend Deca", sans-serif !important; letter-spacing: 0 !important; color: #fff; text-shadow: 0 1px 10px rgba(0,0,0,.45); }
body.vista-ciudad .hero-ciudad .credito-foto { position: absolute; top: 30px; right: 30px; margin: 0; font: 400 11px Roboto, sans-serif; }

/* Accesos más chicos (Hernán 19/10/2026: "estos carteles hacelos más chicos, que no ocupen tanto espacio"): tarjeta blanca de una línea
   (ícono, rótulo y cantidad) que pisa el pie de la foto. */
body.vista-ciudad .secciones { margin-top: -26px !important; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 0 16px; }
body.vista-ciudad .secciones a { flex-direction: row; align-items: center; gap: 7px; min-width: 0; padding: 8px 12px 8px 10px; border: 0; border-radius: 8px; background: #fff;
    box-shadow: 0 6px 14px -4px rgba(10,10,10,.16), 0 0 0 1px rgba(10,10,10,.03); color: var(--vc-gris); font-family: Roboto, sans-serif; }
body.vista-ciudad .secciones a:hover { color: var(--vc-azul); box-shadow: 0 8px 18px -4px rgba(10,10,10,.22), 0 0 0 1px rgba(10,10,10,.04); }
body.vista-ciudad .secciones .ico, body.vista-ciudad .secciones a:hover .ico { width: 22px; height: 22px; border-radius: 0; background: none !important; color: currentColor; }
body.vista-ciudad .secciones .ico svg { width: 20px; height: 20px; stroke-width: 1.7; }
body.vista-ciudad .secciones b { font: 600 14px/20px Roboto, sans-serif !important; color: inherit; white-space: nowrap; }
body.vista-ciudad .secciones small { display: inline-block; margin: 0; padding: 0 6px; border-radius: 4px; background: #0092db !important; color: #fff !important; font: 700 11px/18px Roboto, sans-serif !important; }
body.vista-ciudad .secciones small.vacio { display: none !important; }

body.vista-ciudad main .bloque > h2 { font: 600 24px/36px "Lexend Deca", sans-serif !important; letter-spacing: 0 !important; color: var(--vc-gris); margin: 0 0 18px; }
body.vista-ciudad main .bloque > h2 a { color: var(--vc-azul); text-decoration: none; }
body.vista-ciudad main .bloque > h2 a:hover { text-decoration: underline; }
body.vista-ciudad .h2-tag { display: inline-block; vertical-align: middle; margin-left: 4px; padding: 0 8px; border-radius: 4px; background: #0092db; color: #fff; font: 700 12px/22px Roboto, sans-serif; }

body.vista-ciudad .paseo-card { border-radius: 10px; box-shadow: 0 8px 16px -2px rgba(10,10,10,.15), 0 0 0 1px rgba(10,10,10,.024); }
body.vista-ciudad .paseo-cuerpo b { font: 600 16px/1.3 Roboto, sans-serif !important; letter-spacing: 0 !important; color: var(--vc-azul); }
body.vista-ciudad .paseo-cuerpo em { font: 400 14px/1.5 Roboto, sans-serif !important; color: var(--vc-gris); }
body.vista-ciudad .paseo-cuerpo small { font: 600 13px Roboto, sans-serif !important; color: var(--vc-azul) !important; }

body.vista-ciudad .texto-ciudad .prosa { font: 400 16px/24px var(--vc-sistema) !important; color: var(--vc-gris); }
body.vista-ciudad .texto-ciudad .prosa p { font: inherit !important; color: inherit; }
body.vista-ciudad .texto-ciudad .prosa a { color: var(--vc-azul) !important; }

body.vista-ciudad .tarj-cuerpo small { font: 400 12px/18px Roboto, sans-serif !important; color: var(--vc-gris) !important; text-transform: none !important; letter-spacing: 0 !important; }
body.vista-ciudad .tarj-cuerpo b { font: 600 16px/18px Roboto, sans-serif !important; color: var(--vc-azul) !important; letter-spacing: 0 !important; }
body.vista-ciudad .tarj-cuerpo em { font: 400 13px/18px Roboto, sans-serif !important; color: var(--vc-gris); }
body.vista-ciudad .tarj-dest { border-radius: 10px; box-shadow: 0 8px 16px -2px rgba(10,10,10,.15), 0 0 0 1px rgba(10,10,10,.024); }

@media (max-width: 768px) {
    body.vista-ciudad .hero-ciudad.hero-grande .hero-in { margin-top: 38px; height: 240px; }
    body.vista-ciudad .hero-ciudad.hero-grande .hero-texto { padding: 18px; }
    body.vista-ciudad .hero-ciudad h1 { font-size: 26px !important; line-height: 34px !important; }
    body.vista-ciudad .hero-ciudad .credito-foto { top: auto; bottom: 12px; right: 14px; }
    /* celular: una fila que se desliza de costado */
    body.vista-ciudad .secciones { margin: -22px -20px 0 !important; padding: 4px 20px 12px; gap: 8px; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
    body.vista-ciudad .secciones::-webkit-scrollbar { display: none; }
    body.vista-ciudad .secciones a { flex: 0 0 auto; scroll-snap-align: start; }
    body.vista-ciudad .secciones b { font-size: 13px !important; }
    body.vista-ciudad main .bloque > h2 { font-size: 20px !important; line-height: 28px !important; }
}

/* Paseos en carrusel automático (Hernán 19/10/2026). Cuatro tarjetas a la vista en computadora, una y algo en el celular. */
.carrusel-paseos { position: relative; }
.carrusel-paseos .cp-pista { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 2px 22px; margin: -4px -2px 0; }
.carrusel-paseos .cp-pista::-webkit-scrollbar { display: none; }
.carrusel-paseos .cp-pista > * { flex: 0 0 calc((100% - 60px) / 4); scroll-snap-align: start; min-width: 0; }
.carrusel-paseos .cp-pista > .paseo-card:hover { transform: none; }
.carrusel-paseos .cp-ant, .carrusel-paseos .cp-sig { position: absolute; top: calc(50% - 30px); z-index: 2; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #fff; color: #363636;
    font: 400 28px/38px Roboto, sans-serif; cursor: pointer; box-shadow: 0 4px 14px rgba(10,10,10,.22); }
.carrusel-paseos .cp-ant { left: -14px; } .carrusel-paseos .cp-sig { right: -14px; }
.carrusel-paseos .cp-ant:hover, .carrusel-paseos .cp-sig:hover { color: #0183c3; }
.carrusel-paseos .cp-ant:focus-visible, .carrusel-paseos .cp-sig:focus-visible { outline: 2px solid #0183c3; outline-offset: 2px; }
@media (max-width: 1000px) { .carrusel-paseos .cp-pista > * { flex-basis: calc((100% - 20px) / 2); } }
@media (max-width: 640px) { .carrusel-paseos .cp-pista > * { flex-basis: 82%; } .carrusel-paseos .cp-ant, .carrusel-paseos .cp-sig { display: none; } }

/* Mapa de la ciudad con todos los rubros (Hernán 19/10/2026), como el del sitio vivo: título centrado, filtro arriba a la izquierda. */
body.vista-ciudad main .mapa-ciudad > h2 { text-align: center; }
.mc-caja { position: relative; height: 560px; border-radius: 10px; overflow: hidden; background: #e8eef3; box-shadow: 0 8px 16px -2px rgba(10,10,10,.12), 0 0 0 1px rgba(10,10,10,.03); }
.mc-mapa { position: absolute; inset: 0; z-index: 0; }
.mc-cargando { display: flex; align-items: center; justify-content: center; height: 100%; color: #4a4a4a; font: 400 14px Roboto, sans-serif; }
.mc-filtro { position: absolute; top: 12px; left: 12px; z-index: 500; width: 210px; background: #fff; border-radius: 8px; box-shadow: 0 4px 16px rgba(10,10,10,.18); overflow: hidden; font-family: Roboto, sans-serif; }
.mc-filtro p { margin: 0; padding: 9px 12px; background: #0183c3; color: #fff; font: 600 12.5px Roboto, sans-serif; text-transform: uppercase; letter-spacing: .03em; }
.mc-filtro label { display: flex; align-items: center; gap: 8px; padding: 7px 12px; border-top: 1px solid #eef1f4; font-size: 13px; color: #4a4a4a; cursor: pointer; }
.mc-filtro label:hover { background: #f5f8fb; }
.mc-filtro input { margin: 0; accent-color: #0183c3; }
.mc-filtro i { width: 10px; height: 10px; border-radius: 50%; flex: none; }
.mc-filtro span { flex: 1; min-width: 0; }
.mc-filtro small { color: #8a94a0; font-size: 11.5px; }
.mc-ampliar { display: block; padding: 8px 12px; border-top: 1px solid #eef1f4; color: #0183c3; font: 600 12.5px Roboto, sans-serif; text-decoration: none; }
.mc-ampliar:hover { text-decoration: underline; }
.mc-pin span { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; border: 2px solid #fff; color: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.35); box-sizing: border-box; }
.mc-pin svg { width: 13px; height: 13px; }
.mc-pin:hover span { transform: scale(1.15); }
.mc-grupo span { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; border: 3px solid rgba(255,255,255,.85); color: #fff; font: 700 12px Roboto, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,.3); box-sizing: border-box; }
.mc-pop .leaflet-popup-content-wrapper { padding: 0; border-radius: 10px; overflow: hidden; }
.mc-pop .leaflet-popup-content { margin: 0; width: 250px !important; }
.mc-ficha { font-family: Roboto, sans-serif; }
.mc-foto { display: block; } .mc-foto img { display: block; width: 100%; height: 140px; object-fit: cover; background: #e8eef3; }
.mc-cuerpo { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px 12px; }
.mc-cuerpo small { font: 600 11px Roboto, sans-serif; text-transform: uppercase; letter-spacing: .03em; }
.mc-cuerpo b { font: 600 15px/1.25 Roboto, sans-serif; } .mc-cuerpo b a { color: #0183c3; text-decoration: none; }
.mc-cuerpo em { font: 400 12.5px/1.35 Roboto, sans-serif; font-style: normal; color: #4a4a4a; }
.mc-bot { display: flex; gap: 6px; margin-top: 6px; }
.mc-bot a { flex: 1; text-align: center; padding: 6px 8px; border-radius: 6px; font: 600 12px Roboto, sans-serif; text-decoration: none; }
.mc-ver { background: #0183c3; color: #fff !important; } .mc-wa { background: #e8f8ee; color: #15803d !important; }
@media (max-width: 768px) { .mc-caja { height: 440px; } .mc-filtro { width: 170px; top: 8px; left: 8px; } .mc-filtro label { padding: 5px 10px; font-size: 12px; } }
.mc-filtro input { position: absolute; opacity: 0; pointer-events: none; }
.mc-filtro label { position: relative; }
.mc-filtro label::after { content: ""; width: 14px; height: 14px; flex: none; order: 3; border-radius: 3px; border: 1.5px solid #0183c3; background: #0183c3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 11px no-repeat; box-sizing: border-box; }
.mc-filtro label:has(input:not(:checked))::after { background: #fff; border-color: #b8c2cc; }
.mc-filtro label:has(input:not(:checked)) span, .mc-filtro label:has(input:not(:checked)) i, .mc-filtro label:has(input:not(:checked)) small { opacity: .45; }
.mc-filtro label:has(input:focus-visible) { outline: 2px solid #0183c3; outline-offset: -2px; }
@media (max-width: 768px) {
    .mc-filtro p { cursor: pointer; display: flex; justify-content: space-between; gap: 8px; }
    .mc-filtro p::after { content: "▾"; }
    .mc-filtro.abierto p::after { content: "▴"; }
    .mc-filtro:not(.abierto) label, .mc-filtro:not(.abierto) .mc-ampliar { display: none; }
}

/* Mapa de la ciudad (Hernán 19/10/2026): pines sueltos más chicos y la ficha flotante propia, siempre entera dentro del mapa. */
.mc-pin span { width: 24px; height: 24px; }
.mc-pin svg { width: 12px; height: 12px; }
.mc-flot { position: absolute; z-index: 600; width: 250px; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 28px rgba(10,10,10,.28); font-family: Roboto, sans-serif; }
.mc-flot[hidden] { display: none; }
.mc-flot .mc-foto img { height: 130px; }
.mc-flot .mc-x { position: absolute; top: 6px; right: 6px; z-index: 1; width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(255,255,255,.92); color: #363636; font: 400 20px/28px Roboto, sans-serif; cursor: pointer; box-shadow: 0 1px 4px rgba(0,0,0,.25); }
@media (max-width: 768px) { .mc-flot { width: 230px; } .mc-flot .mc-foto img { height: 110px; } }

/* Texto de la ciudad y preguntas frecuentes en dos columnas, como el sitio vivo (Hernán 19/10/2026). */
body.vista-ciudad .ciudad-info { display: grid; grid-template-columns: 1fr; gap: 24px 40px; }
body.vista-ciudad .ciudad-info.con-faq { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
body.vista-ciudad .ciudad-info h2 { font: 600 24px/36px "Lexend Deca", sans-serif !important; letter-spacing: 0 !important; color: var(--vc-gris); margin: 0 0 12px; }
body.vista-ciudad .ci-plegable { max-height: 372px; overflow: hidden; position: relative; font: 400 16px/24px var(--vc-sistema) !important; color: var(--vc-gris); max-width: none; columns: auto; background: none; padding: 0; box-shadow: none; }
body.vista-ciudad .ci-plegable p { font: inherit !important; color: inherit; margin: 0 0 6px; }
body.vista-ciudad .ci-plegable a { color: var(--vc-azul) !important; }
body.vista-ciudad .ci-plegable::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 60px; background: linear-gradient(rgba(245,248,251,0), var(--fondo, #f5f8fb)); pointer-events: none; }
body.vista-ciudad .ci-texto.abierto .ci-plegable { max-height: none; }
body.vista-ciudad .ci-texto.abierto .ci-plegable::after { display: none; }
body.vista-ciudad .ci-mas { margin-top: 6px; padding: 0; border: 0; background: none; color: var(--vc-azul); font: 700 16px/24px var(--vc-sistema); cursor: pointer; }
body.vista-ciudad .ci-mas[hidden] { display: none; }
body.vista-ciudad .ci-faq .faq-item { border-top: 1px solid #e9edf1; background: #fff; }
body.vista-ciudad .ci-faq .faq-item:last-child { border-bottom: 1px solid #e9edf1; }
body.vista-ciudad .ci-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 12px; cursor: pointer; list-style: none; border-radius: 8px; }
body.vista-ciudad .ci-faq summary::-webkit-details-marker { display: none; }
body.vista-ciudad .ci-faq summary::after { content: ""; flex: none; width: 8px; height: 8px; border-right: 2.5px solid var(--vc-azul); border-bottom: 2.5px solid var(--vc-azul); transform: rotate(-45deg); transition: transform .2s; margin-right: 4px; }
body.vista-ciudad .ci-faq details[open] summary::after { transform: rotate(45deg); }
body.vista-ciudad .ci-faq summary:hover h3 { color: var(--vc-azul); }
body.vista-ciudad .ci-faq summary:focus-visible { outline: 2px solid var(--vc-azul); outline-offset: -2px; }
body.vista-ciudad .ci-faq h3 { margin: 0; font: 600 17.6px/1.35 "Lexend Deca", sans-serif; color: var(--vc-gris); }
body.vista-ciudad .ci-faq [itemprop="text"] { padding: 0 12px 14px; font: 400 15px/23px var(--vc-sistema); color: var(--vc-gris); }
body.vista-ciudad .ci-faq [itemprop="text"] p { margin: 0; }
@media (max-width: 900px) { body.vista-ciudad .ciudad-info.con-faq { grid-template-columns: minmax(0, 1fr); } body.vista-ciudad .ci-faq h3 { font-size: 16px; } }

/* Carrusel de alojamientos, como "Hoteles y alojamientos" del sitio vivo (Hernán 19/10/2026): foto, tipo gris chico y nombre azul. */
.carrusel-aloj .cp-pista > * { flex-basis: calc((100% - 80px) / 5); }
.ca-card { display: flex; flex-direction: column; background: #fff; border-radius: 10px; overflow: hidden; text-decoration: none; box-shadow: 0 8px 16px -2px rgba(10,10,10,.15), 0 0 0 1px rgba(10,10,10,.024); }
.ca-card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #e8eef3; }
.ca-cuerpo { display: flex; flex-direction: column; gap: 2px; padding: 16px 20px 22px; min-height: 92px; }
.ca-cuerpo small { font: 400 12px/18px Roboto, sans-serif; color: #4a4a4a; }
.ca-cuerpo b { font: 600 16px/1.25 Roboto, sans-serif; color: #0183c3; }
.ca-card:hover b { text-decoration: underline; }
@media (max-width: 1100px) { .carrusel-aloj .cp-pista > * { flex-basis: calc((100% - 40px) / 3); } }
@media (max-width: 640px) { .carrusel-aloj .cp-pista > * { flex-basis: 70%; } }

/* "Cerca de mí" en el mapa de la ciudad (Hernán 19/10/2026): arriba a la derecha, como en Explorar. */
.mc-cerca { position: absolute; top: 12px; right: 12px; z-index: 500; display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border: 1px solid #cfd8e3; border-radius: 999px;
    background: #fff; color: #0183c3; font: 500 15px Roboto, sans-serif; cursor: pointer; box-shadow: 0 2px 10px rgba(10,10,10,.16); }
.mc-cerca:hover { background: #f3f6fa; } .mc-cerca.on { background: #0183c3; color: #fff; border-color: #0183c3; } .mc-cerca:disabled { opacity: .6; cursor: wait; }
.mc-cerca:focus-visible { outline: 2px solid #0183c3; outline-offset: 2px; }
.mc-aviso { position: absolute; top: 56px; right: 12px; z-index: 500; max-width: 300px; margin: 0; padding: 9px 12px; border-radius: 8px; background: #fff; color: #334155; font: 400 13px/1.4 Roboto, sans-serif; box-shadow: 0 2px 10px rgba(10,10,10,.16); }
.mc-aviso[hidden] { display: none; }
.mc-yo i { display: block; width: 18px; height: 18px; transform: translate(-50%, -50%); border-radius: 50%; background: #2563eb; border: 3px solid #fff; box-shadow: 0 0 0 6px rgba(37,99,235,.22), 0 1px 4px rgba(0,0,0,.35); }
@media (max-width: 768px) { .mc-cerca { top: 8px; right: 8px; padding: 7px 12px; font-size: 14px; } .mc-aviso { top: 50px; right: 8px; left: 8px; max-width: none; } }

/* Cerro Catedral con la letra, los colores y el diseño de la portada de ciudad (Hernán 20/10/2026: "ponele la tipografía, colores y diseño que
   venimos usando. Agregale algún video"): foto enmarcada a todo el ancho con el título encima (y el video de fondo en loop en la portada),
   Lexend Deca en los títulos, azul #0183c3 en vínculos y menú, texto 16/24 #4a4a4a, galería en carrusel automático y el video completo
   en grande. Desde el 20/10/2026 vale para todos los centros de esquí (main.tematico.tem-ski, los temáticos con padre 'ski'). */
main.tematico.tem-ski { --vc-gris: #4a4a4a; --vc-azul: #0183c3; --vc-sistema: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: min(1300px, 100% - 40px); }
main.tematico.tem-ski .migas.oscuras { margin: 18px 0 12px; font: 400 12.8px/19.2px Roboto, sans-serif; color: var(--vc-azul); }
main.tematico.tem-ski .migas.oscuras a, main.tematico.tem-ski .migas.oscuras span { color: var(--vc-azul); text-decoration: none; }
main.tematico.tem-ski .migas.oscuras a:hover { text-decoration: underline; }
/* Foto (o video) enmarcada con el título encima, como la portada de la ciudad */
main.tematico.tem-ski .tem-portada { position: relative; display: block; min-height: 0; height: clamp(260px, 38vw, 525px); margin: 0 0 34px; border-radius: 10px; overflow: hidden;
    background: #0f1a22; box-shadow: 0 8px 16px -2px rgba(10,10,10,.15), 0 0 0 1px rgba(10,10,10,.024); isolation: isolate; }
main.tematico.tem-ski .tem-portada .portada-sec-foto { position: absolute; inset: 0; min-height: 0 !important; height: auto !important; z-index: 0; }
main.tematico.tem-ski .tem-video-fondo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
main.tematico.tem-ski .tem-video-fondo:not([src]) { display: none; }
main.tematico.tem-ski .tem-portada::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(180deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,0) 38%), linear-gradient(0deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 22%); }
main.tematico.tem-ski .tem-portada .portada-sec-txt { position: absolute; left: 0; right: 0; top: 0; z-index: 2; padding: 30px; gap: 2px; background: none; display: block; }
main.tematico.tem-ski .tem-portada .eyebrow { color: #fff; opacity: .92; font: 600 12px/18px Roboto, sans-serif; letter-spacing: .08em; text-shadow: 0 1px 6px rgba(0,0,0,.45); }
main.tematico.tem-ski .tem-portada h1 { margin: 0; font: 600 32px/48px "Lexend Deca", sans-serif !important; letter-spacing: 0 !important; color: #fff; text-shadow: 0 1px 10px rgba(0,0,0,.45); }
main.tematico.tem-ski .tem-portada .portada-resumen { margin: 0; color: #fff; font: 400 16px/24px var(--vc-sistema); text-shadow: 0 1px 8px rgba(0,0,0,.5); }
main.tematico.tem-ski .tem-portada .credito-portada { position: absolute; right: 30px; bottom: 16px; margin: 0; color: rgba(255,255,255,.85); font: 400 11px Roboto, sans-serif; }
/* Texto */
main.tematico.tem-ski .tem-texto { border-radius: 10px; box-shadow: 0 8px 16px -2px rgba(10,10,10,.08), 0 0 0 1px rgba(10,10,10,.024); font: 400 16px/24px var(--vc-sistema) !important; color: var(--vc-gris); }
main.tematico.tem-ski .tem-texto p, main.tematico.tem-ski .tem-texto li { font: inherit; color: inherit; }
main.tematico.tem-ski .tem-texto strong, main.tematico.tem-ski .tem-texto b { color: #363636; }
main.tematico.tem-ski .tem-texto a { color: var(--vc-azul) !important; }
main.tematico.tem-ski .tem-texto h2, main.tematico.tem-ski .tem-texto h3 { font: 600 20px/30px "Lexend Deca", sans-serif !important; letter-spacing: 0; color: var(--vc-gris); margin: 1.4em 0 .4em; }
main.tematico.tem-ski .tem-texto > :first-child { margin-top: 0; }
main.tematico.tem-ski .tem-texto li::marker { color: var(--vc-azul); }
main.tematico.tem-ski .tem-texto table { border-collapse: collapse; width: 100%; margin: 0 0 18px; font-size: 15px; }
main.tematico.tem-ski .tem-texto td, main.tematico.tem-ski .tem-texto th { padding: 7px 10px; border-bottom: 1px solid #e9edf1; text-align: left; vertical-align: top; }
main.tematico.tem-ski .leer-mas { color: var(--vc-azul); font: 700 16px/24px var(--vc-sistema); }
/* Galería de fotos en carrusel automático (el de paseos de la ciudad): tres a la vista */
main.tematico.tem-ski .tem-fotos { margin: 26px 0 0; }
main.tematico.tem-ski .tem-figuras { margin-top: 18px; padding-top: clamp(14px, 2vw, 22px); padding-bottom: clamp(4px, 1vw, 8px); }
main.tematico.tem-ski .tem-fotos-ancho { margin-top: 30px; }
main.tematico.tem-ski .tem-fotos-ancho .tem-fotos .cp-pista > * { flex-basis: calc((100% - 60px) / 4); }
/* Tarjetas de las páginas de la sección: sin título, centradas y sin la flecha de "Leer" (Hernán 20/10/2026) */
main.tematico.tem-ski .tem-secciones > h2 { display: none; }
main.tematico.tem-ski .tem-secciones .grilla-paseos { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
main.tematico.tem-ski .tem-secciones .paseo-card { flex: 0 1 calc((100% - 60px) / 4); min-width: 260px; }
main.tematico.tem-ski .leer-flecha { display: none; }
main.tematico.tem-ski .tem-mapa > h2 { text-align: center; }
/* Carrusel con pocas tarjetas (entran todas): centradas y sin flechas */
main.tematico.tem-ski .tem-zona .cp-pista:not(:has(> :nth-child(6))) { justify-content: center; }
main.tematico.tem-ski .tem-zona .carrusel-paseos:not(:has(.cp-pista > :nth-child(6))) :is(.cp-ant, .cp-sig) { display: none; }
@media (max-width: 1100px) { main.tematico.tem-ski .tem-zona .cp-pista { justify-content: flex-start !important; }
    main.tematico.tem-ski .tem-zona .carrusel-paseos :is(.cp-ant, .cp-sig) { display: block !important; } }
@media (max-width: 640px) { main.tematico.tem-ski .tem-zona .carrusel-paseos :is(.cp-ant, .cp-sig) { display: none !important; } }
main.tematico.tem-ski .tem-zona > h2 .h2-tag { display: inline-block; vertical-align: middle; margin-left: 4px; padding: 0 8px; border-radius: 4px; background: #0092db; color: #fff; font: 700 12px/22px Roboto, sans-serif; }
main.tematico.tem-ski .tem-figuras .tem-fotos { margin: 0; }
main.tematico.tem-ski .tem-fotos .cp-pista > * { flex-basis: calc((100% - 40px) / 3); }
main.tematico.tem-ski .tem-fotos a { display: block; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 16px -2px rgba(10,10,10,.15), 0 0 0 1px rgba(10,10,10,.024); }
main.tematico.tem-ski .tem-fotos img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; margin: 0; border-radius: 0; box-shadow: none; transition: transform .5s cubic-bezier(.16,1,.3,1); }
main.tematico.tem-ski .tem-fotos a:hover img { transform: scale(1.04); }
main.tematico.tem-ski .tem-fotos .cp-ant, main.tematico.tem-ski .tem-fotos .cp-sig { top: calc(50% - 30px); }
/* Menú de la sección */
main.tematico.tem-ski .tem-lado .caja { border-radius: 10px; box-shadow: 0 8px 16px -2px rgba(10,10,10,.08), 0 0 0 1px rgba(10,10,10,.024); }
main.tematico.tem-ski .tem-lado .caja h2 { font: 600 20px/30px "Lexend Deca", sans-serif !important; letter-spacing: 0; color: var(--vc-gris); }
main.tematico.tem-ski .tem-menu a { font: 500 15px/21px Roboto, sans-serif; color: var(--vc-gris); border-radius: 8px; }
main.tematico.tem-ski .tem-menu a:hover { background: #eef6fb; color: var(--vc-azul); }
main.tematico.tem-ski .tem-menu a.on { background: var(--vc-azul); color: #fff; }
/* Video completo y tarjetas de "En esta sección" */
main.tematico.tem-ski .tem-video { margin-top: 44px; }
main.tematico.tem-ski .tem-video .video-vimeo { max-width: 1000px; margin: 0 auto; border-radius: 10px; }
main.tematico.tem-ski .bloque > h2 { font: 600 24px/36px "Lexend Deca", sans-serif !important; letter-spacing: 0 !important; color: var(--vc-gris); margin: 0 0 18px; }
main.tematico.tem-ski .paseo-card { border-radius: 10px; box-shadow: 0 8px 16px -2px rgba(10,10,10,.15), 0 0 0 1px rgba(10,10,10,.024); }
main.tematico.tem-ski .paseo-cuerpo b { font: 600 16px/1.3 Roboto, sans-serif !important; letter-spacing: 0 !important; color: var(--vc-azul); }
main.tematico.tem-ski .paseo-cuerpo em { font: 400 14px/1.5 Roboto, sans-serif !important; color: var(--vc-gris); }
main.tematico.tem-ski .paseo-cuerpo small { font: 600 13px Roboto, sans-serif !important; color: var(--vc-azul) !important; }
@media (max-width: 760px) {
    main.tematico.tem-ski .tem-portada { height: 240px; margin-bottom: 20px; }
    main.tematico.tem-ski .tem-portada .portada-sec-txt { padding: 18px; }
    main.tematico.tem-ski .tem-portada h1 { font-size: 26px !important; line-height: 34px !important; }
    main.tematico.tem-ski .tem-portada .credito-portada { right: 14px; bottom: 10px; }
    main.tematico.tem-ski .tem-fotos .cp-pista > *, main.tematico.tem-ski .tem-fotos-ancho .tem-fotos .cp-pista > * { flex-basis: 82%; }
    main.tematico.tem-ski .tem-secciones .paseo-card { flex-basis: 100%; min-width: 0; }
    main.tematico.tem-ski .tem-video { margin-top: 18px; padding-top: 0; }
    main.tematico.tem-ski .bloque > h2 { font-size: 20px !important; line-height: 28px !important; }
}

/* Mapas (Hernán 20/10/2026): cada mapa aísla sus capas, así el filtro, "Cerca de mí" y los controles de Leaflet (z-index 400 a 1000) no
   quedan encima de la cabecera fija (z-index 50) al bajar la página. */
.leaflet-container, .mc-caja { isolation: isolate; }
.mc-caja .leaflet-control-zoom { margin: 0 12px 28px 0; border: 0; box-shadow: 0 4px 14px rgba(10,10,10,.22); }
.mc-caja .leaflet-control-zoom a { width: 34px; height: 34px; line-height: 34px; font-size: 18px; color: #363636; }
.mc-caja .leaflet-control-zoom a:hover { color: #0183c3; }

/* Video de Instagram (reel oficial de un centro de esquí, 20/10/2026): su reproductor vertical, centrado. */
.video-ig { max-width: 400px; margin: 0 auto; border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 0 8px 16px -2px rgba(10,10,10,.15), 0 0 0 1px rgba(10,10,10,.024); }
.video-ig iframe { display: block; width: 100%; height: 720px; border: 0; }
@media (max-width: 640px) { .video-ig iframe { height: 620px; } }

/* Volver, Compartir y Guardar en las secciones temáticas (Hernán 20/10/2026), con el aspecto de los de la ficha. Con lugar en los márgenes
   (secciones de 1300 px: desde 1700 px de pantalla), flotantes a los costados como en la ficha, pegados a la sección desde afuera; si no, en
   una fila arriba de la foto. */
:is(main.tematico, main.galeria-ciudad) .tem-acc { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: -4px 0 10px; }
:is(main.tematico, main.galeria-ciudad) .tem-acc .ab-volver { margin: 0 0 0 -6px; min-width: 0; max-width: 100%; color: #8a929c; font-weight: 400; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:is(main.tematico, main.galeria-ciudad) .tem-acc .ab-volver svg { flex: none; }
:is(main.tematico, main.galeria-ciudad) .tem-acc .ab-volver:hover { color: #222; background: #f2f2f2; }
:is(main.tematico, main.galeria-ciudad) .tem-acc .ab-acciones { display: flex; gap: 2px; margin: 0; position: relative; }
:is(main.tematico, main.galeria-ciudad) .tem-acc .ab-acciones button { position: static; display: inline-flex; align-items: center; gap: 8px; padding: 8px 10px; border: 0; border-radius: 8px; box-shadow: none;
    background: none; color: #222; font: 500 14px Inter, sans-serif; cursor: pointer; text-decoration: none; }
:is(main.tematico, main.galeria-ciudad) .tem-acc .ab-acciones button:hover { background: #f2f2f2; color: #222; }
:is(main.tematico, main.galeria-ciudad) .tem-acc .ab-acciones svg { width: 16px; height: 16px; flex: none; }
:is(main.tematico, main.galeria-ciudad) .tem-acc .ab-guardar.on svg { fill: #ff385c; stroke: #ff385c; }
:is(main.tematico, main.galeria-ciudad) .tem-acc .btn-compartir-ficha + .ubic-menu { right: auto; left: 0; }
@media (min-width: 1700px) {
    :is(main.tematico, main.galeria-ciudad) .tem-acc { margin: 0; height: 0; }
    :is(main.tematico, main.galeria-ciudad) .tem-acc .ab-volver { position: fixed; top: calc(var(--h-cab) + 18px); right: calc(50vw + 664px); max-width: calc(50vw - 680px); z-index: 60; background: rgba(255,255,255,.92); margin: 0; }
    :is(main.tematico, main.galeria-ciudad) .tem-acc .ab-acciones { position: fixed; top: calc(var(--h-cab) + 14px); left: calc(50vw + 664px); z-index: 60; flex-direction: column; align-items: flex-start;
        background: rgba(255,255,255,.92); border-radius: 12px; }
    :is(main.tematico, main.galeria-ciudad) .tem-acc .btn-compartir-ficha + .ubic-menu { left: auto; right: calc(100% + 8px); top: 0; }
}
@media (max-width: 640px) { :is(main.tematico, main.galeria-ciudad) .tem-acc .ab-acciones { flex: none; } :is(main.tematico, main.galeria-ciudad) .tem-acc .ab-acciones span { display: none; } :is(main.tematico, main.galeria-ciudad) .tem-acc .ab-acciones button { padding: 8px; } }

/* Galería de fotos de la ciudad con los criterios de la portada de ciudad y los centros de esquí (Hernán 20/10/2026): 1300 px, foto enmarcada
   con el título encima, Lexend Deca y azul #0183c3, video grande, grilla de 4 con sombra y visor a pantalla completa. */
main.galeria-ciudad { --vc-gris: #4a4a4a; --vc-azul: #0183c3; width: min(1300px, 100% - 40px); }
main.galeria-ciudad .migas.oscuras { margin: 18px 0 12px; font: 400 12.8px/19.2px Roboto, sans-serif; color: var(--vc-azul); }
main.galeria-ciudad .migas.oscuras a, main.galeria-ciudad .migas.oscuras span { color: var(--vc-azul); text-decoration: none; }
main.galeria-ciudad .gal-hero { position: relative; display: flex; flex-direction: column; justify-content: flex-start; height: clamp(240px, 32vw, 440px); margin: 0 0 22px; padding: 30px;
    border-radius: 10px; overflow: hidden; color: #fff; background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 42%), linear-gradient(0deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 26%), var(--foto, linear-gradient(135deg, #0162ff, #5ce9fc)) center / cover no-repeat;
    box-shadow: 0 8px 16px -2px rgba(10,10,10,.15), 0 0 0 1px rgba(10,10,10,.024); }
main.galeria-ciudad .gal-hero .eyebrow { margin: 0; color: #fff; opacity: .92; font: 600 12px/18px Roboto, sans-serif; letter-spacing: .08em; text-transform: uppercase; text-shadow: 0 1px 6px rgba(0,0,0,.45); }
main.galeria-ciudad .gal-hero h1 { margin: 0; font: 600 32px/44px "Lexend Deca", sans-serif !important; letter-spacing: 0 !important; color: #fff; text-shadow: 0 1px 10px rgba(0,0,0,.45); }
main.galeria-ciudad .gal-hero-cant { margin: 2px 0 0; font: 500 15px Roboto, sans-serif; text-shadow: 0 1px 8px rgba(0,0,0,.5); }
main.galeria-ciudad .gal-hero-cred { position: absolute; right: 30px; bottom: 16px; margin: 0; color: rgba(255,255,255,.85); font: 400 11px Roboto, sans-serif; }
main.galeria-ciudad .filtro-paginas { margin: 0 0 6px; gap: 8px; }
main.galeria-ciudad .filtro-paginas a { padding: 7px 14px; border: 0; border-radius: 8px; background: #fff; color: var(--vc-gris); font: 600 14px/20px Roboto, sans-serif;
    box-shadow: 0 4px 10px -2px rgba(10,10,10,.14), 0 0 0 1px rgba(10,10,10,.04); }
main.galeria-ciudad .filtro-paginas a:hover { color: var(--vc-azul); }
main.galeria-ciudad .filtro-paginas a small { display: inline-block; margin-left: 4px; padding: 0 6px; border-radius: 4px; background: #0092db; color: #fff; font: 700 11px/18px Roboto, sans-serif; }
main.galeria-ciudad .filtro-paginas a[aria-current="page"] { background: var(--vc-azul); color: #fff; }
main.galeria-ciudad .filtro-paginas a[aria-current="page"] small { background: rgba(255,255,255,.25); }
main.galeria-ciudad .gal-videos { margin-top: 26px; }
main.galeria-ciudad .gal-video-uno { display: block; max-width: 1000px; margin: 30px auto 10px; }
main.galeria-ciudad .gal-videos .video-vimeo { border-radius: 10px; box-shadow: 0 22px 48px rgba(16,24,40,.18), 0 6px 16px rgba(16,24,40,.1); }
main.galeria-ciudad .gal-videos figcaption { margin-top: 8px; text-align: center; font: 400 13px Roboto, sans-serif; color: #8a94a0; }
main.galeria-ciudad .gal-videos figcaption small { color: inherit; }
main.galeria-ciudad .gal-grilla { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px 20px; margin-top: 30px; }
main.galeria-ciudad .gal-grilla a { display: block; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 16px -2px rgba(10,10,10,.15), 0 0 0 1px rgba(10,10,10,.024); cursor: zoom-in; }
main.galeria-ciudad .gal-grilla img { border-radius: 0; transition: transform .5s cubic-bezier(.16,1,.3,1); }
main.galeria-ciudad .gal-grilla a:hover img { transform: scale(1.04); }
main.galeria-ciudad .gal-grilla figcaption { margin-top: 4px; font: 500 14px/1.35 Roboto, sans-serif; color: var(--vc-gris); }
main.galeria-ciudad .gal-grilla figcaption small { display: block; margin-top: 2px; font: 400 12px Roboto, sans-serif; color: #8a94a0; }
@media (max-width: 1000px) { main.galeria-ciudad .gal-grilla { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
    main.galeria-ciudad .gal-hero { height: 240px; padding: 18px; }
    main.galeria-ciudad .gal-hero h1 { font-size: 24px !important; line-height: 32px !important; }
    main.galeria-ciudad .gal-hero-cred { right: 14px; bottom: 10px; }
    main.galeria-ciudad .gal-grilla { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
    main.galeria-ciudad .filtro-paginas { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -20px 6px; padding: 4px 20px 10px; }
    main.galeria-ciudad .filtro-paginas a { flex: none; }
}

/* Galería: texto con la línea del portal (como los paseos) y carrusel de paseos de la ciudad (Hernán 20/10/2026). */
main.galeria-ciudad .gal-texto { max-width: 860px; margin: 26px auto 0; padding: clamp(20px, 3vw, 36px); background: #fff; border-radius: 10px;
    box-shadow: 0 8px 16px -2px rgba(10,10,10,.08), 0 0 0 1px rgba(10,10,10,.024); font: 400 16px/26px BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; color: var(--vc-gris); }
main.galeria-ciudad .gal-texto p { font: inherit; color: inherit; margin: 0 0 1em; }
main.galeria-ciudad .gal-texto > :last-child { margin-bottom: 0; }
main.galeria-ciudad .gal-texto h2, main.galeria-ciudad .gal-texto h3 { margin: 1.2em 0 .4em; font: 600 22px/32px "Lexend Deca", sans-serif !important; letter-spacing: 0; color: var(--vc-gris); }
main.galeria-ciudad .gal-texto h3 { font-size: 19px !important; line-height: 28px !important; }
main.galeria-ciudad .gal-texto > :first-child { margin-top: 0; }
main.galeria-ciudad .gal-texto a { color: var(--vc-azul) !important; }
main.galeria-ciudad .gal-paseos { margin-top: 44px; }
main.galeria-ciudad .gal-paseos > h2 { font: 600 24px/36px "Lexend Deca", sans-serif !important; letter-spacing: 0 !important; margin: 0 0 18px; }
main.galeria-ciudad .gal-paseos > h2 a { color: var(--vc-gris); text-decoration: none; }
main.galeria-ciudad .gal-paseos > h2 a:hover { color: var(--vc-azul); }
main.galeria-ciudad .paseo-card { border-radius: 10px; box-shadow: 0 8px 16px -2px rgba(10,10,10,.15), 0 0 0 1px rgba(10,10,10,.024); }
main.galeria-ciudad .paseo-cuerpo b { font: 600 16px/1.3 Roboto, sans-serif !important; letter-spacing: 0 !important; color: var(--vc-azul); }
main.galeria-ciudad .paseo-cuerpo em { font: 400 14px/1.5 Roboto, sans-serif !important; color: var(--vc-gris); }
main.galeria-ciudad .paseo-cuerpo small { font: 600 13px Roboto, sans-serif !important; color: var(--vc-azul) !important; }
@media (max-width: 760px) { main.galeria-ciudad .gal-paseos > h2 { font-size: 20px !important; line-height: 28px !important; } }
main.galeria-ciudad .gal-aloj { margin-top: 36px; }
main.galeria-ciudad .ca-card b { color: var(--vc-azul); }

/* Listado sin ningún aviso con ficha (Servicios varios y similares, Hernán 20/10/2026): los "solo listado" se muestran como tarjetas de
   texto, sin lugar para foto ("hacelo sin lugar para la foto"), en grilla de 3 con la sombra del portal. */
main.pagina .grilla-simple.solo-simples { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.solo-simples .tarj.tarj-simple { display: flex; flex-direction: column; overflow: hidden; padding: 0; border: 0; border-radius: 10px; background: #fff;
    box-shadow: 0 8px 16px -2px rgba(10,10,10,.12), 0 0 0 1px rgba(10,10,10,.03); }
.solo-simples .tarj-simple .tarj-cuerpo { padding: 18px 20px 18px; }
.solo-simples .tarj-rubro-txt { font: 400 12px/18px Roboto, sans-serif; color: #4a4a4a; }
.solo-simples .tarj-simple h3 { margin: 2px 0 4px; font: 600 17px/1.3 Roboto, sans-serif; color: #0183c3; }
@media (max-width: 900px) { main.pagina .grilla-simple.solo-simples { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { main.pagina .grilla-simple.solo-simples { grid-template-columns: 1fr; } }

/* "Otras opciones de alojamientos" es un link al listado completo (20/10/2026): mismo aspecto, azul al pasar el mouse. */
h2.otras-opciones a { color: inherit; text-decoration: none; }
h2.otras-opciones a:hover, h2.otras-opciones a:focus-visible { color: #0183c3; text-decoration: underline; text-underline-offset: 4px; }

/* Pie de los listados (Hernán 21/10/2026): más aire entre el listado y los carruseles de paseos y alojamientos. */
.lista-pie { padding-top: 72px; }
.lista-pie + .lista-pie { padding-top: 48px; }
@media (max-width: 700px) { .lista-pie { padding-top: 48px; } .lista-pie + .lista-pie { padding-top: 32px; } }

/* Cómo llegar (Hernán 21/10/2026): planificador con el mapa de Google, distancias que cargan la ruta, prestadores con más datos. */
.cl-ruta { display: grid; grid-template-columns: minmax(280px, 360px) 1fr; gap: 0; padding: 0; margin: 28px 0 8px; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(16,24,40,.10), 0 2px 6px rgba(16,24,40,.06); }
.cl-form { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.cl-form h2 { font-size: 22px; margin: 0 0 4px; }
.cl-campo { display: flex; flex-direction: column; gap: 4px; }
.cl-campo span { font-size: 13px; font-weight: 600; color: #5b6b77; text-transform: uppercase; letter-spacing: .04em; }
.cl-campo input { font: inherit; font-size: 16px; padding: 11px 13px; border: 1px solid #d5dde5; border-radius: 10px; background: #f7f9fb; }
.cl-campo input:focus { outline: 2px solid #0183c3; outline-offset: 0; background: #fff; }
.cl-mi { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; font: inherit; font-size: 14px; font-weight: 600; color: #0183c3; background: none; border: 0; padding: 2px 0; cursor: pointer; }
.cl-mi:hover { text-decoration: underline; }
.cl-aviso { margin: 0; font-size: 14px; color: #5b6b77; }
.cl-modos { display: flex; flex-wrap: wrap; gap: 8px; }
.cl-modos label { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; padding: 7px 12px; border: 1px solid #d5dde5; border-radius: 999px; cursor: pointer; }
.cl-modos label:has(input:checked) { border-color: #0183c3; background: #e8f4fb; color: #0167a0; font-weight: 600; }
.cl-modos input { accent-color: #0183c3; margin: 0; }
.cl-form .btn { text-align: center; justify-content: center; }
.cl-mapa { min-height: 520px; background: #e8eef3; }
.cl-mapa iframe { display: block; width: 100%; height: 100%; min-height: 520px; border: 0; }
.como-llegar { padding-top: 40px; }
.como-llegar .texto-largo { max-width: none; columns: 2 380px; column-gap: 56px; line-height: 1.65; }
.como-llegar .texto-largo h2, .como-llegar .texto-largo h3, .como-llegar .texto-largo h4 { break-after: avoid; }
.como-llegar .texto-largo ul { break-inside: avoid; columns: 2 170px; column-gap: 20px; padding: 0; margin: 10px 0 22px; list-style: none; }
.como-llegar .texto-largo li { break-inside: avoid; padding: 6px 10px; margin: 0 0 6px; border-radius: 8px; background: #fff; box-shadow: 0 1px 2px rgba(16,24,40,.06); font-size: 14px; }
.como-llegar .texto-largo li.cl-dist { cursor: pointer; }
.como-llegar .texto-largo li.cl-dist:hover, .como-llegar .texto-largo li.cl-dist:focus-visible { background: #e8f4fb; color: #0167a0; outline: none; }
.tarj-simple .tarj-desc { margin: 4px 0 6px; font-size: 14px; color: #4a4a4a; line-height: 1.45; }
.tarj-simple .botones { flex-wrap: wrap; }
@media (max-width: 860px) {
  .cl-ruta { grid-template-columns: 1fr; }
  .cl-form { padding: 18px 16px; }
  .cl-mapa, .cl-mapa iframe { min-height: 360px; }
  .como-llegar .texto-largo { columns: 1; }
}
/* Listados en celular (Hernán 21/10/2026: "ocupa mucho lugar… para que las fichas no comiencen tan abajo"): las búsquedas sugeridas
   en una sola fila que se desliza de costado y Explorar en el mapa / Cerca de mí en un renglón. */
@media (max-width: 700px) {
  .sup-vivo .filtro { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; scrollbar-width: none; margin-right: -16px; padding: 2px 16px 2px 0; }
  .sup-vivo .filtro::-webkit-scrollbar { display: none; }
  .sup-vivo .filtro h2 { flex: none; }
  .sup-vivo .filtro a { white-space: nowrap; margin: 0 !important; }
  .pw-cerca-fila { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; }
  .pw-cerca-fila > a, .pw-cerca-fila > button { flex: 1 1 0; justify-content: center; white-space: nowrap; margin: 0 !important; }
}
/* Cómo llegar en celular, más compacto (Hernán 21/10/2026: "para que las fichas no comiencen tan abajo"). */
@media (max-width: 700px) {
  .cl-ruta { margin-top: 16px; }
  .cl-form { gap: 8px; padding: 14px 14px 12px; }
  .cl-form h2 { font-size: 18px; margin: 0; }
  .cl-campo span { font-size: 11px; }
  .cl-campo input { padding: 8px 11px; }
  .cl-modos { flex-wrap: nowrap; gap: 6px; }
  .cl-modos label { flex: 1 1 auto; justify-content: center; padding: 6px 8px; font-size: 13px; white-space: nowrap; }
  .cl-modos input { display: none; }
  .cl-form { display: grid; grid-template-columns: 1fr 1fr; }
  .cl-form > :not(.cl-ver):not(.cl-abrir) { grid-column: 1 / -1; }
  .cl-form .btn { padding: 9px 8px; font-size: 14px; }
  .cl-mapa, .cl-mapa iframe { min-height: 300px; }
}

/* Cómo llegar, 3.ª (Hernán 21/10/2026): sin el cartel de Google ("Abrir en Maps", "Más opciones") que saca al visitante del portal:
   el mapa se corre 130 px hacia arriba dentro de su marco y el cartel queda afuera. Botón con el degradé azul del portal. */
.cl-mapa { position: relative; overflow: hidden; }
.cl-mapa iframe { position: absolute; left: 0; top: -130px; width: 100%; height: calc(100% + 130px); min-height: 0; }
.cl-ver { color: #fff; border: 0; background: linear-gradient(-45deg, #0162ff, #00b4f0); box-shadow: 0 4px 14px rgba(1,98,255,.25); font-weight: 600; cursor: pointer; }
.cl-ver:hover { color: #fff; background: linear-gradient(-45deg, #0150d6, #00a0d8); }
.cl-modos label:has(input:checked) { border-color: #0162ff; background: #eaf2ff; color: #0150d6; }
.cl-modos input { accent-color: #0162ff; }
@media (max-width: 700px) { .cl-form .cl-ver { grid-column: 1 / -1; } }

/* Cómo llegar sin panel de filtros (Hernán 21/10/2026): ni Favoritos/Tipo/Zona ni el botón Filtros del celular; las tarjetas toman ese ancho. */
.listado-panel.sin-filtros > .panel-f, .listado-panel.sin-filtros .pf-abrir { display: none !important; }
.listado-panel.sin-filtros, .listado-panel.sin-filtros:has(.der-vivo), .listado-panel.sin-filtros:has(.bn-col), .listado-panel.sin-filtros:has(.izq-vivo) { grid-template-columns: minmax(0, 1fr) 280px; }
@media (max-width: 1280px) { .listado-panel.sin-filtros, .listado-panel.sin-filtros:has(.der-vivo), .listado-panel.sin-filtros:has(.bn-col), .listado-panel.sin-filtros:has(.izq-vivo) { grid-template-columns: minmax(0, 1fr); } }

/* Tarjetas sin foto: sin el recuadro gris (Hernán 21/10/2026, todas las secciones). */
.tarj-gs .gs-foto.gs-sin, .tarj-gs .gs-foto:not(:has(img)) { display: none !important; }
/* Cómo llegar, recorrido propio (Hernán 21/10/2026): mapa de Leaflet con la ruta y, debajo, dónde hacer noche y dónde comer en el camino. */
.cl-leaf { position: absolute; inset: 0; z-index: 1; }
.cl-estado { position: absolute; z-index: 2; left: 50%; top: 14px; transform: translateX(-50%); margin: 0; padding: 6px 14px; border-radius: 999px; background: #fff; box-shadow: 0 4px 14px rgba(16,24,40,.15); font-size: 14px; color: #0150d6; }
.cl-pin { display: grid !important; place-items: center; border-radius: 50%; color: #fff; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(16,24,40,.35); }
.cl-pin-cama { background: #0162ff; }
.cl-pin-comer { background: #00a3c4; }
.cl-pop { display: flex; gap: 10px; align-items: flex-start; font: 14px/1.35 Inter, sans-serif; }
.cl-pop img { width: 72px; height: 72px; object-fit: cover; border-radius: 8px; flex: none; }
.cl-pop small { display: block; color: #6b7a88; font-size: 12px; }
.cl-pop b { display: block; margin: 2px 0 6px; color: #162330; font-size: 15px; }
.cl-pop a { color: #0162ff; font-weight: 600; text-decoration: none; }
.cl-recom { margin: 22px 0 6px; }
.cl-recom .cl-res { margin: 0 0 6px; font-size: 18px; font-weight: 600; color: #162330; }
.cl-recom .cl-largo { margin: 0 0 4px; color: #4a4a4a; }
.cl-recom h3 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 22px 0 12px; font-size: 19px; color: #162330; }
.cl-recom h3 svg { color: #0162ff; }
.cl-recom h3 small { font-size: 14px; font-weight: 400; color: #6b7a88; }
.cl-fila { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; padding: 2px 2px 14px; }
.cl-card { flex: 0 0 230px; scroll-snap-align: start; display: flex; flex-direction: column; background: #fff; border-radius: 12px; overflow: hidden; text-decoration: none; color: inherit; box-shadow: 0 6px 18px rgba(16,24,40,.08), 0 1px 3px rgba(16,24,40,.06); }
.cl-card img { width: 100%; height: 150px; object-fit: cover; display: block; }
.cl-card-c { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px 14px; }
.cl-card-c small { font-size: 12px; color: #6b7a88; text-transform: uppercase; letter-spacing: .03em; }
.cl-card-c b { font-size: 16px; color: #0183c3; line-height: 1.25; }
.cl-card-c em { display: flex; align-items: center; gap: 5px; font-style: normal; font-size: 13px; color: #4a4a4a; }
.cl-card:hover b { text-decoration: underline; }
@media (max-width: 700px) { .cl-card { flex-basis: 72%; } .cl-card img { height: 130px; } }
/* Cómo llegar: rutas alternativas, paso fronterizo, requisitos y micros (Hernán 21/10/2026). */
.cl-alts { display: flex; gap: 12px; flex-wrap: wrap; margin: 0 0 6px; }
.cl-alt { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 10px 16px; border: 1px solid #d5dde5; border-radius: 12px; background: #fff; cursor: pointer; font: inherit; text-align: left; }
.cl-alt small { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #6b7a88; }
.cl-alt b { font-size: 16px; color: #162330; }
.cl-alt em { font-style: normal; font-size: 14px; color: #4a4a4a; }
.cl-alt[aria-pressed="true"] { border-color: #0162ff; background: #eaf2ff; box-shadow: 0 0 0 1px #0162ff inset; }
.cl-alt[aria-pressed="true"] small { color: #0150d6; }
.cl-pin-paso { background: #e07a10; }
.cl-paso { margin: 18px 0 0; padding: 16px 18px; background: #fff; border-radius: 12px; box-shadow: 0 4px 14px rgba(16,24,40,.07); }
.cl-paso h3 { margin: 0 0 8px !important; }
.cl-paso h3 svg { color: #e07a10 !important; }
.cl-paso ul { margin: 0 0 12px; padding-left: 18px; color: #4a4a4a; }
.cl-paso li { margin: 3px 0; }
.cl-estado-btn { display: inline-block; text-decoration: none; padding: 8px 16px; border-radius: 999px; font-size: 14px; }
.cl-req { margin: 12px 0 0; padding: 12px 18px; background: #fff; border-radius: 12px; box-shadow: 0 4px 14px rgba(16,24,40,.07); }
.cl-req summary { cursor: pointer; font-weight: 600; color: #0150d6; }
.cl-req h4 { margin: 14px 0 4px; font-size: 15px; color: #162330; }
.cl-req ul { margin: 0; padding-left: 18px; color: #4a4a4a; font-size: 14px; line-height: 1.5; }
.cl-fuente { margin: 12px 0 0; font-size: 13px; color: #6b7a88; }
.cl-micros { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.cl-micro { padding: 14px 16px; background: #fff; border-radius: 12px; box-shadow: 0 4px 14px rgba(16,24,40,.07); }
.cl-micro b { display: block; font-size: 16px; color: #162330; }
.cl-micro p { margin: 4px 0 0; font-size: 14px; color: #4a4a4a; }
.cl-micro-l { display: flex; gap: 14px; margin-top: 8px !important; }
.cl-micro-l a { color: #0162ff; font-weight: 600; text-decoration: none; }
/* Cómo llegar en avión (Hernán 21/10/2026). */
.cl-pin-avion { background: #5b3df5; }
.cl-res svg { vertical-align: -2px; color: #0162ff; }
.cl-llegan { margin: 0; padding-left: 18px; columns: 2 300px; column-gap: 32px; color: #4a4a4a; font-size: 14px; line-height: 1.6; }
.cl-llegan li { break-inside: avoid; }
.cl-llegan small { color: #6b7a88; }
@media (max-width: 700px) { .cl-modos { flex-wrap: wrap; } }
.cl-hoy { margin: 0 0 10px; padding: 8px 12px; border-radius: 10px; font-size: 14px; }
.cl-hoy.on { background: #e7f7ee; color: #146c3a; }
.cl-hoy.off { background: #fdecec; color: #a42121; }
.cl-hoy b { text-transform: none; }
.cl-hoy small { color: #5b6b77; }
/* Cómo llegar: pasos fronterizos del texto en tarjetas (Hernán 21/10/2026: "que quede más estético"). */
.cl-pasos-txt { padding-top: 28px; }
.cl-pt-grilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 18px; }
.cl-pt { background: #fff; border-radius: 14px; padding: 18px 20px 16px; box-shadow: 0 6px 18px rgba(16,24,40,.07), 0 1px 3px rgba(16,24,40,.05); border-top: 4px solid #e07a10; }
.cl-pt h4 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 18px; color: #162330; }
.cl-pt h4 svg { color: #e07a10; flex: none; }
.cl-pt p { margin: 0; font-size: 15px; line-height: 1.6; color: #4a4a4a; }
.cl-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px !important; }
.cl-chip { display: inline-block; padding: 4px 10px; border-radius: 999px; background: #f1f4f8; color: #33434f; font-size: 13px !important; line-height: 1.4 !important; }
.cl-chip.on { background: #e7f7ee; color: #146c3a; font-weight: 600; }
.cl-chip.off { background: #fdecec; color: #a42121; font-weight: 600; }
.cl-chip-link { background: #eaf2ff; color: #0150d6; font-weight: 600; text-decoration: none; }
@media (max-width: 700px) { .cl-pt-grilla { grid-template-columns: 1fr; } }
/* Cómo llegar más compacto (Hernán 21/10/2026: "están muy grandes las fichas, mapa, etc., hacelo más estético"). */
.cl-ruta { grid-template-columns: minmax(260px, 320px) 1fr; border-radius: 14px; margin-top: 20px; }
.cl-form { gap: 9px; padding: 18px 20px; }
.cl-form h2 { font-size: 18px; }
.cl-campo span { font-size: 11px; }
.cl-campo input { font-size: 15px; padding: 9px 12px; border-radius: 9px; }
.cl-mi { font-size: 13px; }
.cl-modos { gap: 6px; }
.cl-modos label { font-size: 13px; padding: 5px 10px; }
.cl-form .btn { padding: 9px 14px; font-size: 14px; }
.cl-mapa, .cl-mapa iframe { min-height: 400px; }
.cl-recom { margin: 16px 0 4px; }
.cl-recom h3 { font-size: 16px; margin: 18px 0 10px; }
.cl-recom .cl-res { font-size: 16px; }
.cl-alts { gap: 10px; }
.cl-alt { padding: 8px 14px; border-radius: 10px; }
.cl-alt small { font-size: 11px; }
.cl-alt b { font-size: 15px; }
.cl-alt em { font-size: 13px; }
.cl-paso { padding: 12px 16px; margin-top: 12px; }
.cl-paso ul { font-size: 14px; margin-bottom: 8px; }
.cl-hoy { font-size: 13px; padding: 6px 10px; margin-bottom: 8px; }
.cl-req { padding: 10px 16px; }
.cl-card { flex-basis: 190px; border-radius: 10px; }
.cl-card img { height: 115px; }
.cl-card-c { padding: 9px 11px 11px; }
.cl-card-c b { font-size: 14px; }
.cl-card-c small, .cl-card-c em { font-size: 12px; }
/* Texto: distancias como chips en renglones, no una tarjeta por renglón. */
.como-llegar { padding-top: 28px; }
.como-llegar .texto-largo { columns: 1; max-width: none; font-size: 15px; }
.como-llegar .texto-largo h2 { font-size: 22px; margin: 0 0 10px; }
.como-llegar .texto-largo h3 { font-size: 17px; margin: 18px 0 8px; }
.como-llegar .texto-largo p { max-width: 80ch; }
.como-llegar .texto-largo ul { columns: auto; display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 16px; }
.como-llegar .texto-largo li { margin: 0; padding: 4px 11px; border-radius: 999px; font-size: 13px; line-height: 1.4; border: 1px solid #e3e9ef; box-shadow: none; }
.como-llegar .texto-largo li.cl-dist:hover, .como-llegar .texto-largo li.cl-dist:focus-visible { border-color: #0162ff; }
/* Pasos del texto: tarjetas en columnas (cada una con su alto) y letra más chica. */
.cl-pasos-txt { padding-top: 20px; }
.cl-pasos-txt h2 { font-size: 22px !important; margin-bottom: 12px !important; }
.cl-pt-grilla { display: block; columns: 3 300px; column-gap: 16px; }
.cl-pt { break-inside: avoid; margin: 0 0 16px; padding: 14px 16px 12px; border-radius: 12px; border-top-width: 3px; }
.cl-pt h4 { font-size: 15px; margin-bottom: 8px; }
.cl-pt p { font-size: 13.5px; line-height: 1.55; }
.cl-chip { font-size: 12px !important; padding: 3px 9px; }
.cl-chips { margin-bottom: 8px !important; }
/* Prestadores: tarjetas bajas, botones chicos en un renglón y sin la columna vacía de publicidad. */
.listado-panel.sin-filtros:not(:has(.der-vivo .card)), .listado-panel.sin-filtros:not(:has(.der-vivo .card)):has(.der-vivo) { grid-template-columns: minmax(0, 1fr); }
.listado-panel.sin-filtros:not(:has(.der-vivo .card)) > .der-vivo { display: none; }
.listado-panel.sin-filtros .grilla-tarj { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.listado-panel.sin-filtros .tarj-simple .tarj-cuerpo { padding: 12px 14px; }
.listado-panel.sin-filtros .tarj-simple h3 { font-size: 15px; margin: 2px 0 4px; }
.listado-panel.sin-filtros .tarj-simple .tarj-rubro-txt { font-size: 11px; }
.listado-panel.sin-filtros .tarj-simple .dir, .listado-panel.sin-filtros .tarj-simple .tels { font-size: 13px; margin: 2px 0; }
.listado-panel.sin-filtros .tarj-simple .tarj-desc { font-size: 13px; line-height: 1.4; margin: 4px 0; }
.listado-panel.sin-filtros .tarj-simple .botones { gap: 5px; margin-top: 8px; }
.listado-panel.sin-filtros .tarj-simple .botones .btn { padding: 4px 10px; font-size: 12px; min-height: 0; line-height: 1.5; }
@media (max-width: 860px) { .cl-mapa, .cl-mapa iframe { min-height: 300px; } }
#filtros.sin-filtros .grilla-tarj { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important; gap: 14px !important; }
@media (max-width: 860px) { .cl-ruta { grid-template-columns: 1fr; } .cl-mapa, .cl-mapa iframe { min-height: 300px; } }
@media (max-width: 700px) { .como-llegar .texto-largo h2 { font-size: 20px; } .cl-pt-grilla { columns: 1; } }
/* Aviso "No hay vuelos" (Hernán 21/10/2026). */
.cl-sinv { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 14px 18px; border-radius: 12px; background: #fff7e8; border: 1px solid #f3d29a; }
.cl-sinv p { margin: 0; font-size: 14px; color: #6a4a12; }
.cl-sinv p b { display: flex; align-items: center; gap: 8px; font-size: 16px; color: #3d2a06; margin-bottom: 2px; }
.cl-sinv > div { display: flex; gap: 8px; flex-wrap: wrap; }
.cl-sinv .btn { padding: 8px 14px; font-size: 14px; border-radius: 999px; }
.cl-sinv-b { background: #fff; border: 1px solid #0162ff; color: #0150d6; cursor: pointer; font-weight: 600; }
/* Cómo llegar con márgenes a los costados (Hernán 21/10/2026: "dejá un poco de márgenes en los costados"). */
main.ancho.pagina:has(#cl-ruta) { width: min(1240px, 100% - 64px) !important; }
@media (max-width: 700px) { main.ancho.pagina:has(#cl-ruta) { width: calc(100% - 32px) !important; } }
/* Promociones: el título no reserva dos renglones (Hernán 21/10/2026: "te quedó un espacio vacío, optimizalo"); el botón sigue abajo. */
main.promos-ciudad .promo-tarj h2 { min-height: 0; }

/* Cómo llegar en la ficha, dentro del mapa (Hernán 21/10/2026). */
.ruta-ficha { margin-top: 12px; }
.ruta-ficha .rf-estado { margin: 0 0 8px; padding: 10px 14px; border-radius: 10px; background: #eaf2ff; color: #0f2a55; font-weight: 600; font-size: 15px; }
.ruta-ficha .rf-estado[hidden] { display: none; }
.ruta-ficha .rf-form { display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; }
.ruta-ficha .rf-form label { display: flex; flex-direction: column; gap: 4px; flex: 1 1 240px; font-size: 13px; font-weight: 600; color: #5b6b77; }
.ruta-ficha .rf-form input { font: inherit; font-size: 15px; font-weight: 400; padding: 9px 12px; border: 1px solid #d5dde5; border-radius: 9px; }

/* Zonas de una ciudad (Colonia Suiza, Hernán 21/10/2026): videos en grilla, bien separados. */
.tem-videos-grilla { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px; }
@media (max-width: 700px) { .tem-videos-grilla { gap: 24px; } }
/* Colonia Suiza: fotos antiguas con su crédito (Hernán 21/10/2026). */
.tem-antiguas { margin: 28px 0 8px; }
.tem-antiguas h2 { font-size: 20px; margin: 0 0 14px; }
.tem-antiguas-grilla { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.tem-antiguas figure { margin: 0; background: #1c1815; border-radius: 12px; overflow: hidden; }
.tem-antiguas img { display: block; width: 100%; height: auto; filter: sepia(.15); }
.tem-antiguas figcaption { padding: 10px 14px 12px; background: #fff; font-size: 14px; color: #33434f; line-height: 1.45; }
.tem-antiguas figcaption small { display: block; margin-top: 4px; font-size: 12px; color: #6b7a88; }
main.tematico .tem-antiguas figure { width: auto !important; max-width: none !important; margin: 0 !important; display: block !important; }
main.tematico .tem-antiguas img { width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; border-radius: 0 !important; }
main.tematico .tem-antiguas figcaption { text-align: left !important; font: 400 14px/1.45 Inter, sans-serif !important; color: #33434f !important; }
main.tematico .tem-antiguas figcaption small { font: 400 12px/1.4 Inter, sans-serif !important; color: #6b7a88 !important; }

/* Resultado de "Cómo llegar" adentro del mapa y el formulario al lado del botón (Hernán 21/10/2026). */
.ubic-botones:has(.ruta-ficha) { flex-wrap: wrap; align-items: flex-end; }
.ubic-botones .ruta-ficha { margin: 0; flex: 1 1 320px; }
#ficha-mapa, #mapa-ciudad { position: relative; }
.rf-estado.rf-en-mapa { position: absolute; z-index: 1000; top: 12px; left: 50%; transform: translateX(-50%); max-width: calc(100% - 140px); margin: 0; padding: 8px 16px;
    border-radius: 999px; background: #fff; color: #0f2a55; font-weight: 600; font-size: 14px; box-shadow: 0 4px 16px rgba(16,24,40,.18); text-align: center; pointer-events: none; }
@media (max-width: 700px) { .rf-estado.rf-en-mapa { top: auto; bottom: 10px; max-width: calc(100% - 24px); font-size: 13px; border-radius: 12px; } }

/* Zona con pocos prestadores: una sola franja a lo ancho (Hernán 21/10/2026). */
.tz-grilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 18px; }
.tz-grilla .ca-card { width: auto !important; max-width: none !important; }

/* Videos de YouTube que pasan solos, limpios: sin título, logo, subtítulos ni controles (Hernán 21/10/2026). */
.video-vimeo.con-yt-limpio { overflow: hidden !important; isolation: isolate; }
.video-vimeo iframe.yt-limpio { pointer-events: none !important; transform: scale(1.36) !important; transform-origin: center !important; }

/* "Cómo llegar" calculando: el botón con una ruedita y el texto (Hernán 21/10/2026). */
.btn-ruta-ficha.rf-cargando { pointer-events: none; background: #eaf2ff !important; border-color: #0162ff !important; color: #0150d6 !important; }
.rf-rueda { display: inline-block; width: 16px; height: 16px; margin-right: 8px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: rf-gira .7s linear infinite; vertical-align: -3px; }
@keyframes rf-gira { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .rf-rueda { animation-duration: 2s; } }
.rf-estado.rf-en-mapa::before { content: ""; }
/* El cartel de "Cómo llegar" va encima del mapa (la capa del mapa lo tapaba). */
.mc-caja > .rf-estado.rf-en-mapa, #ficha-mapa > .rf-estado.rf-en-mapa { z-index: 5000 !important; }
/* Temáticos sin columna lateral (Hernán 21/10/2026, Colonia Suiza: "centralo"): el texto ocupa todo el ancho, alineado con la galería. */
main.tematico .tem-cols:not(:has(> :nth-child(2))) { grid-template-columns: minmax(0, 1fr) !important; }
main.tematico .tem-cols:not(:has(> :nth-child(2))) > div > .tem-texto { max-width: none !important; }

/* "Cómo llegar" adentro del mapa de la zona, abajo a la izquierda (Hernán 21/10/2026); el formulario "¿Desde dónde salís?" también ahí. */
section.tem-mapa { position: relative; }
section.tem-mapa > .ubic-botones { position: absolute; left: 14px; bottom: 20px; z-index: 5000; margin: 0; max-width: calc(100% - 120px); }
section.tem-mapa > .ubic-botones .btn-ruta-ficha { background: #fff; box-shadow: 0 4px 14px rgba(16,24,40,.2); }
section.tem-mapa > .ubic-botones .ruta-ficha { background: #fff; padding: 10px 12px; border-radius: 12px; box-shadow: 0 4px 14px rgba(16,24,40,.2); }
section.tem-mapa > .ubic-botones .ruta-ficha:not(:has(form:not([hidden]))) { display: none; }
/* Videos limpios con menos recorte (Hernán 21/10/2026: "se ven fuera de cuadro"): lo justo para tapar la franja del título y el logo. */
.video-vimeo iframe.yt-limpio { transform: scale(1.2) !important; }
/* Receta del curanto (Hernán 21/10/2026). */
main.tematico .tem-receta { margin: 32px 0 8px; padding: 24px; border-radius: 16px; background: #fbf6ef; border: 1px solid #efe2cf; }
main.tematico .tem-receta h2 { margin: 0 0 8px; font-size: 22px; }
main.tematico .tem-receta .tr-cab p { margin: 0 0 6px; max-width: 80ch; }
main.tematico .tem-receta .tr-tiempo { font-weight: 600; color: #8a4b12; }
main.tematico .tem-receta .tr-fotos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 16px 0; }
main.tematico .tem-receta .tr-fotos img { width: 100% !important; height: 190px !important; object-fit: cover; border-radius: 10px; margin: 0 !important; }
main.tematico .tem-receta .tr-cols { display: grid; grid-template-columns: minmax(220px, 1fr) 2fr; gap: 28px; }
main.tematico .tem-receta h3 { margin: 0 0 8px; font-size: 17px; color: #8a4b12; }
main.tematico .tem-receta ul, main.tematico .tem-receta ol { margin: 0; padding-left: 20px; line-height: 1.6; }
main.tematico .tem-receta ol li { margin-bottom: 6px; }
main.tematico .tem-receta .tr-dato { margin: 14px 0 4px; font-size: 14px; color: #5b4630; }
main.tematico .tem-receta .tr-mas a { font-weight: 600; }
@media (max-width: 700px) { main.tematico .tem-receta { padding: 16px; } main.tematico .tem-receta .tr-cols { grid-template-columns: 1fr; } main.tematico .tem-receta .tr-fotos { grid-template-columns: 1fr 1fr; } main.tematico .tem-receta .tr-fotos img:nth-child(3) { display: none; } }
main.tematico .tem-receta .tr-tiempo::before { content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 6px; vertical-align: -2px; border: 2px solid currentColor; border-radius: 50%; box-sizing: border-box; }
.tem-videos-grilla:has(> :nth-child(2):last-child) { grid-template-columns: 1fr 1fr; }
/* Botones "Ver más" (Paseos y excursiones (92), Ver el blog…) sin flecha y más prolijos (Hernán 21/10/2026: "no hagas botones con flechas"). */
.mas .btn, .mas .btn.btn-sec { display: inline-flex; align-items: center; gap: 8px; padding: 12px 26px; border: 0 !important; border-radius: 999px; color: #fff !important;
    background: linear-gradient(-45deg, #0162ff, #00b4f0) !important; box-shadow: 0 6px 18px rgba(1,98,255,.22); font: 600 15px Inter, sans-serif; text-decoration: none; transition: transform .15s, box-shadow .15s; }
.mas .btn:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(1,98,255,.3); }
.mas .btn small, .mas .btn .n { opacity: .85; font-weight: 500; }
/* Fiesta de la Nieve (Hernán 21/10/2026: "está muy fea y muy pobre"): datos en tarjetas, programa en grilla, fotos con crédito, videos. */
main.nota .fn-datos { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 8px 0 28px; }
main.nota .fn-datos > div { background: #eaf2ff; border-radius: 12px; padding: 14px 16px; }
main.nota .fn-datos b { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: #0150d6; margin-bottom: 4px; }
main.nota .fn-datos span { font-size: 15px; line-height: 1.5; color: #162330; }
main.nota .fn-prog { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin: 8px 0 28px; }
main.nota .fn-prog > div { background: #fff; border-radius: 12px; padding: 14px 16px; box-shadow: 0 4px 14px rgba(16,24,40,.07); border-top: 3px solid #00b4f0; }
main.nota .fn-prog b { display: block; font-size: 16px; color: #162330; margin-bottom: 4px; }
main.nota .fn-prog p { margin: 0; font-size: 14px; line-height: 1.5; color: #4a4a4a; }
main.nota .nota-videos { margin: 24px 0; }
main.nota .tem-antiguas figure { margin: 0; background: #1c1815; border-radius: 12px; overflow: hidden; }
main.nota .tem-antiguas img { width: 100% !important; height: 220px !important; object-fit: cover; margin: 0 !important; border-radius: 0 !important; }
main.nota .tem-antiguas figcaption { padding: 10px 14px 12px; background: #fff; font-size: 14px; color: #33434f; text-align: left; }
main.nota .tem-antiguas figcaption small { display: block; margin-top: 4px; font-size: 12px; color: #6b7a88; }
/* Fotos antiguas parejas (Hernán 21/10/2026: "más estético y simétrico"): sin marco negro (recortado en la foto), 3 por fila, mismo formato y epígrafes alineados. */
.tem-antiguas .tem-antiguas-grilla, main.tematico .tem-antiguas .tem-antiguas-grilla { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.tem-antiguas .tem-antiguas-grilla:has(> figure:nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tem-antiguas figure, main.tematico .tem-antiguas figure, main.nota .tem-antiguas figure { display: flex !important; flex-direction: column; background: #fff !important; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 14px rgba(16,24,40,.08); }
.tem-antiguas figure > a { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #e9e4dc; }
.tem-antiguas img, main.tematico .tem-antiguas img, main.nota .tem-antiguas img { width: 100% !important; height: 100% !important; object-fit: cover; filter: none; transition: transform .4s; }
.tem-antiguas figure:hover img { transform: scale(1.03); }
.tem-antiguas figcaption, main.tematico .tem-antiguas figcaption { flex: 1; padding: 12px 14px 14px !important; }
@media (max-width: 860px) { .tem-antiguas .tem-antiguas-grilla, main.tematico .tem-antiguas .tem-antiguas-grilla { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .tem-antiguas .tem-antiguas-grilla, main.tematico .tem-antiguas .tem-antiguas-grilla { grid-template-columns: 1fr; } }
/* Zonas de ciudad (Cerro Otto, Circuito Chico, Colonia Suiza; Hernán 21/10/2026: "achicá la foto principal, el texto con márgenes, más estético"). */
main.tematico.tem-zona-ciudad .tem-portada { height: clamp(220px, 24vw, 360px); border-radius: 16px; margin-bottom: 28px; }
main.tematico.tem-zona-ciudad .tem-portada::after { background: linear-gradient(180deg, rgba(0,0,0,.05) 35%, rgba(0,0,0,.55)) !important; }
main.tematico.tem-zona-ciudad .tem-portada .portada-sec-txt { top: auto !important; bottom: 0; padding: 28px 36px !important; }
main.tematico.tem-zona-ciudad .tem-portada h1 { font-size: clamp(28px, 3.2vw, 40px) !important; line-height: 1.15 !important; }
main.tematico.tem-zona-ciudad .tem-portada .credito-portada { top: 14px; bottom: auto; right: 18px; font-size: 10.5px; opacity: .8; }
main.tematico.tem-zona-ciudad .tem-texto { padding: 48px 32px 40px !important; border-radius: 16px; }
main.tematico.tem-zona-ciudad .tem-texto > p, main.tematico.tem-zona-ciudad .tem-texto > h2, main.tematico.tem-zona-ciudad .tem-texto > h3, main.tematico.tem-zona-ciudad .tem-texto > ul,
main.tematico.tem-zona-ciudad .tem-texto > .tem-fuentes { max-width: 760px; margin-left: auto !important; margin-right: auto !important; }
main.tematico.tem-zona-ciudad .tem-texto > p { font: 400 17px/1.75 Inter, sans-serif !important; color: #2f3b46 !important; margin-bottom: 18px; }
main.tematico.tem-zona-ciudad .tem-texto > p:first-of-type { font-size: 19px !important; line-height: 1.65 !important; color: #162330 !important; }
main.tematico.tem-zona-ciudad .tem-texto > .tem-antiguas, main.tematico.tem-zona-ciudad .tem-texto > .tem-receta { max-width: 1040px; margin-left: auto !important; margin-right: auto !important; margin-top: 40px; }
main.tematico.tem-zona-ciudad .tem-texto > .tem-fuentes { margin-top: 32px; padding-top: 16px; border-top: 1px solid #e6ebf0; }
main.tematico.tem-zona-ciudad .tem-texto > .tem-fuentes small { font-size: 12.5px; line-height: 1.7; color: #6b7a88; }
main.tematico.tem-zona-ciudad .bloque-video .video-vimeo { max-width: 900px; margin: 0 auto; }
@media (max-width: 700px) { main.tematico.tem-zona-ciudad .tem-texto { padding: 26px 18px !important; } main.tematico.tem-zona-ciudad .tem-texto > p { font-size: 16px !important; } main.tematico.tem-zona-ciudad .tem-texto > p:first-of-type { font-size: 17px !important; } main.tematico.tem-zona-ciudad .tem-portada .portada-sec-txt { padding: 18px 20px !important; } }
main.tematico.tem-zona-ciudad .tem-portada .portada-sec-foto { background-position: center 12% !important; }
main.tematico.tem-zona-ciudad .tem-portada .credito-portada { top: 12px !important; bottom: auto !important; right: 16px !important; left: auto !important; max-width: 60%; text-align: right; z-index: 3; }
@media (max-width: 700px) { main.tematico.tem-zona-ciudad .tem-portada .credito-portada { display: none; } main.tematico.tem-zona-ciudad .tem-portada { height: 220px; } }
/* Fotos antiguas en carrusel y fuentes plegadas, sin links a otros sitios (Hernán 21/10/2026: "que no sea un punto de fuga"). */
.tem-antiguas .tem-antiguas-car .cp-pista { display: flex !important; grid-template-columns: none !important; gap: 18px; }
.tem-antiguas .tem-antiguas-car .cp-pista > figure { flex: 0 0 calc((100% - 36px) / 3) !important; scroll-snap-align: start; }
.tem-antiguas figure > img { display: block; width: 100% !important; aspect-ratio: 4 / 3; height: auto !important; object-fit: cover; }
@media (max-width: 860px) { .tem-antiguas .tem-antiguas-car .cp-pista > figure { flex-basis: calc((100% - 18px) / 2) !important; } }
@media (max-width: 520px) { .tem-antiguas .tem-antiguas-car .cp-pista > figure { flex-basis: 82% !important; } }
details.tem-fuentes { margin-top: 28px; padding-top: 12px; border-top: 1px solid #e6ebf0; }
details.tem-fuentes summary { cursor: pointer; font-size: 13px; font-weight: 600; color: #6b7a88; list-style: none; }
details.tem-fuentes summary::-webkit-details-marker { display: none; }
details.tem-fuentes small { display: block; margin-top: 8px; font-size: 12px; line-height: 1.6; color: #6b7a88; }
main.tematico.tem-zona-ciudad .tem-texto > details.tem-fuentes { max-width: 760px; margin-left: auto; margin-right: auto; }
/* El primer párrafo con el mismo tamaño que el resto (Hernán 21/10/2026). */
main.tematico.tem-zona-ciudad .tem-texto > p:first-of-type { font-size: 17px !important; line-height: 1.75 !important; color: #2f3b46 !important; }
@media (max-width: 700px) { main.tematico.tem-zona-ciudad .tem-texto > p:first-of-type { font-size: 16px !important; } }
/* Pocas fotos antiguas (3 o menos): sin carrusel, centradas y parejas (Hernán 21/10/2026). */
.tem-antiguas .tem-antiguas-car:not(:has(.cp-pista > figure:nth-child(4))) .cp-ant,
.tem-antiguas .tem-antiguas-car:not(:has(.cp-pista > figure:nth-child(4))) .cp-sig { display: none !important; }
.tem-antiguas .tem-antiguas-car:not(:has(.cp-pista > figure:nth-child(4))) .cp-pista { justify-content: center; flex-wrap: wrap; overflow: visible !important; scroll-snap-type: none; }
@media (max-width: 860px) { .tem-antiguas .tem-antiguas-car:not(:has(.cp-pista > figure:nth-child(4))) .cp-pista > figure { flex: 0 1 calc((100% - 18px) / 2) !important; } }
@media (max-width: 520px) { .tem-antiguas .tem-antiguas-car:not(:has(.cp-pista > figure:nth-child(4))) .cp-pista > figure { flex: 0 1 100% !important; } }
/* "También en …": pocas tarjetas, centradas y del mismo ancho (Hernán 21/10/2026). */
.tz-grilla.tz-centro { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.tz-grilla.tz-centro .ca-card { flex: 0 1 260px; }
.tz-grilla .ca-card img { width: 100%; aspect-ratio: 4 / 3; height: auto; object-fit: cover; }
/* Una sola tarjeta: horizontal y ancha, foto a la izquierda (Hernán 21/10/2026: "queda feo que esté solo"). */
.tz-grilla.tz-centro .ca-card img { height: 100% !important; min-height: 0; }
.tz-grilla.tz-centro:has(> .ca-card:only-child) .ca-card { flex: 0 1 820px; flex-direction: row; min-height: 220px; }
.tz-grilla.tz-centro:has(> .ca-card:only-child) .ca-card img { width: 45% !important; aspect-ratio: auto; height: auto !important; align-self: stretch; }
.tz-grilla.tz-centro:has(> .ca-card:only-child) .ca-cuerpo { display: flex; flex-direction: column; justify-content: center; padding: 28px 32px; }
.tz-grilla.tz-centro:has(> .ca-card:only-child) .ca-cuerpo b { font-size: 24px; line-height: 1.25; }
.tz-grilla.tz-centro:has(> .ca-card:only-child) .ca-cuerpo small { font-size: 14px; margin-bottom: 6px; }
@media (max-width: 600px) { .tz-grilla.tz-centro:has(> .ca-card:only-child) .ca-card { flex-direction: column; } .tz-grilla.tz-centro:has(> .ca-card:only-child) .ca-card img { width: 100% !important; aspect-ratio: 4 / 3; } }
.carrusel-paseos.cp-cabe .cp-pista { justify-content: center; }
.carrusel-paseos.cp-cabe .cp-ant, .carrusel-paseos.cp-cabe .cp-sig { display: none !important; }
/* Franja única de prestadores siempre centrada y pareja (Hernán 21/10/2026). */
.tz-grilla { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 20px; }
.tz-grilla > .ca-card { flex: 0 1 260px; width: auto !important; }
.tz-grilla > .ca-card img { width: 100% !important; aspect-ratio: 4 / 3; height: auto !important; object-fit: cover; }
.tem-zona-unica > h2 { text-align: center; }
/* Fotos antiguas: título centrado, más separación entre fotos y menos aire alrededor. */
.tem-antiguas > h2 { text-align: center; margin: 0 0 18px !important; }
.tem-antiguas .tem-antiguas-car .cp-pista { gap: 28px !important; padding-bottom: 6px !important; }
.tem-antiguas .tem-antiguas-car:not(:has(.cp-pista > figure:nth-child(4))) .cp-pista > figure { flex: 0 1 380px !important; }
.tem-antiguas figure > img { margin: 0 !important; display: block; }
main.tematico.tem-zona-ciudad .tem-texto > .tem-antiguas { margin-top: 32px; margin-bottom: 0; }
main.tematico.tem-zona-ciudad .tem-texto > details.tem-fuentes { margin-top: 20px; }
/* Mapas de zona sin "Cerca de mí": ya tienen "Cómo llegar" (Hernán 21/10/2026). */
section.tem-mapa .mc-cerca { display: none !important; }
/* Portada de los centros de esquí (Catedral y demás) tan baja como la de las zonas (Hernán 21/10/2026: "achicalo"). */
main.tematico.tem-ski .tem-portada { height: clamp(220px, 24vw, 360px) !important; min-height: 0 !important; aspect-ratio: auto !important; }
main.tematico.tem-ski .tem-portada video, main.tematico.tem-ski .tem-portada iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; }
@media (max-width: 700px) { main.tematico.tem-ski .tem-portada { height: 220px !important; } }
/* YouTube limpio en todo el portal: más ampliado para que no asomen el título, los botones ni el logo del canal en las esquinas. */
.con-yt-limpio, .nota-video:has(iframe.yt-limpio) { position: relative; overflow: hidden !important; isolation: isolate; }
iframe.yt-limpio { pointer-events: none !important; transform: scale(1.32) !important; transform-origin: center !important; }

/* Página de la Fiesta de la Nieve (y otros eventos con diseño de zona): datos en fichas cortas y programa en grilla (Hernán 21/10/2026). */
main.tematico .tem-texto > .fn-datos { max-width: 1040px; margin: 8px auto 36px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
main.tematico .fn-datos > div { background: #eaf2ff; border-radius: 14px; padding: 16px 18px; text-align: center; }
main.tematico .fn-datos b { display: block; font: 600 12px/1.4 Inter, sans-serif; text-transform: uppercase; letter-spacing: .06em; color: #0150d6; margin-bottom: 6px; }
main.tematico .fn-datos span { font: 600 16px/1.4 Inter, sans-serif; color: #162330; }
main.tematico .tem-texto > .fn-prog { max-width: 1040px; margin: 8px auto 36px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
main.tematico .fn-prog > div { background: #fff; border-radius: 14px; padding: 16px 18px; box-shadow: 0 4px 14px rgba(16,24,40,.07); border-top: 3px solid #00b4f0; }
main.tematico .fn-prog b { display: block; font: 600 16px/1.3 Inter, sans-serif; color: #162330; margin-bottom: 6px; }
main.tematico .fn-prog p { margin: 0; font-size: 14px; line-height: 1.55; color: #4a4a4a; }
main.tematico.tem-zona-ciudad .tem-texto > h2 { max-width: 760px; margin: 28px auto 14px !important; text-align: center; font-size: 24px; }
@media (max-width: 860px) { main.tematico .tem-texto > .fn-datos, main.tematico .tem-texto > .fn-prog { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { main.tematico .tem-texto > .fn-datos, main.tematico .tem-texto > .fn-prog { grid-template-columns: 1fr; } }
/* Programa de la fiesta en 2 columnas: 10 actividades quedan parejas, sin una suelta (Hernán 21/10/2026). */
main.tematico .tem-texto > .fn-prog { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 900px; }
@media (max-width: 600px) { main.tematico .tem-texto > .fn-prog { grid-template-columns: 1fr; } }
/* Todos los encabezados (galerías, portada de ciudad, notas) con la altura del de Cerro Catedral (Hernán 21/10/2026). */
.gal-hero, main.galeria-ciudad .gal-hero { height: clamp(220px, 24vw, 360px) !important; min-height: 0 !important; }
.hero.hero-ciudad, body.vista-ciudad .hero-ciudad { height: clamp(240px, 24vw, 360px) !important; min-height: 0 !important; }
.hero.hero-ciudad img, .hero.hero-ciudad video, .hero.hero-ciudad .hero-video { height: 100% !important; object-fit: cover; }
main.nota .ns-slider { height: clamp(220px, 24vw, 360px) !important; }
main.nota .ns-slider img, main.nota .ns-slider figure, main.nota .ns-slider .ns-pista, main.nota .ns-slider .ns-pista > * { height: 100% !important; }
main.nota .ns-slider img { object-fit: cover; width: 100%; }
@media (max-width: 700px) { .gal-hero, .hero.hero-ciudad, main.nota .ns-slider { height: 220px !important; } }
/* Portada de ciudad: el bloque interior (título + botones) entra en la altura nueva. */
.hero.hero-ciudad .hero-in { height: 100% !important; min-height: 0 !important; padding-top: 22px !important; padding-bottom: 18px !important; display: flex; flex-direction: column; justify-content: space-between; }
/* Notas: la foto principal ocupa el ancho de la nota, apaisada como el resto de los encabezados. */
main.nota .ns-slider { width: 100% !important; aspect-ratio: auto !important; height: clamp(220px, 24vw, 360px) !important; }
/* Fiesta Nacional de la Nieve, diseño moderno (Hernán 21/10/2026: "más moderna y actual"). */
main.tematico[data-sec="fiestanieve"] .tem-texto { padding-top: 36px !important; }
main.tematico[data-sec="fiestanieve"] .tem-texto > * { max-width: 1040px; margin-left: auto !important; margin-right: auto !important; }
.fz-intro { max-width: 760px !important; text-align: center; font: 400 20px/1.6 Inter, sans-serif !important; color: #162330 !important; margin-bottom: 28px !important; }
.fz-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 16px; }
.fz-stats > div { border-radius: 18px; padding: 22px 16px; text-align: center; color: #fff; background: linear-gradient(135deg, #0b2a6f, #0162ff 60%, #3fb6ff); box-shadow: 0 10px 24px rgba(1,62,180,.22); }
.fz-stats b { display: block; font: 700 38px/1 "Lexend Deca", Inter, sans-serif; letter-spacing: -.02em; }
.fz-stats span { display: block; margin-top: 8px; font: 500 13.5px/1.35 Inter, sans-serif; opacity: .9; }
.fz-next { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin-bottom: 40px; padding: 14px 20px; border-radius: 999px; background: #eef5ff; border: 1px dashed #8bb4ff; text-align: center; }
.fz-next small { font: 700 12px Inter, sans-serif; text-transform: uppercase; letter-spacing: .08em; color: #0150d6; }
.fz-next b { font: 600 15px Inter, sans-serif; color: #162330; }
main.tematico[data-sec="fiestanieve"] .tem-texto > h2 { text-align: center; font: 700 28px/1.2 "Lexend Deca", sans-serif !important; margin: 44px auto 20px !important; }
.fz-prog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.fz-prog > div { position: relative; padding: 18px 20px 18px 74px; border-radius: 16px; background: #fff; box-shadow: 0 6px 18px rgba(16,24,40,.07); }
.fz-n { position: absolute; left: 18px; top: 18px; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font: 700 15px Inter, sans-serif; color: #fff; background: linear-gradient(135deg, #0162ff, #00b4f0); }
.fz-prog b { display: block; font: 600 16.5px/1.3 Inter, sans-serif; color: #162330; margin-bottom: 4px; }
.fz-prog p { margin: 0 !important; font: 400 14.5px/1.55 Inter, sans-serif !important; color: #4a5560 !important; }
.fz-lugares { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.fz-lugares > div { padding: 18px; border-radius: 16px; background: linear-gradient(180deg, #f2f7ff, #fff); border: 1px solid #dbe7fb; text-align: center; }
.fz-lugares b { display: block; font: 600 16px Inter, sans-serif; color: #0150d6; margin-bottom: 6px; }
.fz-lugares span { font: 400 14px/1.45 Inter, sans-serif; color: #4a5560; }
.fz-tl { list-style: none; padding: 0 !important; max-width: 760px !important; position: relative; }
.fz-tl::before { content: ""; position: absolute; left: 44px; top: 6px; bottom: 6px; width: 2px; background: linear-gradient(#0162ff, #9fd4ff); }
.fz-tl li { position: relative; display: flex; gap: 26px; align-items: flex-start; padding: 0 0 22px; margin: 0 !important; }
.fz-tl li b { flex: none; width: 90px; text-align: center; padding: 6px 0; border-radius: 999px; background: #0162ff; color: #fff; font: 700 15px Inter, sans-serif; position: relative; z-index: 1; }
.fz-tl li p { margin: 4px 0 0 !important; font: 400 16px/1.6 Inter, sans-serif !important; color: #2f3b46 !important; }
@media (max-width: 860px) { .fz-stats, .fz-lugares { grid-template-columns: repeat(2, 1fr); } .fz-prog { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .fz-stats b { font-size: 30px; } .fz-tl li { gap: 14px; } .fz-tl li b { width: 70px; } .fz-tl::before { left: 34px; } }
main.tematico .tem-texto .fz-stats b, main.tematico .tem-texto .fz-stats span { color: #fff !important; }
main.tematico .tem-texto .fz-tl li b { color: #fff !important; background: #0162ff !important; }
main.tematico .tem-texto .fz-prog b { color: #162330 !important; }
main.tematico[data-sec="fiestanieve"] #mapa-ciudad .mc-filtro, main.tematico[data-sec="fiestanieve"] #mapa-ciudad [class*="filtr"] { display: none !important; }
/* Textos largos plegados (Hernán 21/10/2026). */
.txt-plegable.plegado { max-height: 14.5em; overflow: hidden; position: relative; }
.txt-plegable.plegado::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5em; background: linear-gradient(rgba(255,255,255,0), #fff); pointer-events: none; }
.txt-vermas { display: inline-block; margin: 10px 0 8px; padding: 12px 26px; border: 0; border-radius: 12px; background: #f2f2f2; color: #222; font: 500 16px Inter, sans-serif; cursor: pointer; }
.txt-vermas:hover { background: #e7e7e7; }
main.tematico.tem-zona-ciudad .tem-texto > .txt-plegable, main.tematico.tem-zona-ciudad .tem-texto > .txt-vermas { max-width: 760px; margin-left: auto; margin-right: auto; }
main.tematico.tem-zona-ciudad .tem-texto > .txt-vermas { display: block; width: max-content; }
main.tematico.tem-zona-ciudad .tem-texto > .txt-plegable > p { font: 400 17px/1.75 Inter, sans-serif !important; color: #2f3b46 !important; margin-bottom: 18px; }
main.nota .cuerpo-nota.txt-plegable.plegado { max-height: 26em; }
main.nota .cuerpo-nota.txt-plegable.plegado::after { background: linear-gradient(rgba(245,248,251,0), var(--fondo, #f5f8fb)); height: 7em; }
/* "Ver más" centrado y un fundido más largo, de oscuro a claro (Hernán 21/10/2026). */
.txt-plegable.plegado { max-height: 19em !important; }
.txt-plegable.plegado::after { height: 10em !important; background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.55) 45%, #fff) !important; }
main.nota .cuerpo-nota.txt-plegable.plegado { max-height: 30em !important; }
main.nota .cuerpo-nota.txt-plegable.plegado::after { background: linear-gradient(rgba(245,248,251,0), rgba(245,248,251,.6) 45%, var(--fondo, #f5f8fb)) !important; }
.txt-vermas { display: block !important; margin: 12px auto 8px !important; width: max-content; }
.tem-texto.plegable:has(.txt-plegable) { max-height: none !important; overflow: visible !important; }
.tem-texto.plegable:has(.txt-plegable)::after { display: none !important; }
.tem-texto:has(.txt-plegable) ~ .leer-mas, .tem-texto:has(.txt-plegable) + .leer-mas { display: none !important; }
.txt-vermas + .leer-mas { display: none !important; }
/* Migas y Compartir/Guardar en un solo renglón; "Volver" sobra porque las migas ya llevan a la ciudad (Hernán 21/10/2026). */
main.tematico > nav.migas { display: flex; align-items: center; min-height: 40px; margin-bottom: 0 !important; padding-right: 260px; }
main.tematico > .tem-acc { margin-top: -40px !important; min-height: 40px; display: flex; align-items: center; justify-content: flex-end; pointer-events: none; }
main.tematico > .tem-acc > * { pointer-events: auto; }
main.tematico > .tem-acc .ab-volver { display: none !important; }
@media (max-width: 700px) { main.tematico > nav.migas { padding-right: 90px; } }
main.tematico > nav.migas { display: block !important; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
main.tematico > .tem-acc, main.tematico > .tem-acc .ab-acciones { position: static !important; flex-direction: row !important; }
main.tematico > .tem-acc .ab-acciones { display: flex; gap: 18px; background: none !important; box-shadow: none !important; padding: 0 !important; }
main.tematico > nav.migas { height: 40px; padding-top: 0 !important; padding-bottom: 0 !important; display: flex !important; align-items: center; gap: 0 .3em; }
main.tematico > nav.migas > * { line-height: 1.3 !important; flex: none; }
main.tematico > nav.migas > *:last-child { flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; }
/* Secciones con pocas tarjetas (entran todas): título centrado y tarjetas más separadas (Hernán 21/10/2026: "aplicá ese criterio cuando veas algo similar"). */
section:has(> .carrusel-paseos.cp-cabe) > h2, section:has(> .tz-grilla) > h2, section.tem-zona > h2 { text-align: center; }
.carrusel-paseos.cp-cabe .cp-pista { gap: 32px !important; }
.tz-grilla { gap: 32px !important; }
/* Cifras de la fiesta más chicas y sobrias (Hernán 21/10/2026: "no tan llamativos"). */
.fz-stats { gap: 10px !important; max-width: 760px !important; }
.fz-stats > div { background: #f2f6fb !important; box-shadow: none !important; border: 1px solid #e1e8f0; border-radius: 12px !important; padding: 12px 10px !important; }
main.tematico .tem-texto .fz-stats b { font-size: 24px !important; color: #0150d6 !important; }
main.tematico .tem-texto .fz-stats span { font-size: 12.5px !important; color: #5b6b77 !important; margin-top: 4px !important; opacity: 1 !important; }
.fz-next { max-width: 760px !important; padding: 10px 16px !important; }
/* Fiesta de la Nieve, versión sobria (Hernán 21/10/2026: "más moderno y sobrio"): sin cajas ni colores fuertes, líneas finas y tipografía. */
main.tematico .tem-texto .fz-stats { display: flex !important; justify-content: center; gap: 0 !important; max-width: 760px !important; margin: 8px auto 6px !important; }
main.tematico .tem-texto .fz-stats > div { flex: 1; background: none !important; border: 0 !important; border-left: 1px solid #e3e8ee !important; border-radius: 0 !important; box-shadow: none !important; padding: 4px 12px !important; }
main.tematico .tem-texto .fz-stats > div:first-child { border-left: 0 !important; }
main.tematico .tem-texto .fz-stats b { font: 600 26px/1.1 "Lexend Deca", Inter, sans-serif !important; color: #162330 !important; }
main.tematico .tem-texto .fz-stats span { font: 400 12.5px/1.35 Inter, sans-serif !important; color: #6b7a88 !important; }
main.tematico .tem-texto .fz-next { display: block; background: none !important; border: 0 !important; border-radius: 0 !important; padding: 10px 0 0 !important; margin: 0 auto 40px !important; }
main.tematico .tem-texto .fz-next small { color: #6b7a88 !important; margin-right: 6px; }
main.tematico .tem-texto .fz-next b { font-weight: 500 !important; color: #2f3b46 !important; }
main.tematico .tem-texto .fz-prog { gap: 0 40px !important; max-width: 900px !important; }
main.tematico .tem-texto .fz-prog > div { background: none !important; box-shadow: none !important; border: 0 !important; border-top: 1px solid #e6ebf0 !important; border-radius: 0 !important; padding: 18px 0 18px 46px !important; }
main.tematico .tem-texto .fz-n { width: auto !important; height: auto !important; background: none !important; left: 0 !important; top: 19px !important; font: 600 14px/1.3 "Lexend Deca", Inter, sans-serif !important; color: #9aa7b3 !important; display: block !important; }
main.tematico .tem-texto .fz-prog b { font: 600 16px/1.35 Inter, sans-serif !important; }
main.tematico .tem-texto .fz-lugares > div { background: none !important; border: 0 !important; border-top: 2px solid #162330 !important; border-radius: 0 !important; padding: 14px 4px !important; text-align: left !important; }
main.tematico .tem-texto .fz-lugares b { color: #162330 !important; }
main.tematico .tem-texto .fz-tl::before { background: #e3e8ee !important; width: 1px !important; }
main.tematico .tem-texto .fz-tl li b { background: #fff !important; color: #162330 !important; border: 1px solid #d5dde5; font-weight: 600 !important; }
@media (max-width: 600px) { main.tematico .tem-texto .fz-stats { flex-wrap: wrap; } main.tematico .tem-texto .fz-stats > div { flex: 0 0 50%; border-left: 0 !important; padding: 10px 6px !important; } }
/* Pie más chico y prolijo (Hernán 21/10/2026: "mejoralo y hacelo más chico"). */
.portal-interpatagonia .pie-ip { margin-top: 24px; font-size: 13px; background: #f4f6f8; border-top: 1px solid #e3e8ee; }
.portal-interpatagonia .pie-ip-in { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) !important; gap: 28px; padding: 26px 0 22px !important; align-items: center; }
.portal-interpatagonia .pie-news-tit { font: 600 15px/1.3 Inter, sans-serif !important; color: #162330; margin: 0 0 10px !important; }
.portal-interpatagonia .pie-news-form { grid-template-columns: 1fr 1fr auto !important; gap: 8px !important; max-width: 640px; align-items: center; }
.portal-interpatagonia .pie-news-form label > span { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.portal-interpatagonia .pie-news-form input[type=text], .portal-interpatagonia .pie-news-form input[type=email] { height: 38px !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 14px !important; border-radius: 8px !important; border-color: #d5dde5 !important; }
.portal-interpatagonia .pie-news-btn { height: 38px; padding: 0 18px !important; border-radius: 8px !important; font: 600 14px Inter, sans-serif !important; text-transform: none !important; white-space: nowrap; }
.portal-interpatagonia .pie-der { text-align: right; }
.portal-interpatagonia .pie-redes { margin-bottom: 10px !important; gap: 8px !important; }
.portal-interpatagonia .pie-redes a { width: 34px !important; height: 34px !important; }
.portal-interpatagonia .pie-redes a svg { width: 16px; height: 16px; }
.portal-interpatagonia .pie-links { font-size: 14px !important; margin: 0 0 4px !important; }
.portal-interpatagonia .pie-legal { font-size: 12px !important; line-height: 1.55 !important; color: #6b7a88; }
.portal-interpatagonia .pie-marcas, .portal-interpatagonia .pie-ip + div, .portal-interpatagonia .pie-organiza { font-size: 12px !important; padding-top: 8px !important; padding-bottom: 8px !important; }
@media (max-width: 860px) { .portal-interpatagonia .pie-ip-in { grid-template-columns: 1fr !important; gap: 18px; } .portal-interpatagonia .pie-der { text-align: left; } .portal-interpatagonia .pie-redes { justify-content: flex-start !important; } }
@media (max-width: 560px) { .portal-interpatagonia .pie-news-form { grid-template-columns: 1fr !important; } }
.portal-interpatagonia .pie-ip .pie-news-btn { background: linear-gradient(-45deg, #0162ff, #00b4f0) !important; filter: none !important; color: #fff !important; }
.menu-ciudad .mc-ico > a { display: inline-flex; align-items: center; padding-left: 6px; padding-right: 6px; }
/* Botones de la portada de ciudad en el mismo orden que el menú (Hernán 21/10/2026). */
section.secciones { display: flex !important; flex-wrap: wrap; justify-content: center; }
section.secciones > a { order: 20; }
section.secciones > a[href*="/alojamientos"] { order: 1; }
section.secciones > a[href*="/paseos"], section.secciones > a[href*="/passeios"] { order: 2; }
section.secciones > a[href*="/comidas"] { order: 3; }
section.secciones > a[href*="/promociones"], section.secciones > a[href*="/special-offers"], section.secciones > a[href*="/promocoes"] { order: 4; }
section.secciones > a[href*="/alquilerdeautos"], section.secciones > a[href*="/car-rental"], section.secciones > a[href*="/aluguel-de-carros"] { order: 5; }
section.secciones > a[href*="/serviciosturisticos"] { order: 6; }
section.secciones > a[href*="/comollegar"] { order: 7; }
section.secciones > a.sec-explorar { order: 8; }
section.secciones > a[href*="/fotos"], section.secciones > a[href*="/photos"] { order: 9; }
section.secciones > a[href*="/historia"], section.secciones > a[href*="/history"] { order: 10; }
section.secciones > a[href*="/compras"] { order: 11; }
section.secciones > a[href*="/serviciosvarios"] { order: 12; }
section.secciones > a[href*="/inmobiliario"] { order: 13; }
/* Ficha en celular (Hernán 22/10/2026: "el nombre ocupa mucho lugar, la foto queda grande y no se ve completa; que se puedan deslizar"). */
@media (max-width: 760px) {
  main.ficha.ab .ficha-cab h1 { font-size: 22px !important; line-height: 1.25 !important; margin: 2px 0 4px !important; }
  main.ficha.ab .ficha-cab .btn-compartir-ficha span, main.ficha.ab .ab-guardar span { display: none !important; }
  main.ficha.ab .ab-mosaico { display: flex !important; height: 250px !important; gap: 8px !important; margin: 0 -16px 18px !important; padding: 0 16px; border-radius: 0 !important;
      overflow-x: auto !important; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  main.ficha.ab .ab-mosaico::-webkit-scrollbar { display: none; }
  main.ficha.ab .ab-mosaico .gm-f, main.ficha.ab .ab-mosaico .gm-f:nth-child(n) { display: block !important; flex: 0 0 86% !important; height: 100% !important; width: auto !important; grid-column: auto !important; grid-row: auto !important;
      border-radius: 12px !important; scroll-snap-align: center; }
  main.ficha.ab .ab-mosaico .gm-f img { width: 100% !important; height: 100% !important; object-fit: cover; }
  main.ficha.ab .ab-mosaico .gm-todas { position: sticky !important; right: 0 !important; bottom: auto !important; align-self: flex-end; margin: 0 0 10px -150px; flex: none; z-index: 2; font-size: 13px; padding: 6px 12px; }
}
/* Consulta a pantalla completa en celular (Hernán 22/10/2026). */
html.fc-abierta, html.fc-abierta body { overflow: hidden !important; }
.caja-consulta.fc-pantalla { position: fixed !important; inset: 0 !important; z-index: 100000 !important; margin: 0 !important; max-width: none !important; width: 100% !important; height: 100% !important;
    border-radius: 0 !important; overflow-y: auto !important; padding: 56px 18px 28px !important; background: #fff !important; box-shadow: none !important; top: 0 !important; }
.caja-consulta .fc-cerrar { display: none; }
.caja-consulta.fc-pantalla .fc-cerrar { display: grid; place-items: center; position: absolute; top: 10px; right: 12px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #f1f4f8; color: #162330; font-size: 26px; line-height: 1; cursor: pointer; }
html.fc-abierta .zoc, html.fc-abierta .bn-sticky { display: none !important; }
main.ficha.ab .caja-consulta.fc2.fc-pantalla { position: fixed !important; inset: 0 !important; max-height: none !important; height: 100% !important; overflow-y: auto !important; }
/* Formulario de consulta en celular: campos a lo ancho, sin pisarse con el texto de al lado (Hernán 22/10/2026). */
@media (max-width: 760px) {
  main.ficha.ab .ficha-cols { display: block !important; }
  main.ficha.ab .ficha-lado { width: auto !important; max-width: none !important; position: static !important; margin: 24px 0 0 !important; }
  main.ficha.ab .fc2 { width: auto !important; max-width: none !important; }
  main.ficha.ab .fc2 input, main.ficha.ab .fc2 textarea, main.ficha.ab .fc2 select { max-width: 100% !important; box-sizing: border-box; }
  /* Reseñas: una tarjeta entera por vez, sin cortes al deslizar. */
  main.ficha .uk-slider-items > *, main.ficha .resenas-car .cp-pista > *, main.ficha .op-car .cp-pista > * { width: 100% !important; flex: 0 0 100% !important; }
  main.ficha .uk-slider-container, main.ficha .resenas-car, main.ficha .op-car { overflow: hidden !important; }
}
/* Ficha en celular, 2.ª (Hernán 22/10/2026): título chico y foto entera en pantalla. */
@media (max-width: 760px) {
  main.ficha.ab .ficha-cab h1 { font-size: 17px !important; line-height: 1.3 !important; font-weight: 600 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  main.ficha.ab .ficha-cab { padding-top: 0 !important; margin-bottom: 8px !important; }
  main.ficha.ab .ab-volver, main.ficha.ab .ficha-volver { margin-bottom: 4px !important; font-size: 13px !important; }
  main.ficha.ab .ab-mosaico { height: auto !important; aspect-ratio: auto !important; }
  main.ficha.ab .ab-mosaico .gm-f, main.ficha.ab .ab-mosaico .gm-f:nth-child(n) { height: auto !important; aspect-ratio: 4 / 3; flex-basis: 88% !important; }
}
/* Reseñas en celular (Hernán 22/10/2026): al deslizar se movía la página entera de costado. La página no se corre en horizontal y el gesto
   lateral sobre las reseñas lo maneja solo el carrusel; cada reseña ocupa el ancho entero. */
@media (max-width: 760px) {
  html, body { overflow-x: clip !important; max-width: 100%; }
  main.ficha .rc-vent { touch-action: pan-y; margin: 0 !important; padding: 6px 0 18px !important; overflow: hidden !important; }
  main.ficha .rc-pista { gap: 16px !important; }
  main.ficha .rc-card { flex: 0 0 100% !important; min-height: 0 !important; }
  main.ficha .rc-ant, main.ficha .rc-sig { display: none !important; }
}
/* Mapa de la ficha en celular con margen a los costados, para poder bajar la página tocando fuera del mapa (Hernán 22/10/2026). */
@media (max-width: 760px) {
  main.ficha .ficha-ubicacion #ficha-mapa, main.ficha #ficha-mapa { margin-left: 36px !important; margin-right: 36px !important; width: auto !important; height: 300px !important; min-height: 0 !important; }
}
/* Consultas múltiples en celular con margen a los costados (Hernán 22/10/2026). */
@media (max-width: 760px) {
  .cm-cuerpo { padding: 56px 22px 28px !important; }
  .cm-vent { overflow-x: hidden !important; }
  .cm-form, .cm-izq, .cm-izq > *, .cm-fila, .cm-fcaja { max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
  .cm-izq input, .cm-izq textarea, .cm-izq select, .cm-tel { max-width: 100% !important; }
}
/* Visor en celular (Hernán 22/10/2026): puntitos chicos en un solo renglón y flechas, justo debajo de la foto. */
@media (max-width: 640px) {
  .gal-visor .gv-pts { top: calc(var(--gv-y, 70%) + 16px); bottom: auto !important; flex-wrap: nowrap !important; gap: 4px !important; padding: 0 16px !important; }
  .gal-visor .gv-pts button { width: 6px !important; height: 6px !important; flex: 0 1 6px; min-width: 3px; }
  .gal-visor .gv-pts button.on { transform: scale(1.25); }
  .gal-visor .gv-ant, .gal-visor .gv-sig { top: calc(var(--gv-y, 70%) + 36px) !important; bottom: auto !important; transform: none !important; width: 40px; height: 40px; font-size: 22px; }
}
@media (max-width: 640px) { .gal-visor .gv-pts button.on { width: 7px !important; height: 7px !important; transform: none !important; box-shadow: none !important; outline: 0 !important; border: 0 !important; } }
/* Visor en celular: foto centrada en la pantalla y flechas sobre la foto, a media altura (Hernán 22/10/2026). */
@media (max-width: 640px) {
  .gal-visor .gv-ant, .gal-visor .gv-sig { top: calc(var(--gv-c, 50%) - 20px) !important; background: rgba(255,255,255,.85) !important; box-shadow: 0 2px 8px rgba(0,0,0,.25); z-index: 2; }
  .gal-visor .gv-ant { left: 22px !important; } .gal-visor .gv-sig { right: 22px !important; }
  .gal-visor .gv-cuenta, .gal-visor .gv-cerrar { z-index: 3; }
}
@media (max-width: 640px) { .gal-visor .gv-ant { left: var(--gv-l, 22px) !important; } .gal-visor .gv-sig { right: var(--gv-r, 22px) !important; } }
/* Consultar en celular: el formulario como ventana centrada sobre la página oscurecida, no a pantalla completa (Hernán 22/10/2026). */
@media (max-width: 760px) {
  html.fc-abierta::after { content: ""; position: fixed; inset: 0; background: rgba(13,22,36,.55); z-index: 99999; }
  main.ficha.ab .caja-consulta.fc2.fc-pantalla, .caja-consulta.fc-pantalla { inset: auto !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;
      width: calc(100% - 32px) !important; max-width: 440px !important; height: auto !important; max-height: calc(100% - 40px) !important; border-radius: 16px !important;
      padding: 22px 18px 20px !important; box-shadow: 0 24px 60px rgba(0,0,0,.3) !important; }
  .caja-consulta.fc-pantalla .fc-cerrar { top: 8px !important; right: 8px !important; width: 34px !important; height: 34px !important; font-size: 22px !important; }
}
@media (max-width: 760px) { .ruta-ficha .rf-estado { margin: 10px 0 0 !important; text-align: center; font-size: 14px !important; } .ubic-botones:has(.ruta-ficha) .ruta-ficha { flex-basis: 100%; order: -1; } }
/* Desplegables del menú de ciudad: abiertos por toque (clase mc-abierto) en celular y tablet (Hernán 22/10/2026). */
.mc-in > li.mc-abierto > ul { display: block !important; }
@media (hover: none) { .mc-in > li:hover > ul, .mc-in > li:focus-within > ul { display: none; } .mc-in > li.mc-abierto > ul { display: block !important; z-index: 3000; max-height: 70vh; overflow-y: auto; } }
/* Portada: título, subtítulo y buscador como en la portada actual de interpatagonia.com (Hernán 22/10/2026). Lexend Deca 32/20 px
   con sombra corta, todo centrado; buscador de 400 px oscuro translúcido, redondeado, con la lupa blanca a la izquierda y sin botón. */
@font-face { font-family: 'Lexend Deca'; font-style: normal; font-weight: 400; font-display: swap; src: url(/portal-web-assets/fuentes/lexend-deca-400-latin-ext-03cb72c9.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lexend Deca'; font-style: normal; font-weight: 400; font-display: swap; src: url(/portal-web-assets/fuentes/lexend-deca-400-latin-08a94354.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.hero-portada .hero-in { display: flex; justify-content: center; }
.hero-portada .hero-texto { width: 100%; max-width: 900px; margin-inline: auto; text-align: center; display: flex; flex-direction: column; align-items: center; }
.hero-portada h1 { font: 600 32px/36px 'Lexend Deca', sans-serif; letter-spacing: 0; margin: 0 0 4px; text-shadow: 2px 2px 2px rgba(0,0,0,.6); }
.hero-texto .hero-portada .hero-sub, .hero-portada .hero-texto .hero-sub { display: block !important; font: 400 20px/1.3 'Lexend Deca', sans-serif; max-width: none; margin: 0 0 18px; opacity: 1; text-shadow: 2px 2px 2px rgba(0,0,0,.6); }
.buscar-flotante.buscar-vivo { position: relative; left: auto; bottom: auto; transform: none; width: min(400px, 100%); background: rgba(0,0,0,.6); border: 1px solid #aaa; border-radius: 999px; box-shadow: none; padding: 0; }
.buscar-vivo .lupa { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #fff; width: 16px; height: 16px; margin: 0; pointer-events: none; }
.buscar-flotante.buscar-vivo input { height: 44px; padding: 8px 19px 8px 44px; color: #fff; font: 17.6px BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; text-align: left; }
.buscar-flotante.buscar-vivo input::placeholder { color: rgba(255,255,255,.75); }
.buscar-flotante.buscar-vivo .bc-res, .buscar-flotante.buscar-vivo:not(.fija) .bc-res { top: calc(100% + 8px); bottom: auto; text-align: left; }
body:has(.buscar-vivo):not(.bv-pasado) .cab .buscar-ciudad { display: none; }
body.bv-pasado:has(.buscar-vivo) .cab .buscar-ciudad { display: revert; }
.hero-portada .video-pie { bottom: 16px; }
@media (max-width: 640px) { .hero-portada h1 { font-size: 26px; line-height: 30px; } .hero-portada .hero-sub { font-size: 16px; } }
/* Menú de secciones tal cual el de la portada actual de interpatagonia.com (Hernán 22/10/2026): 52 px de alto, sombra suave,
   letra del sistema 16 px #4a4a4a, íconos de 20 px al 50 %, alineado a la izquierda. */
.cab-sub.cab-sub-vivo { border-bottom: 0; box-shadow: 0 8px 16px -2px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.02); }
.cab-sub-vivo .cab-sub-in { width: min(1344px, 100% - 96px); height: 52px; gap: 0; }
.cab-sub-vivo a { gap: 0; color: #4a4a4a; font: 400 16px/24px BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 8px 12px; border-radius: 0; }
.cab-sub-vivo a img { width: 20px; height: 20px; margin-right: 6.4px; opacity: .5; flex: none; }
.cab-sub-vivo a:hover { background: #fafafa; color: #0182c8; }
@media (max-width: 760px) { .cab-sub-vivo .cab-sub-in { width: calc(100% - 24px); } }
/* Isotipo de la portada de InterPatagonia más chico y más moderno (Hernán 22/10/2026): ~150 px de ancho en 1500 px, un poco más
   adentro, con un brillo suave en vez de la sombra pesada. */
.hero-portada .isotipo-hero:has(.isotipo-propio) { right: max(40px, calc((100vw - 1180px) / 2 + 83px)); filter: drop-shadow(0 10px 24px rgba(0,0,0,.22)) drop-shadow(0 0 18px rgba(255,170,60,.18)); }
.hero-portada .isotipo-hero svg.isotipo-propio { width: clamp(110px, 9.8vw, 190px); }
/* "Publicar" de la cabecera más chico (Hernán 22/10/2026). */
.cab-publicar { font-size: 12.5px !important; font-weight: 500 !important; }
/* Selector de idioma de la cabecera un poco más chico (Hernán 22/10/2026). */
.cab .idi-boton { font-size: 13.5px !important; }
.cab .idiomas.desplegable .idi-boton { gap: 6px; }
.cab .idiomas.desplegable .idi-boton::after { width: 6.5px; height: 6.5px; transform: translateY(-2px) rotate(45deg); }
/* Banners gráficos tal cual la portada actual (Hernán 22/10/2026): a su tamaño real (sin achicarlos a 970 ni re-escalarlos, que los
   dejaba borrosos), sin recuadro ni esquinas redondeadas. Solo se achican si no entran en la pantalla. */
.bn-zona:not(.bn-fila300) > .bn-pieza { max-width: min(100%, calc(var(--w) * 1px)); border-radius: 0; background: none; }
.bn-pieza.bn-nativo iframe, .bn-pieza.bn-nativo img { transform: none; }
/* Sombra en el piso debajo del isotipo, como si flotara en el aire (Hernán 22/10/2026): se achica y aclara cuando la bandera sube. */
.hero-portada .isotipo-hero:has(.isotipo-propio)::after { content: ""; position: absolute; left: 50%; bottom: -24px; width: 72%; height: 20px; transform: translateX(-62%); border-radius: 50%; background: radial-gradient(closest-side, rgba(0,0,0,.6), rgba(0,0,0,.28) 55%, rgba(0,0,0,0)); filter: blur(2px); }
@media (prefers-reduced-motion: no-preference) {
    .hero-portada .isotipo-hero:has(.isotipo-propio)::after { animation: iso-sombra 6s ease-in-out 3s infinite; }
}
@keyframes iso-sombra { 0%, 100% { transform: translateX(-62%) scale(1); opacity: 1; } 50% { transform: translateX(-62%) scale(.8); opacity: .65; } }

/* Portada con la letra, los tamaños y los colores de la portada actual de interpatagonia.com (Hernán 22/10/2026): fondo blanco, texto
   del sistema 16 px #4a4a4a, títulos de sección Lexend Deca 24 px, títulos de tarjeta Roboto 20 px en azul #0183c3, textos Roboto
   14,4 px, tarjetas blancas con esquinas de 10 px y la sombra suave del sitio actual. */
body.portal-interpatagonia:has(.hero-portada) { background: #fff; color: #4a4a4a; font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
body.portal-interpatagonia:has(.hero-portada) main h2 { font: 600 24px/36px 'Lexend Deca', sans-serif; letter-spacing: 0; color: #363636; margin-bottom: 12px; }
body.portal-interpatagonia:has(.hero-portada) main h2 a { color: inherit; }
body.portal-interpatagonia:has(.hero-portada) main p.sub { font: 400 14.4px/21.6px Roboto, sans-serif; color: #4a4a4a; }
body.portal-interpatagonia:has(.hero-portada) main a { color: #0183c3; }
body.portal-interpatagonia:has(.hero-portada) #ciudades h3 { font: 600 22px/1.15 'Lexend Deca', sans-serif; letter-spacing: 0; }
body.portal-interpatagonia:has(.hero-portada) #ciudades .mos-txt a, body.portal-interpatagonia:has(.hero-portada) #ciudades .mos-txt { color: #fff; font-family: Roboto, sans-serif; }
body.portal-interpatagonia:has(.hero-portada) .car-card, body.portal-interpatagonia:has(.hero-portada) .not-card { border-radius: 10px; background: #fff; box-shadow: 0 8px 16px -2px rgba(10,10,10,.15), 0 0 0 1px rgba(10,10,10,.024); }
body.portal-interpatagonia:has(.hero-portada) .car-card b, body.portal-interpatagonia:has(.hero-portada) .not-card b { font: 600 20px/22.5px Roboto, sans-serif; letter-spacing: -.5px; color: #0183c3; }
body.portal-interpatagonia:has(.hero-portada) .not-card:not(.not-principal) b { font-size: 16px; line-height: 20px; }
body.portal-interpatagonia:has(.hero-portada) .car-card small, body.portal-interpatagonia:has(.hero-portada) .not-card em { font: 400 14.4px/21.6px Roboto, sans-serif; color: #4a4a4a; }
body.portal-interpatagonia:has(.hero-portada) .not-meta { font-family: Roboto, sans-serif; color: #7a7a7a; }
body.portal-interpatagonia:has(.hero-portada) .noticias-todas { font: 600 14.4px Roboto, sans-serif; color: #0183c3; }
body.portal-interpatagonia:has(.hero-portada) .tem-card b { font: 600 20px/1.2 'Lexend Deca', sans-serif; }
body.portal-interpatagonia:has(.hero-portada) main a.tem-card, body.portal-interpatagonia:has(.hero-portada) main a.tem-card * { color: #fff; }
/* La sombra del isotipo va detrás de la bandera, no en el piso (Hernán 22/10/2026). */
.hero-portada .isotipo-hero:has(.isotipo-propio)::after { content: none; }
.hero-portada .isotipo-hero:has(.isotipo-propio) { filter: drop-shadow(8px 10px 3px rgba(0,0,0,.42)) drop-shadow(16px 24px 16px rgba(0,0,0,.35)); }
/* "Leer" sin flecha (Hernán 22/10/2026, NORMA botones sin flechas). */
.leer-flecha { display: none !important; }
/* Botones más chicos y discretos (Hernán 22/10/2026): "Ver el blog" y los "Ver más" de sección con borde fino, sin degradé ni sombra;
   el del newsletter más chico, en el azul del sitio actual. */
body.portal-interpatagonia p.mas a.btn, p.mas a.btn { background: transparent !important; background-image: none !important; color: #0183c3 !important; border: 1px solid #0183c3 !important; box-shadow: none !important; filter: none !important; animation: none !important; font: 500 13.5px/1 Roboto, sans-serif !important; padding: 9px 18px !important; min-height: 0 !important; height: auto !important; }
body.portal-interpatagonia p.mas a.btn:hover, p.mas a.btn:hover { background: #eef7fc !important; }
body.portal-interpatagonia .pie-ip .pie-news-btn, body.portal-interpatagonia .pie-news-btn { background: #0183c3 !important; background-image: none !important; animation: none !important; box-shadow: none !important; filter: none !important; font: 500 13.5px/1 Roboto, sans-serif !important; padding: 0 16px !important; height: 36px !important; min-height: 0 !important; display: inline-flex !important; align-items: center; align-self: center; border-radius: 6px !important; }
body.portal-interpatagonia .pie-ip .pie-news-btn:hover { background: #016a9e !important; }
/* Botón del newsletter con el mismo degradé (y movimiento) de la cabecera (Hernán 22/10/2026). */
body.portal-interpatagonia .pie-ip .pie-news-btn, body.portal-interpatagonia .pie-news-btn { background: linear-gradient(-45deg, #2866cc, #29b7c9, #2866cc, #29b7c9) !important; background-size: 300% 300% !important; animation: cab-grad 14s infinite !important; }
body.portal-interpatagonia .pie-ip .pie-news-btn:hover { filter: brightness(1.08) !important; }
/* Sombra del isotipo más sutil (Hernán 22/10/2026). */
.hero-portada .isotipo-hero:has(.isotipo-propio) { filter: drop-shadow(6px 8px 6px rgba(0,0,0,.22)) drop-shadow(12px 18px 18px rgba(0,0,0,.14)); }
/* Textos de las tarjetas de la portada más chicos y sobrios (Hernán 22/10/2026: "se ve muy ordinario"): títulos Lexend Deca 600 en gris
   carbón (azules solo al pasar el mouse), textos Roboto 14 px gris medio, rótulos chicos en mayúsculas espaciadas y "Leer" discreto. */
body.portal-interpatagonia:has(.hero-portada) .paseo-cuerpo { gap: 8px; padding: 18px 20px 20px; }
body.portal-interpatagonia:has(.hero-portada) .paseo-cuerpo b,
body.portal-interpatagonia:has(.hero-portada) .not-card b,
body.portal-interpatagonia:has(.hero-portada) .car-card b { font: 600 16.5px/1.35 'Lexend Deca', sans-serif !important; letter-spacing: 0 !important; color: #1f2933 !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; }
body.portal-interpatagonia:has(.hero-portada) .car-card b { font-size: 17px !important; -webkit-line-clamp: 2; }
body.portal-interpatagonia:has(.hero-portada) .not-card.not-principal b { font-size: 19px !important; line-height: 1.35 !important; -webkit-line-clamp: 2; }
body.portal-interpatagonia:has(.hero-portada) .not-card:not(.not-principal) b { font-size: 14.5px !important; -webkit-line-clamp: 3; }
body.portal-interpatagonia:has(.hero-portada) a:hover .paseo-cuerpo b,
body.portal-interpatagonia:has(.hero-portada) .not-card:hover b,
body.portal-interpatagonia:has(.hero-portada) .car-card:hover b { color: #0183c3 !important; }
body.portal-interpatagonia:has(.hero-portada) .paseo-cuerpo em,
body.portal-interpatagonia:has(.hero-portada) .not-card em,
body.portal-interpatagonia:has(.hero-portada) .car-card small { font: 400 14px/1.55 Roboto, sans-serif !important; font-style: normal; color: #5b6470 !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
body.portal-interpatagonia:has(.hero-portada) .car-card small { font-size: 13px !important; color: #7a8591 !important; }
body.portal-interpatagonia:has(.hero-portada) .not-card.not-principal em { -webkit-line-clamp: 2; }
body.portal-interpatagonia:has(.hero-portada) .not-meta { font: 500 11px/1.4 Roboto, sans-serif !important; letter-spacing: .07em !important; text-transform: uppercase; color: #8a94a0 !important; }
body.portal-interpatagonia:has(.hero-portada) .paseo-cuerpo small { font: 500 13px Roboto, sans-serif !important; color: #0183c3 !important; letter-spacing: .01em; padding-top: 10px; }
body.portal-interpatagonia:has(.hero-portada) .not-principal .not-cuerpo { padding: 16px 20px 18px; gap: 6px; }

/* Franja del blog más prolija (Hernán 22/10/2026): más baja, velo oscuro desde la izquierda, "Blog de turismo" como rótulo chico y el
   título de la última nota como titular. */
body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog { height: 210px; border-radius: 14px; }
body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog .tem-vel { background: linear-gradient(90deg, rgba(14,22,32,.82) 0%, rgba(14,22,32,.55) 45%, rgba(14,22,32,.05) 85%); }
body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog .tem-txt { left: 32px; right: 32px; bottom: auto; top: 50%; transform: translateY(-50%); max-width: 640px; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 10px; }
body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog .tem-ico { display: none; }
body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog .tem-txt b { order: 1; font: 500 11.5px/1 Roboto, sans-serif !important; letter-spacing: .14em; text-transform: uppercase; color: #ffffff !important; opacity: .85; padding: 6px 10px; border: 1px solid rgba(255,255,255,.45); border-radius: 999px; }
body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog .tem-blog-ult { order: 2; flex-basis: auto; margin: 0; font: 600 22px/1.3 'Lexend Deca', sans-serif; color: #fff !important; text-shadow: 0 1px 12px rgba(0,0,0,.35); }
@media (max-width: 560px) { body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog .tem-txt { left: 18px; right: 18px; } body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog .tem-blog-ult { font-size: 17px; } }
/* Sin negro en la portada: títulos de sección y de tarjetas en gris oscuro (Hernán 22/10/2026). */
body.portal-interpatagonia:has(.hero-portada) main h2 { color: #4a5560 !important; }
body.portal-interpatagonia:has(.hero-portada) .paseo-cuerpo b, body.portal-interpatagonia:has(.hero-portada) .not-card b, body.portal-interpatagonia:has(.hero-portada) .car-card b { color: #45505b !important; }
body.portal-interpatagonia:has(.hero-portada) a:hover .paseo-cuerpo b, body.portal-interpatagonia:has(.hero-portada) .not-card:hover b, body.portal-interpatagonia:has(.hero-portada) .car-card:hover b { color: #0183c3 !important; }
/* Una sola noticia reciente: tarjeta horizontal a todo el ancho, foto a la izquierda (Hernán 22/10/2026). */
.grilla-noticias.not-sola { display: block; }
.grilla-noticias.not-sola .not-card.not-principal { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; min-height: 0; }
.grilla-noticias.not-sola .not-principal .not-foto { height: 100%; min-height: 260px; max-height: 340px; aspect-ratio: auto; }
.grilla-noticias.not-sola .not-principal .not-foto img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px 0 0 10px; }
.grilla-noticias.not-sola .not-principal .not-cuerpo { padding: 28px 34px !important; }
@media (max-width: 760px) { .grilla-noticias.not-sola .not-card.not-principal { grid-template-columns: 1fr; } .grilla-noticias.not-sola .not-principal .not-foto { min-height: 0; aspect-ratio: 16 / 9; } .grilla-noticias.not-sola .not-principal .not-foto img { border-radius: 10px 10px 0 0; } .grilla-noticias.not-sola .not-principal .not-cuerpo { padding: 16px 18px !important; } }
/* Franja del blog resuelta de otra manera (Hernán 22/10/2026: "no se distingue la imagen"): tarjeta blanca, texto a la izquierda y la
   foto de la última nota entera y sin velo a la derecha. */
body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog { height: 240px; background: #fff; box-shadow: 0 8px 16px -2px rgba(10,10,10,.12), 0 0 0 1px rgba(10,10,10,.03); }
body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog img { left: auto !important; right: 0; width: 48% !important; height: 100% !important; object-fit: cover; object-position: center !important; filter: none !important; transform: none !important; }
body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog .tem-vel { display: none; }
body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog .tem-txt { left: 36px; right: auto; width: calc(52% - 72px); max-width: none; }
body.portal-interpatagonia:has(.hero-portada) main a.tem-card.tem-blog .tem-txt b { color: #0183c3 !important; border-color: rgba(1,131,195,.45); opacity: 1; }
body.portal-interpatagonia:has(.hero-portada) main a.tem-card.tem-blog .tem-blog-ult { color: #45505b !important; text-shadow: none; font-size: 21px; }
body.portal-interpatagonia:has(.hero-portada) main a.tem-card.tem-blog:hover .tem-blog-ult { color: #0183c3 !important; }
@media (max-width: 760px) {
  body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog { height: auto; display: flex; flex-direction: column-reverse; }
  body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog img { position: static !important; width: 100% !important; height: 190px !important; }
  body.portal-interpatagonia:has(.hero-portada) .tem-card.tem-blog .tem-txt { position: static; transform: none; width: auto; padding: 18px; }
}
/* Franja del blog (Hernán 22/10/2026): tarjeta blanca con la foto a la izquierda (con margen, esquinas redondeadas) y el texto a la derecha. */
.blog-dest { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 36px; align-items: center; background: #fff; border-radius: 14px; padding: 14px; box-shadow: 0 8px 16px -2px rgba(10,10,10,.12), 0 0 0 1px rgba(10,10,10,.03); }
.blog-dest-foto { display: block; height: 280px; border-radius: 10px; overflow: hidden; }
.blog-dest-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.16,1,.3,1); }
.blog-dest:hover .blog-dest-foto img { transform: scale(1.03); }
.blog-dest-txt { padding: 8px 28px 8px 0; display: flex; flex-direction: column; gap: 12px; }
.blog-dest-rot { margin: 0; display: flex; align-items: center; gap: 8px; font: 500 11.5px/1 Roboto, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #0183c3; }
.blog-dest-rot svg { flex: none; }
.blog-dest-rot span { color: #8a94a0; letter-spacing: .06em; }
.blog-dest-rot span::before { content: "·"; margin-right: 8px; color: #b5bdc6; }
.blog-dest h3 { margin: 0; font: 600 22px/1.3 'Lexend Deca', sans-serif; }
body.portal-interpatagonia .blog-dest h3 a { color: #45505b; text-decoration: none; transition: color .2s; }
body.portal-interpatagonia .blog-dest h3 a:hover { color: #0183c3; }
.blog-dest-res { margin: 0; font: 400 14.5px/1.6 Roboto, sans-serif; color: #5b6470; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.blog-dest-links { margin: 4px 0 0; display: flex; align-items: center; gap: 22px; font: 500 13.5px Roboto, sans-serif; }
body.portal-interpatagonia .blog-dest-links a { color: #0183c3; text-decoration: none; }
body.portal-interpatagonia .blog-dest-links a.blog-dest-leer { border: 1px solid #0183c3; border-radius: 999px; padding: 8px 18px; }
body.portal-interpatagonia .blog-dest-links a.blog-dest-leer:hover { background: #eef7fc; }
body.portal-interpatagonia .blog-dest-links a:not(.blog-dest-leer):hover { text-decoration: underline; }
@media (max-width: 760px) { .blog-dest { grid-template-columns: 1fr; gap: 14px; } .blog-dest-foto { height: 200px; } .blog-dest-txt { padding: 4px 8px 10px; } .blog-dest h3 { font-size: 18px; } }
/* Bandera en caras 3D (Hernán 22/10/2026): sin el brillo naranja, solo la sombra suave detrás. */
.hero-portada .isotipo-hero:has(.isotipo-propio) { filter: drop-shadow(6px 9px 8px rgba(0,0,0,.24)); }
/* Isotipo de la portada un 25 % más chico, con el borde izquierdo en el mismo lugar (Hernán 22/10/2026, recuadro rojo). */
.hero-portada .isotipo-hero:has(.isotipo-propio) { right: max(40px, calc((100vw - 1180px) / 2 + 83px + 2.45vw)); }
.hero-portada .isotipo-hero svg.isotipo-propio { width: clamp(82px, 7.35vw, 145px); }
/* Isotipo 3D en imagen (Hernán 22/10/2026): mismo tamaño y lugar que el anterior, entra con un fundido y después flota. */
.hero-portada .isotipo-hero img.isotipo-img { display: block; width: clamp(82px, 7.35vw, 145px); height: auto; }
.hero-portada .isotipo-hero:has(.isotipo-img) { filter: drop-shadow(6px 10px 10px rgba(0,0,0,.28)); }
@media (prefers-reduced-motion: no-preference) {
    .hero-portada .isotipo-hero img.isotipo-img { animation: iso-entra 1.2s cubic-bezier(.16,1,.3,1) both, iso-flota 6s ease-in-out 1.6s infinite; }
}
@keyframes iso-entra { from { opacity: 0; transform: translateY(18px) scale(.94); } to { opacity: 1; transform: none; } }
/* Franja de trayectoria (Hernán 22/10/2026): sobria, sobre un celeste muy claro, con el número de años grande en el degradé de la marca. */
.trayectoria .tray-in { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 40px; align-items: center; padding: 34px 40px; border-radius: 14px; background: linear-gradient(120deg, #f2f8fc, #eef6f9); border: 1px solid #e1edf4; }
.tray-anios { display: flex; flex-direction: column; align-items: center; line-height: 1; }
.tray-anios b { font: 600 74px/1 'Lexend Deca', sans-serif; background: linear-gradient(-45deg, #2866cc, #29b7c9); -webkit-background-clip: text; background-clip: text; color: transparent; }
.tray-anios span { font: 500 13px Roboto, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #5b6470; margin-top: 4px; }
body.portal-interpatagonia .trayectoria h2 { margin: 0 0 8px !important; font-size: 21px !important; line-height: 1.3 !important; }
.tray-txt p { margin: 0; font: 400 14.5px/1.6 Roboto, sans-serif; color: #5b6470; max-width: 560px; }
.tray-cifras { list-style: none; margin: 0; padding: 0 0 0 36px; display: flex; gap: 32px; border-left: 1px solid #d5e4ee; }
.tray-cifras li { display: flex; flex-direction: column; gap: 2px; }
.tray-cifras b { font: 600 24px/1.1 'Lexend Deca', sans-serif; color: #0183c3; }
.tray-cifras span { font: 400 12.5px Roboto, sans-serif; color: #7a8591; }
@media (max-width: 1000px) { .trayectoria .tray-in { grid-template-columns: auto 1fr; } .tray-cifras { grid-column: 1 / -1; border-left: 0; padding: 18px 0 0; border-top: 1px solid #d5e4ee; justify-content: space-around; } }
@media (max-width: 560px) { .trayectoria .tray-in { grid-template-columns: 1fr; gap: 16px; padding: 24px 20px; text-align: center; } .tray-txt p { margin-inline: auto; } .tray-anios b { font-size: 60px; } .tray-cifras { gap: 12px; } .tray-cifras b { font-size: 20px; } }
/* "24 años impulsando el turismo en la Patagonia" arriba del título de la portada (Hernán 22/10/2026). */
.hero-portada .hero-anios { margin: 0 0 14px; padding: 6px 16px; border: 1px solid rgba(255,255,255,.55); border-radius: 999px; background: rgba(0,0,0,.22); font: 500 13px/1.2 Roboto, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.4); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
@media (max-width: 560px) { .hero-portada .hero-anios { font-size: 11px; letter-spacing: .06em; padding: 5px 12px; } }
/* Con el título largo ("24 años impulsando…") el isotipo de la portada va más afuera, para no tocar el texto (Hernán 22/10/2026). */
.hero-portada .isotipo-hero:has(.isotipo-img) { right: max(28px, calc((100vw - 1180px) / 2 - 20px)); }
/* Título de la portada en dos tamaños (Hernán 22/10/2026). */
.hero-portada h1.h1-anios { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 8px; }
.hero-portada h1.h1-anios .h1-pre { font: 500 15px/1.2 Roboto, sans-serif; letter-spacing: .22em; text-transform: uppercase; opacity: .95; }
.hero-portada h1.h1-anios .h1-main { font: 600 40px/1.1 'Lexend Deca', sans-serif; }
.hero-portada h1.h1-anios .h1-main::first-letter { text-transform: uppercase; }
@media (max-width: 640px) { .hero-portada h1.h1-anios .h1-pre { font-size: 12px; letter-spacing: .14em; } .hero-portada h1.h1-anios .h1-main { font-size: 30px; } }
/* Isotipo en el lugar del recuadro de Hernán (22/10/2026): a una distancia fija a la derecha del texto centrado (no del borde de la
   pantalla), así nunca lo toca; con sombra suave detrás que se vea. */
.hero-portada .isotipo-hero:has(.isotipo-img) { right: auto !important; left: calc(50% + 278px); filter: drop-shadow(8px 12px 10px rgba(0,0,0,.38)) drop-shadow(2px 3px 3px rgba(0,0,0,.25)); }
/* Subtítulo de la portada debajo del buscador y más chico (Hernán 22/10/2026). */
.hero-portada .hero-texto > h1 { order: 1; }
.hero-portada .hero-texto > .buscar-vivo { order: 2; margin-top: 14px; z-index: 5; }
body.portal-interpatagonia .hero-portada .hero-texto .hero-sub { order: 3; font-size: 15px !important; line-height: 1.4 !important; margin: 14px 0 0 !important; opacity: .92 !important; }
@media (max-width: 640px) { body.portal-interpatagonia .hero-portada .hero-texto .hero-sub { font-size: 13px !important; } }
/* Buscador de la portada menos oscuro (Hernán 22/10/2026): velo más liviano con un desenfoque suave para que el texto se siga leyendo. */
.buscar-flotante.buscar-vivo { background: rgba(0,0,0,.36) !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border-color: rgba(255,255,255,.6) !important; }
/* Desplegable de ciudades de Argentina y Chile en el menú de secciones (Hernán 22/10/2026). */
.cab-sub-vivo .cab-sub-in { overflow: visible; }
.cab-ciudades { margin-left: auto; position: static; }
.cab-ciudades .cc-btn { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 16px; border: 1px solid #d5dde5; border-radius: 999px; background: #fff; color: #4a4a4a; font: 400 15px BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; cursor: pointer; white-space: nowrap; }
.cab-ciudades .cc-btn::after { content: ""; width: 7px; height: 7px; border: solid currentColor; border-width: 0 1.6px 1.6px 0; transform: translateY(-2px) rotate(45deg); transition: transform .2s; }
.cab-ciudades .cc-btn:hover, .cab-ciudades.abierto .cc-btn { border-color: #0183c3; color: #0183c3; }
.cab-ciudades.abierto .cc-btn::after { transform: translateY(1px) rotate(-135deg); }
.cab-ciudades .cc-panel { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: min(1180px, calc(100vw - 32px)); max-height: min(72vh, 640px); overflow-y: auto; background: #fff; border-radius: 0 0 14px 14px; box-shadow: 0 18px 36px rgba(10,20,40,.18); padding: 22px 28px 26px; z-index: 60; }
.cab-sub-vivo { position: relative; }
.cab-ciudades.abierto .cc-panel { display: block; }
@media (hover: hover) { .cab-ciudades:hover .cc-panel { display: block; } }
.cc-pais + .cc-pais { margin-top: 18px; padding-top: 18px; border-top: 1px solid #e6ecf1; }
.cc-pais-tit { margin: 0 0 12px; font: 600 15px 'Lexend Deca', sans-serif; color: #45505b; }
.cc-cols { columns: 5 170px; column-gap: 26px; }
.cc-grupo { break-inside: avoid; margin-bottom: 14px; }
.cc-grupo strong { display: block; font: 500 11px Roboto, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #8a94a0; margin-bottom: 5px; }
.cc-grupo ul { list-style: none; margin: 0; padding: 0; }
.cc-grupo li a { display: block; padding: 2px 0; font: 400 14px/1.45 Roboto, sans-serif; color: #4a4a4a !important; text-decoration: none; }
.cc-grupo li a:hover { color: #0183c3 !important; }
@media (max-width: 760px) { .cab-ciudades .cc-btn { font-size: 13px; padding: 0 12px; } .cab-ciudades .cc-panel { position: fixed; top: auto; } }
/* Dos desplegables: Patagonia argentina y Patagonia chilena (Hernán 22/10/2026). */
.cab-ciudades { display: flex; gap: 8px; }
.cab-ciudades .cc-item .cc-panel { display: none; }
.cab-ciudades .cc-item.abierto .cc-panel { display: block; }
@media (hover: hover) { .cab-ciudades:hover .cc-panel { display: none; } .cab-ciudades .cc-item:hover .cc-panel { display: block; } }
.cab-ciudades .cc-item:hover .cc-btn, .cab-ciudades .cc-item.abierto .cc-btn { border-color: #0183c3; color: #0183c3; }
.cab-ciudades .cc-item.abierto .cc-btn::after { transform: translateY(1px) rotate(-135deg); }
.cab-ciudades .cc-panel.cc-chico .cc-cols { columns: 4 200px; }
/* Patagonia argentina / chilena solo con texto, como el resto del menú, y el desplegable no se cierra al bajar el mouse (Hernán 22/10/2026):
   cada ítem ocupa todo el alto de la barra (no queda hueco entre el texto y el panel) y el panel tarda 0,3 s en irse. */
.cab-ciudades { gap: 0; align-self: stretch; }
.cab-ciudades .cc-item { display: flex; align-items: center; height: 52px; }
.cab-ciudades .cc-btn { height: 100%; border: 0 !important; border-radius: 0; background: none; padding: 0 12px; font-size: 16px; color: #4a4a4a; }
.cab-ciudades .cc-item:hover .cc-btn, .cab-ciudades .cc-item.abierto .cc-btn { color: #0183c3; background: #fafafa; }
.cab-ciudades .cc-item .cc-panel { display: block !important; visibility: hidden; opacity: 0; transition: opacity .15s, visibility 0s linear .3s; }
.cab-ciudades .cc-item.abierto .cc-panel { visibility: visible; opacity: 1; transition: opacity .15s, visibility 0s; }
@media (hover: hover) {
  .cab-ciudades .cc-item:hover .cc-panel { visibility: visible; opacity: 1; transition: opacity .15s .08s, visibility 0s .08s; }
  .cab-ciudades:has(.cc-item:hover) .cc-item:not(:hover) .cc-panel { visibility: hidden; opacity: 0; transition: none; }
}
/* Patagonia argentina / chilena más discretos (Hernán 22/10/2026): letra más chica y gris más lavado. */
.cab-ciudades .cc-btn { font-size: 14px !important; color: #8a939c !important; padding: 0 10px; gap: 6px; }
.cab-ciudades .cc-btn::after { width: 5.5px; height: 5.5px; border-width: 0 1.3px 1.3px 0; }
.cab-ciudades .cc-item:hover .cc-btn, .cab-ciudades .cc-item.abierto .cc-btn { color: #0183c3 !important; }
/* Logo de la cabecera con la bandera 3D más grande (Hernán 22/10/2026): el SVG es más alto (176 en vez de 150), así que se agranda en la
   misma proporción para que el texto quede del mismo tamaño. */
.cab .logo-propio[src*="-3d.svg"] { height: 47px; width: auto; margin-block: -3px; filter: drop-shadow(0 1px 2px rgba(0,0,0,.18)); }
@media (max-width: 640px) { .cab .logo-propio[src*="-3d.svg"] { height: 35px; margin-block: -2px; } }
/* La bandera del logo de la cabecera es la 3D del logo grande (Hernán 22/10/2026). */
img.lg-iso.lg-iso-3d { object-fit: contain; filter: drop-shadow(0 1px 2px rgba(0,0,0,.2)); }
a.logo.logo-nuevo img.lg-iso.lg-iso-3d { height: 46px; margin-block: -4px; }
@media (max-width: 640px) { a.logo.logo-nuevo img.lg-iso.lg-iso-3d { height: 34px; margin-block: -2px; } }
/* Foto común usada de fondo (ciudades sin foto grande): se recorta desde arriba, para que se vean los picos (Hernán 22/10/2026, Torres del Paine). */
body.vista-ciudad .hero-ciudad.hero-grande.hero-foto-comun .hero-in { background-position: center 12%, center 12%; }
/* "Los destinos más elegidos": tarjetas un poco más chicas y título de sección en un gris más lavado (Hernán 22/10/2026). */
body.portal-interpatagonia:has(.hero-portada) #ciudades { max-width: 1180px; margin-inline: auto; }
body.portal-interpatagonia:has(.hero-portada) #ciudades .mosaico { grid-template-rows: 225px 225px !important; gap: 16px !important; }
body.portal-interpatagonia:has(.hero-portada) main h2 { color: #6b7681 !important; }
body.portal-interpatagonia:has(.hero-portada) #ciudades h3 { font-size: 19px !important; }
/* Logo: al pasar el mouse ya no se inclina (Hernán 22/10/2026, "parece un caballo relinchando"); solo un brillo suave. */
a.logo.logo-nuevo:hover .lg-iso { transform: none !important; filter: drop-shadow(0 1px 2px rgba(0,0,0,.2)) brightness(1.08) !important; }
a.logo.logo-nuevo .lg-iso { transition: filter .25s ease !important; }
/* Opciones del menú de idiomas un poco más chicas (Hernán 22/10/2026). */
.cab .idiomas.desplegable a:not(.idi-boton) { font-size: 14px !important; padding-top: 8px !important; padding-bottom: 8px !important; }
/* Portada más compacta (Hernán 22/10/2026: "achicalo un poco"): noticia, temáticos y blog más chicos y centrados en 1180 px. */
body.portal-interpatagonia:has(.hero-portada) .bloque-noticias, body.portal-interpatagonia:has(.hero-portada) .bloque:has(.grilla-tem), body.portal-interpatagonia:has(.hero-portada) .bloque:has(.grilla-paseos) { max-width: 1180px; margin-inline: auto; }
.grilla-noticias.not-sola .not-principal .not-foto { min-height: 220px !important; max-height: 280px !important; }
.grilla-noticias.not-sola .not-principal .not-cuerpo { padding: 22px 28px !important; }
body.portal-interpatagonia:has(.hero-portada) .not-card.not-principal b { font-size: 18px !important; }
body.portal-interpatagonia:has(.hero-portada) .grilla-tem { gap: 14px !important; }
body.portal-interpatagonia:has(.hero-portada) .grilla-tem .tem-card:not(.tem-blog) { aspect-ratio: 2.3 / 1 !important; }
body.portal-interpatagonia:has(.hero-portada) .tem-card b { font-size: 16.5px !important; }
body.portal-interpatagonia:has(.hero-portada) .blog-dest-foto { height: 230px; }
body.portal-interpatagonia:has(.hero-portada) .grilla-paseos { gap: 14px !important; }
body.portal-interpatagonia:has(.hero-portada) .grilla-paseos .paseo-card img { aspect-ratio: 16 / 10; height: auto !important; }
body.portal-interpatagonia:has(.hero-portada) .grilla-paseos .paseo-cuerpo b { font-size: 15px !important; }
body.portal-interpatagonia:has(.hero-portada) .grilla-paseos .paseo-cuerpo em { font-size: 13.5px !important; }
@media (min-width: 900px) { body.portal-interpatagonia:has(.hero-portada) .bloque > .grilla-paseos { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } }
/* Más aire entre los temáticos y la franja del blog (Hernán 22/10/2026), y "Ver todas las noticias" un poco más abajo de la tarjeta. */
body.portal-interpatagonia:has(.hero-portada) .grilla-tem > .blog-dest { margin-top: 26px; }
body.portal-interpatagonia:has(.hero-portada) .bloque-noticias p.mas { margin-top: 22px; }
/* Blog de la portada: siempre 4 notas en una fila (2 en tablet, 1 en celular), así quedan alineadas (Hernán 22/10/2026). */
body.portal-interpatagonia:has(.hero-portada) .bloque > .grilla-paseos { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
@media (max-width: 900px) { body.portal-interpatagonia:has(.hero-portada) .bloque > .grilla-paseos { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 560px) { body.portal-interpatagonia:has(.hero-portada) .bloque > .grilla-paseos { grid-template-columns: 1fr !important; } }
/* Cómo llegar general (Hernán 22/10/2026): arranca con el buscador y el mapa; las ciudades debajo en tarjetas chicas y livianas. */
main.cl-general h1 { font: 600 26px/1.3 'Lexend Deca', sans-serif; color: #5b6670; margin: 18px 0 16px; }
main.cl-general .cl-ruta-gen { margin: 0 0 34px; }
main.cl-general .cl-ruta-gen .cl-leaf { display: block !important; width: 100%; height: 100%; min-height: 440px; border-radius: 0 14px 14px 0; }
main.cl-general .cl-ruta-gen select { width: 100%; height: 46px; padding: 0 14px; border: 1px solid #dfe5eb; border-radius: 10px; background: #f6f8fa; font: 400 15px Roboto, sans-serif; color: #45505b; }
main.cl-general .cg-otras { font: 600 18px 'Lexend Deca', sans-serif; color: #6b7681; margin: 0 0 14px; }
.grilla-dest.grilla-dest-chica { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important; gap: 12px !important; }
.grilla-dest.grilla-dest-chica .dest { aspect-ratio: 16 / 10; height: auto !important; min-height: 0 !important; border-radius: 10px; }
.grilla-dest.grilla-dest-chica .dest img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.grilla-dest.grilla-dest-chica .dest:not(:has(img)) { background: linear-gradient(135deg, #8fb4cc, #5d8aa8); }
.grilla-dest.grilla-dest-chica .dest-txt { left: 12px; right: 12px; bottom: 10px; }
.grilla-dest.grilla-dest-chica .dest-txt b { font: 600 14.5px/1.25 'Lexend Deca', sans-serif !important; }
@media (max-width: 760px) { main.cl-general .cl-ruta-gen .cl-leaf { min-height: 300px; border-radius: 0 0 14px 14px; } .grilla-dest.grilla-dest-chica { grid-template-columns: repeat(2, 1fr) !important; } }
#cl-ruta { scroll-margin-top: calc(var(--h-cab, 70px) + 60px); }
/* Cómo llegar de cada ciudad, más sobrio (Hernán 22/10/2026): título Lexend Deca en gris, formulario y resultado en letra más chica,
   el tiempo de los próximos días y los alojamientos y paseos del destino. */
body.vista-seccion:has(#cl-ruta) h1, main:has(#cl-ruta) h1 { font: 600 28px/1.25 'Lexend Deca', sans-serif !important; letter-spacing: 0 !important; color: #5b6670 !important; }
#cl-ruta .cl-form h2 { font: 600 18px 'Lexend Deca', sans-serif !important; color: #45505b !important; }
#cl-ruta .cl-campo span { font: 500 11px Roboto, sans-serif !important; letter-spacing: .1em; color: #8a94a0 !important; }
#cl-ruta .cl-campo input, #cl-ruta .cl-campo select { font: 400 14.5px Roboto, sans-serif !important; color: #45505b; height: 44px; }
#cl-ruta .cl-mi { font: 500 13.5px Roboto, sans-serif !important; }
#cl-ruta .cl-modos label { font: 400 13.5px Roboto, sans-serif !important; color: #5b6470; }
#cl-ruta .cl-ver { font: 500 14.5px Roboto, sans-serif !important; height: 44px; }
#cl-recom > p:first-child, #cl-recom .cl-res, #cl-recom > b:first-child { font: 500 17px 'Lexend Deca', sans-serif; color: #45505b; }
#cl-recom h3, .cl-recom h3 { font: 600 16px 'Lexend Deca', sans-serif !important; color: #5b6670 !important; }
.cl-tiempo h2, .cl-destino h2 { font: 600 19px 'Lexend Deca', sans-serif !important; color: #5b6670 !important; margin-bottom: 12px !important; }
.cl-destino h2 a { color: inherit !important; text-decoration: none; }
.clt-dias { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.clt-dia { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 8px 12px; background: #fff; border-radius: 12px; box-shadow: 0 6px 14px -4px rgba(10,20,40,.12), 0 0 0 1px rgba(10,20,40,.03); font-family: Roboto, sans-serif; }
.clt-dia small { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #8a94a0; }
.clt-dia svg { margin: 4px 0; color: #7a8a99; }
.clt-sol svg { color: #f2a10d; } .clt-nube-sol svg { color: #e2a33a; } .clt-lluvia svg, .clt-tormenta svg { color: #3a86c8; } .clt-nieve svg { color: #6fb6d9; }
.clt-dia b { font: 600 18px 'Lexend Deca', sans-serif; color: #45505b; }
.clt-dia span { font-size: 13px; color: #8a94a0; }
.clt-dia em { font-style: normal; font-size: 11.5px; color: #3a86c8; }
.clt-fuente { margin: 8px 0 0; font: 400 11px Roboto, sans-serif; color: #a3acb5; text-align: right; }
@media (max-width: 640px) { .clt-dias { grid-template-columns: repeat(3, minmax(0, 1fr)); } body.vista-seccion:has(#cl-ruta) h1, main:has(#cl-ruta) h1 { font-size: 22px !important; } }
/* El encuadre del video de portada se mueve suave entre tramos (portal.js cambia object-position). */
.hero-portada .hero-video { transition: opacity 1.4s cubic-bezier(.4,0,.2,1), object-position 1.2s ease; }
.leaflet-tooltip.cg-yo { background: #2bb24c; color: #fff; border: 0; font: 500 12px Roboto, sans-serif; padding: 3px 8px; border-radius: 999px; box-shadow: 0 2px 6px rgba(0,0,0,.2); }
.leaflet-tooltip.cg-yo::before { display: none; }
/* Tiempo más compacto (Hernán 22/10/2026: "optimizá el espacio"): una fila de días angostos, cada uno en una línea baja. */
.cl-tiempo { margin-top: 26px !important; }
.clt-dias { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; max-width: 900px; }
.clt-dia { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 8px; align-items: center; padding: 8px 12px; border-radius: 10px; }
.clt-dia small { grid-column: 1 / -1; font-size: 11px; }
.clt-dia svg { width: 24px; height: 24px; margin: 0; grid-row: 2; }
.clt-dia b, .clt-dia span, .clt-dia em { grid-row: 2; }
.clt-dia b { font-size: 15px; }
.clt-dia > b + span { font-size: 12.5px; margin-left: -4px; }
.clt-dia { grid-template-columns: auto auto auto 1fr; }
.clt-dia em { justify-self: end; font-size: 11px; }
.clt-fuente { max-width: 900px; margin-top: 4px; }
@media (max-width: 640px) { .clt-dias { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* El tiempo al lado de una fila corta de "Dónde comer en el camino" (Hernán 22/10/2026). */
.cl-fila.cl-fila-tiempo { align-items: start; }
.cl-tiempo.clt-lado { flex: 1 1 520px; min-width: 0; margin: 0 0 0 30px !important; padding: 0; align-self: center; grid-column: auto / span 3; }
.cl-tiempo.clt-lado h2 { font-size: 16px !important; margin: 0 0 10px !important; }
.cl-tiempo.clt-lado .clt-dias { grid-template-columns: repeat(3, minmax(0, 1fr)); }
/* Planificador con la estética de las fichas (Hernán 22/10/2026): formulario y mapa como dos tarjetas separadas, el mapa con esquinas de
   16 px y la sombra profunda del mapa de la ficha. Botón × para borrar Desde y Hasta. */
.cl-ruta { background: none !important; box-shadow: none !important; overflow: visible !important; gap: 18px !important; border-radius: 0 !important; }
.cl-ruta .cl-form { background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(16,24,40,.10), 0 2px 6px rgba(16,24,40,.06); }
.cl-ruta .cl-mapa { border-radius: 16px; overflow: hidden; box-shadow: 0 22px 48px rgba(16,24,40,.22), 0 6px 16px rgba(16,24,40,.12); isolation: isolate; }
main.cl-general .cl-ruta-gen .cl-leaf { border-radius: 16px !important; }
.cl-con-borrar { position: relative; }
.cl-borrar { position: absolute; right: 8px; bottom: 9px; width: 26px; height: 26px; border: 0; border-radius: 50%; background: #e6ebf0; color: #5b6470; font: 400 18px/26px Roboto, sans-serif; cursor: pointer; padding: 0; }
.cl-borrar:hover { background: #d5dde5; color: #0183c3; }
.cl-con-borrar input { padding-right: 40px !important; }
@media (max-width: 760px) { .cl-ruta { gap: 12px !important; } }
/* "Más ciudades para descubrir" con los mismos márgenes que el resto de la portada (Hernán 22/10/2026). */
body.portal-interpatagonia:has(.hero-portada) .carrusel-bloque { max-width: 1180px; margin-inline: auto; }
body.portal-interpatagonia:has(.hero-portada) .carrusel-bloque .carrusel { grid-auto-columns: calc((100% - 3 * 18px) / 4); }
@media (max-width: 1240px) { body.portal-interpatagonia:has(.hero-portada) .carrusel-bloque { margin-inline: 30px; } }
@media (max-width: 760px) { body.portal-interpatagonia:has(.hero-portada) .carrusel-bloque { margin-inline: 0; } body.portal-interpatagonia:has(.hero-portada) .carrusel-bloque .carrusel { grid-auto-columns: 70%; } }
/* Al lado de "Dónde comer en el camino", los 6 días en un solo renglón (Hernán 22/10/2026): cada día apilado y angosto. */
.cl-tiempo.clt-lado { flex: 1 1 auto; }
.cl-tiempo.clt-lado .clt-dias { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 8px; max-width: none; }
.cl-tiempo.clt-lado .clt-dia { grid-template-columns: 1fr; grid-template-rows: auto; justify-items: center; row-gap: 2px; padding: 10px 6px; text-align: center; }
.cl-tiempo.clt-lado .clt-dia > * { grid-row: auto !important; grid-column: 1 !important; margin: 0 !important; justify-self: center !important; }
.cl-tiempo.clt-lado .clt-dia svg { width: 26px; height: 26px; }
.cl-tiempo.clt-lado .clt-fuente { max-width: none; }
/* Franja del tiempo en la portada de la ciudad: chica y gris, como un servicio (Hernán 22/10/2026). */
.pw-tiempo { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin: 26px 0 6px; padding: 10px 18px; background: #fff; border-radius: 12px; box-shadow: 0 4px 12px -4px rgba(10,20,40,.10), 0 0 0 1px rgba(10,20,40,.03); }
.pwt-tit { margin: 0; font: 500 13px Roboto, sans-serif; color: #7a8591; white-space: nowrap; }
.pwt-dias { display: flex; flex: 1; gap: 6px 18px; flex-wrap: wrap; justify-content: space-between; }
.pwt-dia { display: inline-flex; align-items: center; gap: 6px; font: 400 13px Roboto, sans-serif; color: #5b6470; }
.pwt-dia small { font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em; color: #8a94a0; min-width: 28px; }
.pwt-dia svg { color: #8796a5; } .pwt-sol svg { color: #f2a10d; } .pwt-nube-sol svg { color: #e2a33a; } .pwt-lluvia svg, .pwt-tormenta svg { color: #3a86c8; } .pwt-nieve svg { color: #6fb6d9; }
.pwt-dia b { font-weight: 600; color: #45505b; } .pwt-dia i { font-style: normal; color: #9aa4ae; }
@media (max-width: 760px) { .pw-tiempo { gap: 8px; padding: 10px 14px; } .pwt-dias { gap: 8px 14px; justify-content: flex-start; } }
.cl-tiempo:not(.clt-lado) { margin: 18px 0 6px !important; }
/* Rutas (más rápida / alternativa) más lindas (Hernán 22/10/2026): tarjetas blancas con sombra suave, ícono, horas grandes y km al lado. */
.cl-alts { gap: 14px !important; margin: 18px 0 4px !important; }
.cl-alt { flex-direction: row !important; align-items: center !important; gap: 14px !important; min-width: 260px; padding: 14px 20px !important; border: 0 !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 6px 16px -4px rgba(10,20,40,.12), 0 0 0 1px rgba(10,20,40,.05) !important; transition: box-shadow .2s, transform .2s; text-align: left; }
.cl-alt:hover { transform: translateY(-1px); box-shadow: 0 10px 22px -6px rgba(10,20,40,.18), 0 0 0 1px rgba(10,20,40,.06) !important; }
.cl-alt .cla-ic { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #eef3f7; color: #7a8a99; }
.cl-alt .cla-ic svg { width: 22px; height: 22px; }
.cl-alt .cla-tx { display: flex; flex-direction: column; gap: 3px; }
.cl-alt small { font: 500 11px Roboto, sans-serif !important; letter-spacing: .1em !important; color: #8a94a0 !important; }
.cl-alt b { display: flex; align-items: baseline; gap: 10px; font-weight: 400; }
.cl-alt .cla-h { font: 600 20px/1.1 'Lexend Deca', sans-serif; color: #45505b; }
.cl-alt .cla-km { font: 400 14px Roboto, sans-serif; color: #7a8591; }
.cl-alt em { font: 400 12.5px Roboto, sans-serif !important; color: #8a94a0 !important; }
.cl-alt[aria-pressed="true"] { box-shadow: 0 0 0 2px #0183c3, 0 8px 20px -6px rgba(1,131,195,.35) !important; background: #fff !important; }
.cl-alt[aria-pressed="true"] .cla-ic { background: linear-gradient(-45deg, #2866cc, #29b7c9); color: #fff; }
.cl-alt[aria-pressed="true"] small { color: #0183c3 !important; }
.cl-alt[aria-pressed="true"] .cla-h { color: #0183c3; }
@media (max-width: 640px) { .cl-alt { min-width: 0; flex: 1 1 100%; } }
/* Rutas más chicas y livianas (Hernán 22/10/2026): píldoras compactas, sin ícono en círculo; la elegida con fondo celeste muy suave. */
.cl-alts { gap: 8px !important; margin: 14px 0 2px !important; }
.cl-alt { min-width: 0 !important; gap: 9px !important; padding: 7px 14px 7px 10px !important; border-radius: 999px !important; box-shadow: 0 0 0 1px #e1e7ed !important; background: #fff !important; transform: none !important; }
.cl-alt:hover { box-shadow: 0 0 0 1px #b9cddc, 0 4px 10px -4px rgba(10,20,40,.15) !important; }
.cl-alt .cla-ic { width: 26px; height: 26px; background: none; color: #9aa6b2; }
.cl-alt .cla-ic svg { width: 18px; height: 18px; }
.cl-alt .cla-tx { flex-direction: row; align-items: baseline; gap: 8px; }
.cl-alt small { font-size: 10.5px !important; letter-spacing: .08em !important; }
.cl-alt b { gap: 6px; }
.cl-alt .cla-h { font-size: 15px; }
.cl-alt .cla-km { font-size: 12.5px; }
.cl-alt em { display: none; }
.cl-alt[aria-pressed="true"] { background: #eef7fc !important; box-shadow: 0 0 0 1px #8cc3e3 !important; }
.cl-alt[aria-pressed="true"] .cla-ic { background: none; color: #0183c3; }
/* Cambio de encuadre del video de portada lento y suave, sin saltos (Hernán 22/10/2026). */
.hero-portada .hero-video { transition: opacity 1.4s cubic-bezier(.4,0,.2,1), object-position 2.6s cubic-bezier(.45,0,.25,1) !important; }
/* Bandera del logo de arriba un poco más chica (Hernán 22/10/2026). */
a.logo.logo-nuevo img.lg-iso.lg-iso-3d { height: 38px !important; margin-block: -1px !important; }
@media (max-width: 640px) { a.logo.logo-nuevo img.lg-iso.lg-iso-3d { height: 30px !important; } }
/* "Ver todas las noticias" sobrio, dentro de la tarjeta (Hernán 22/10/2026). */
.grilla-noticias { position: relative; }
.grilla-noticias .not-todas { margin: 0; }
.grilla-noticias.not-sola .not-todas { position: absolute; right: 28px; bottom: 20px; }
.grilla-noticias:not(.not-sola) .not-todas { grid-column: 1 / -1; text-align: right; }
body.portal-interpatagonia .not-todas a.noticias-todas { font: 500 13px Roboto, sans-serif !important; color: #7a8591 !important; text-decoration: none; border-bottom: 1px solid #cfd8e0; padding-bottom: 1px; background: none !important; }
body.portal-interpatagonia .not-todas a.noticias-todas:hover { color: #0183c3 !important; border-color: #0183c3; }
@media (max-width: 760px) { .grilla-noticias.not-sola .not-todas { position: static; text-align: right; margin-top: 10px; } }
/* "Ver todas las noticias" arriba a la derecha, chico y sin subrayado (Hernán 22/10/2026). */
.bloque-noticias .noticias-cab { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.bloque-noticias .noticias-cab .not-todas { position: static !important; margin: 0; }
body.portal-interpatagonia .not-todas a.noticias-todas { border: 0 !important; padding: 0 !important; font: 400 13.5px Roboto, sans-serif !important; color: #8a94a0 !important; }
body.portal-interpatagonia .not-todas a.noticias-todas:hover { color: #0183c3 !important; }
/* "Ver todas las noticias" un poco más a la izquierda, donde lo marcó Hernán (22/10/2026). */
.bloque-noticias .noticias-cab .not-todas { margin-right: 48px !important; }
@media (max-width: 760px) { .bloque-noticias .noticias-cab .not-todas { margin-right: 0 !important; } }

/* Listados entre 901 y 1440 px sin scroll horizontal ni hueco (22/10/2026). El renglón del título (título, cantidad, buscador y
   "Explorar en el mapa" / "Cerca de mí") no entraba y empujaba la página de costado; el buscador y la cantidad se achican y, si igual no
   entra, los botones bajan a un segundo renglón, a la derecha. Las fichas de 268 px dejaban un hueco de hasta 280 px a la derecha
   (a 1366 entraban 2 y sobraba lugar): en ese rango ocupan el ancho de la columna (entre 240 y ~290 px) para que no quede hueco; desde 1441 px siguen en 268. */
.sup-vivo, .sup-vivo .sup-fila { min-width: 0; }
.sup-vivo .sup-fila { flex-wrap: wrap; row-gap: 8px; }
.sup-vivo .sup-fila .pr-buscar { flex: 0 1 280px; min-width: 170px; }
.sup-vivo .sup-fila .cuenta { flex: 0 1 auto; min-width: 0; }
@media (min-width: 901px) and (max-width: 1440px) {
    .grilla-tarj:has(> .tarj-aloj), .panel-res .grilla-tarj:has(> .tarj-aloj) { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
    .tarj.tarj-aloj { width: 100%; }
}
/* Foto de portada de El Calafate con movimiento lento, como si fuera un video (Hernán 23/10/2026): la foto va en una capa propia que se
   acerca y se corre apenas (40 s ida y vuelta); el velo oscuro y el texto quedan quietos encima. Sin movimiento si la persona lo pidió. */
body.vista-ciudad .hero-ciudad.hero-grande[style*="/elcalafate."] .hero-in { background: none !important; overflow: hidden; isolation: isolate; }
body.vista-ciudad .hero-ciudad.hero-grande[style*="/elcalafate."] .hero-in::before { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--foto) center / cover no-repeat; transform-origin: 60% 45%; will-change: transform; }
body.vista-ciudad .hero-ciudad.hero-grande[style*="/elcalafate."] .hero-in::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0,0,0,.38) 0%, rgba(0,0,0,0) 34%); pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
  body.vista-ciudad .hero-ciudad.hero-grande[style*="/elcalafate."] .hero-in::before { animation: hero-foto-mueve 40s ease-in-out infinite alternate; }
}
@keyframes hero-foto-mueve { from { transform: scale(1.02) translate3d(0, 0, 0); } to { transform: scale(1.12) translate3d(-2.5%, -1.2%, 0); } }
/* Columna de promociones del vivo también en notas, historia, fotos, paseos y promociones (Hernán 23/10/2026): el contenido a la izquierda
   y la columna de 280 px a la derecha; hasta 1280 px baja debajo del contenido en tarjetas, como en los listados. */
.con-der { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 32px; align-items: start; }
.con-der > .con-der-cuerpo, .con-der > .articulo { min-width: 0; }
.con-der:not(:has(> .der-vivo)) { display: block; }   /* otros portales: sin columna, sin hueco */
.con-der > .der-vivo { margin-top: var(--der-alto, 0px); }   /* --der-alto: portal.js, a la altura de la primera tarjeta o foto */
@media (max-width: 1280px) { .con-der { grid-template-columns: minmax(0, 1fr); } .con-der > .der-vivo { margin: 24px 0 0; justify-content: center; } }
/* Filtros de los paseos que no entran: flechas a los costados y el borde desvanecido del lado que sigue (Hernán 23/10/2026; portal.js). */
.filtros-paseos { position: relative; }
.filtros-paseos .chips-flecha { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%;
    background: #fff; color: #363636; box-shadow: 0 4px 14px rgba(10,10,10,.22); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.filtros-paseos .chips-flecha[hidden] { display: none; }
.filtros-paseos .chips-ant { left: 0; } .filtros-paseos .chips-sig { right: 0; }
.filtros-paseos .chips-flecha:hover { color: #0183c3; }
.filtros-paseos .chips-flecha:focus-visible { outline: 2px solid #0183c3; outline-offset: 2px; }
.chips-rubros.sigue-der { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 90px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 90px), transparent); }
.chips-rubros.sigue-izq { -webkit-mask-image: linear-gradient(to right, transparent, #000 90px); mask-image: linear-gradient(to right, transparent, #000 90px); }
.chips-rubros.sigue-izq.sigue-der { -webkit-mask-image: linear-gradient(to right, transparent, #000 90px, #000 calc(100% - 90px), transparent); mask-image: linear-gradient(to right, transparent, #000 90px, #000 calc(100% - 90px), transparent); }
@media (max-width: 640px) { .filtros-paseos .chips-flecha { display: none; } }
/* Notas e historia: las promociones del vivo en una fila debajo del carrusel de paseos, tarjetas del mismo alto (Hernán 23/10/2026). */
.der-fila > .der-vivo { width: auto; max-width: 1272px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; }   /* de a cuatro: 4 × 300 + 3 × 24 */
.der-fila > .der-vivo > .bpxhrs:not(:empty) { flex: 0 1 300px; display: flex; }
.der-fila > .der-vivo .card { margin: 0; width: 100%; display: flex; flex-direction: column; }
.der-fila > .der-vivo .card-content { flex: 1; }
.der-fila:not(:has(.bpxhrs:not(:empty))) { display: none; }
/* Notas: el slider y las galerías con los mismos bordes que el título y el texto (Hernán 23/10/2026: "que todos los textos estén alineados
   o guarden una simetría"; antes salían 60 px a la izquierda). */
main.nota .ns-slider { margin-left: 0 !important; margin-right: 0 !important; }
body.pw-nota .nota-gal { margin-left: 0; margin-right: 0; }
/* Notas: sin letras negras, gris oscuro (Hernán 23/10/2026: "reemplazá todas las letras de color negro por gris oscuro"). */
body.pw-nota main.nota h1, body.pw-nota .cuerpo-nota h2, body.pw-nota .cuerpo-nota h3, body.pw-nota .cuerpo-nota strong, body.pw-nota main.nota .firma b,
body.pw-nota main.nota h2, body.pw-nota main.nota h2 a, main.nota .fn-prog b, main.nota .fn-datos span, body.pw-nota main.nota .paseo-card b { color: #3c4148 !important; }
body.pw-nota .cuerpo-nota, body.pw-nota .cuerpo-nota p, body.pw-nota main.nota .bajada { color: #4a4f57 !important; }
/* Paseo con varios lugares (Centro Cívico, 23/10/2026): los mismos números en el mapa, en la lista de abajo y en las tarjetas "Qué ver". */
.nm-num { background: none; border: 0; }
.nm-num span { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; box-sizing: border-box; border-radius: 50%; background: #0183c3; color: #fff;
    font: 700 14px/1 Inter, sans-serif; border: 2px solid #fff; box-shadow: 0 3px 10px rgba(16,24,40,.35); transition: transform .15s, background .15s; }
.nm-num.on span { background: #e8505b; transform: scale(1.18); }
.nm-pop { font: 600 14px/1.35 Inter, sans-serif; color: #3c4148; }
.nm-lista { list-style: none; margin: 16px 0 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; }
.nm-lista li { margin: 0 !important; padding: 0 !important; }
.nm-lista li::before { display: none !important; }
.nm-lista button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 7px 8px; border: 0; border-radius: 10px; background: none; text-align: left;
    font: 500 14.5px/1.35 Inter, sans-serif; color: #4a4f57; cursor: pointer; }
.nm-lista button:hover, .nm-lista button.on { background: #eef4fb; }
.nm-n { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #0183c3; color: #fff;
    font: 700 12.5px/1 Inter, sans-serif; }
.nm-lista button.on .nm-n { background: #e8505b; }
main.nota .nm-que-ver { grid-template-columns: repeat(2, minmax(0, 1fr)); }
main.nota .nm-que-ver > div { cursor: pointer; transition: transform .15s, box-shadow .15s; }
main.nota .nm-que-ver > div:hover, main.nota .nm-que-ver > div:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(16,24,40,.12); outline: none; }
main.nota .nm-que-ver b { display: flex !important; align-items: center; gap: 10px; }
@media (max-width: 640px) { .nm-lista, main.nota .nm-que-ver { grid-template-columns: 1fr; } }
/* Dónde dormir: la columna de la derecha es solo el mapa (sin promociones, Hernán 23/10/2026); sin mapa (pantallas chicas), no ocupa lugar. */
.der-solo-mapa:not(:has(.mm-caja)) { display: none !important; }
.listado-panel:has(.der-solo-mapa:not(:has(.mm-caja))) { grid-template-columns: 250px minmax(0, 1fr); }
@media (max-width: 900px) { .listado-panel:has(.der-solo-mapa:not(:has(.mm-caja))) { grid-template-columns: minmax(0, 1fr); } }
/* El mapa del paseo, debajo del texto plegado: con aire respecto del "Ver más". */
main.nota .nota-mapa.nm-varios { margin-top: 30px; }
/* Alquiler de autos (sin columna de promociones), proporciones de Hernán 23/10/2026 sobre su pantalla: filtros en una columna angosta
   (200 px) pegada al margen izquierdo y 4 tarjetas por fila en el resto, con ~12 % de la pantalla libre a la derecha. Las tarjetas miden
   como máximo lo mismo que los banners (300 px); en pantallas más anchas lo que sobra queda a la derecha. */
@media (min-width: 1281px) {
    .listado-panel.lp-cuatro:not(.en-mapa) { --lp-izq: 28px; --lp-der: 12vw; max-width: none; margin-right: 0;
        margin-left: calc(50% - 50vw + var(--lp-izq)); width: calc(100vw - var(--lp-izq) - var(--lp-der));
        grid-template-columns: 200px minmax(0, 1fr) !important; column-gap: 24px !important; }
    .listado-panel.lp-cuatro:not(.en-mapa) > .panel-f { padding: 12px; }
    main .listado-panel.lp-cuatro:not(.en-mapa) .panel-res #grilla-fotos { grid-template-columns: repeat(4, minmax(0, 300px)) !important; gap: 24px !important; }
}
/* Dónde comer: pines y ficha sobre el mapa estilo Google Maps (Hernán 23/10/2026; portal.js pwPinGm / pwFichaGm). */
.gm-marca { background: none; border: 0; }
.gm-ico { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; box-sizing: border-box; border-radius: 8px; background: #e8453c; border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.35); color: #fff; transition: transform .15s; }
.gm-ico.gm-c-bar { background: #c5221f; } .gm-ico.gm-c-cafe { background: #e37400; }
.gm-nom { position: absolute; left: 31px; top: 50%; transform: translateY(-50%); white-space: nowrap; font: 600 12px/1.2 Inter, sans-serif; color: #b3261e; pointer-events: none;
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff; display: none; }
.gm-nombres .gm-nom, .gm-marca.mm-activo .gm-nom, .gm-marca:hover .gm-nom { display: block; }
.gm-marca:hover .gm-ico, .gm-marca.mm-activo .gm-ico { transform: scale(1.25); }
.mm-ficha.mm-ficha-gm { width: 380px !important; padding: 0; overflow: hidden; border-radius: 16px; }
.gm-ficha { cursor: pointer; font-family: Inter, sans-serif; }
.gm-fotos { position: relative; height: 150px; background: #e8eaed; }
.gm-tira { display: flex; gap: 3px; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.gm-tira::-webkit-scrollbar { display: none; }
.gm-tira img { flex: 0 0 78%; width: 78%; height: 100%; object-fit: cover; scroll-snap-align: start; }
.gm-tira img:only-child { flex-basis: 100%; width: 100%; }
.gm-ant, .gm-sig { position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; padding: 0; border-radius: 50%; border: 0; background: rgba(255,255,255,.94);
    box-shadow: 0 1px 4px rgba(0,0,0,.3); cursor: pointer; font: 400 22px/28px Inter, sans-serif; color: #3c4148; }
.gm-ant { left: 8px; } .gm-sig { right: 8px; } .gm-ant[hidden], .gm-sig[hidden] { display: none; }
.gm-cuerpo { padding: 14px 16px 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 10px; }
.gm-info { min-width: 0; }
.gm-cuerpo h3 { margin: 0 0 4px; font: 600 19px/1.25 Inter, sans-serif; color: #3c4148; }
.gm-cuerpo h3 a { color: inherit; text-decoration: none; } .gm-cuerpo h3 a:hover { text-decoration: underline; }
.gm-rating { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin: 0; font: 400 14px/1.4 Inter, sans-serif; color: #4a4f57; }
.gm-rating b { font-weight: 600; }
.gm-est { position: relative; display: inline-block; color: #dadce0; font-size: 14px; letter-spacing: 1px; line-height: 1; }
.gm-est::before { content: "★★★★★"; position: absolute; left: 0; top: 0; width: var(--p, 0%); overflow: hidden; color: #f4b400; white-space: nowrap; }
.gm-rating small { font-size: 13px; color: #70757a; }
.gm-tipo { margin: 3px 0 0; font: 400 14px/1.4 Inter, sans-serif; color: #70757a; }
.gm-hor, .gm-dir { display: flex; gap: 7px; align-items: flex-start; margin: 7px 0 0; font: 400 13px/1.45 Inter, sans-serif; color: #4a4f57; }
.gm-hor svg, .gm-dir svg { flex: none; margin-top: 2px; color: #70757a; }
.gm-hor span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gm-acc { display: flex; gap: 8px; align-items: flex-start; }
.gm-acc a, .gm-acc button { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; background: #dff1fb; color: #0170a8; cursor: pointer; }
.gm-acc a:hover, .gm-acc button:hover { background: #c9e7f8; }
.gm-acc .gm-fav[aria-pressed="true"] svg { fill: currentColor; }
.gm-pie { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #eceff1; }
.gm-pie a, .gm-pie button { display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px; border: 1px solid #d5dbe3; border-radius: 999px; background: #fff;
    font: 600 13px/1.2 Inter, sans-serif; color: #0170a8; text-decoration: none; cursor: pointer; }
.gm-pie a:hover, .gm-pie button:hover { border-color: #0170a8; background: #f3f8fc; }
.gm-pie .gm-wa { color: #1a8d4a; }
.gm-pie .gm-ver { margin-left: auto; background: #0183c3; border-color: #0183c3; color: #fff; }
.gm-pie .gm-ver:hover { background: #0170a8; color: #fff; }
/* Galería de fotos de la ciudad: el texto centrado y los banners en una fila debajo, antes de los videos (Hernán 23/10/2026). */
main.galeria-ciudad .gal-texto { margin-left: auto !important; margin-right: auto !important; }
main.galeria-ciudad .gal-der-fila { margin: 8px 0 34px; }
.gm-nombres .gm-nom.gm-tapado { display: none; }
.gm-marca:hover .gm-nom.gm-tapado, .gm-marca.mm-activo .gm-nom.gm-tapado { display: block; }
.gm-estado { margin: 3px 0 0; font: 400 14px/1.4 Inter, sans-serif; color: #4a4f57; }
.gm-estado .gm-ab { font-weight: 600; color: #188038; } .gm-estado .gm-ce { font-weight: 600; color: #d93025; }
/* Filas de banners: siempre en una sola línea (Hernán 23/10/2026: "ponelos en una sola línea"); si rotan 5 o más, se achican para entrar.
   En celular, uno debajo del otro como antes. */
@media (min-width: 761px) {
    .der-fila > .der-vivo { flex-wrap: nowrap !important; }
    .der-fila > .der-vivo > .bpxhrs:not(:empty) { flex: 1 1 0 !important; max-width: 300px; min-width: 0; }
}