/* Generado por ARCHIVO/mediciones/2026-10-30-portada-index/marco.py desde las hojas de las páginas interiores
   (styles.css, diseno.css y sistema.css): la cabecera, el menú y el pie de la portada son los mismos. No se edita a mano. */
.cabecera,.menu-lateral,.menu-velo,.pie,.saltar{--papel: #F5F3EC; --papel-oscuro: #ECE8DD; --linea: #D9D3C5; --superficie: #FFFFFF; --salvia: #DBDED5; --tinta: #1C1A18; --tinta-suave: #5C564D; --oliva: #404823; --acento: #F84E1E; --acento-texto: #B8360C; --nilo: var(--oliva); --ocre: var(--acento); --titular: "Red Hat Display", system-ui, -apple-system, "Segoe UI", sans-serif; --letra: "Red Hat Text", system-ui, -apple-system, "Segoe UI", sans-serif; --serif: var(--titular); --sans: var(--letra); --mono: "Red Hat Mono", ui-monospace, "SF Mono", Menlo, monospace; --radio: 24px; --radio-pequeno: 12px; --fondo: var(--papel); --texto: var(--tinta); --texto-suave: var(--tinta-suave); --boton: var(--nilo); --boton-texto: #F5F3EC; --linea-control: rgba(28,26,24,.55); --linea-tono: var(--linea-control); --eje-contenido: #404823; --eje-estilo: #5C564D; --linea-suave: rgba(28,26,24,.18); --linea-media: rgba(28,26,24,.35); --hoja: rgba(255,255,255,.94); --hoja-borde: rgba(28,26,24,.10); --sombra: rgba(28,26,24,.16); --capa-1: rgba(28,26,24,.08); --capa-2: rgba(28,26,24,.05); --luz: rgba(64,72,35,.25); --mar: #DBDED5; --tierra: #F5F3EC; --tierra-vecina: #E9E5DA; --costa: #C9C1AF; --ruta: var(--oliva); --ruta-texto: #F5F3EC; --ocre-texto: #B8360C}
.cabecera,.menu-lateral,.menu-velo,.pie,.saltar{--papel: #171614; --papel-oscuro: #1D1B18; --linea: #3A3631; --superficie: #221F1C; --salvia: #2A2D26; --tinta: #F2EFE7; --tinta-suave: #B3AC9F; --oliva: #B5C27A; --acento: #FF6A3D; --acento-texto: #FF8A63; --boton: var(--oliva); --boton-texto: #171614; --linea-control: rgba(242,239,231,.45); --eje-contenido: #B5C27A; --eje-estilo: #B3AC9F; --linea-suave: rgba(242,239,231,.22); --linea-media: rgba(242,239,231,.4); --hoja: rgba(34,31,28,.94); --hoja-borde: rgba(242,239,231,.12); --sombra: rgba(0,0,0,.4); --capa-1: rgba(0,0,0,.28); --capa-2: rgba(0,0,0,.16); --luz: rgba(181,194,122,.24); --mar: #2A2D26; --tierra: #221F1C; --tierra-vecina: #1D1B18; --costa: rgba(242,239,231,.3); --ruta: #B5C27A; --ruta-texto: #171614; --ocre-texto: #FF8A63}
.pie-legal a{text-decoration-line: underline; text-decoration-style: initial; text-decoration-thickness: 1px; text-underline-offset: 0.18em; text-decoration-color: var(--linea-media);}
@media (hover: hover) and (pointer: fine){.pie-legal a:hover{text-decoration-color: currentcolor;}}
.saltar{position: absolute; left: -9999px; top: 12px; z-index: 100; padding: 10px 16px; background: var(--tinta); color: var(--papel); font-size: 15px; border-radius: 999px;}
.saltar:focus{left: 12px;}
.wrap{width: 100%; max-width: 1180px; margin-left: auto; margin-right: auto; padding-left: 44px; padding-right: 44px;}
.marca{display: inline-flex; align-items: center; gap: 0.32em; font-family: var(--titular); font-weight: 600; line-height: 1; letter-spacing: -0.02em; color: inherit; text-decoration: none; white-space: nowrap;}
.marca .marca-simbolo{width: 1.15em; height: 1.15em; flex: 0 0 auto; display: block;}
html[data-tono="noche"] .marca .marca-simbolo{content: url("assets/nausika-simbolo-noche.svg");}
.marca em{font-style: normal; font-weight: inherit;}
svg.huella{display: block; color: inherit;}
.huella path{fill: none; stroke: currentcolor; vector-effect: non-scaling-stroke;}
.huella{width: 120px; height: 120px;}
.huella--mini{width: 72px; height: 72px;}
.cabecera{position: relative; z-index: 3; color: var(--texto);}
body:not(.portada) .cabecera{background: var(--hoja); border-bottom: 1px solid var(--hoja-borde);}
.nav{max-width: 1180px; margin: 0px auto; padding: 26px 44px; display: flex; align-items: center; gap: 32px; font-size: 15px;}
.nav .marca{font-size: 24px; font-weight: 500; letter-spacing: -0.015em;}
.pie{position: relative; z-index: 1; margin-top: clamp(64px, 9vw, 120px); padding: 64px 0px 32px; font-size: 15px; border-top: 1px solid var(--linea); background: transparent; color: var(--texto);}
.pie-grid{display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px;}
.pie-marca .marca{font-size: 30px;}
.pie-marca p{margin-top: 14px; max-width: 30ch; font-family: var(--titular); font-weight: 400; font-size: 19px; line-height: 1.35; color: var(--tinta-suave);}
.pie h4,.pie .pie-titulo{font-size: 17px; margin: 0px 0px 14px; font-family: var(--titular); font-weight: 400; line-height: 1.15;}
.pie ul{list-style: none; margin: 0px; padding: 0px;}
.pie li{color: var(--texto-suave); line-height: 1.8;}
.pie li a{color: var(--texto-suave);}
@media (hover: hover) and (pointer: fine){.pie li a:hover{color: var(--texto); text-decoration: underline 1px; text-underline-offset: 0.18em;}}
.pie-legal{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--linea-tono); font-size: 14px; color: var(--texto-suave);}
.pie-legal a{color: var(--texto-suave); text-decoration-color: var(--linea-media);}
@media (hover: hover) and (pointer: fine){.pie-legal a:hover{color: var(--texto);}}
@media (prefers-reduced-motion: no-preference){.pie li a,.pie-legal a{transition: color 0.25s;}}
@media (max-width: 820px){.nav{flex-wrap: wrap; gap: 16px; padding: 20px 44px;}}
@media (max-width: 640px){.nav{padding: 20px 24px; gap: 12px;}}
@media (max-width: 820px){.pie-grid{grid-template-columns: 1fr;}}
@media (max-width: 520px){.wrap{padding-left: 20px; padding-right: 20px;}}
@media (max-width: 520px){.nav{padding: 18px 20px;}}
@media (max-width: 520px){.nav .marca{font-size: 22px;}}
@media (max-width: 520px){.nav{gap: 12px 10px;}}
@media (max-width: 520px){.pie{padding-top: 40px;}}
@media (max-width: 520px){.pie-legal{flex-direction: column;}}
@media print{.cabecera,.pie{display: none !important;}}
.cabecera{position: sticky; top: 0px; z-index: 20;}
body:not(.portada) .cabecera{background: var(--hoja); border-bottom: 1px solid var(--hoja-borde); backdrop-filter: blur(12px);}
.nav{padding: 18px clamp(20px, 4vw, 56px); max-width: none;}
.nav .marca{font-size: 22px; color: var(--tinta);}
.menu-boton{margin-left: auto; appearance: none; border: 1px solid var(--linea-control); background: var(--superficie); color: var(--tinta); font: 600 14px/1 var(--letra); padding: 12px 16px 12px 14px; border-radius: 999px; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; transition: border-color 0.25s, background 0.25s;}
.menu-boton[aria-expanded="true"]{border-color: var(--tinta);}
@media (hover: hover) and (pointer: fine){.menu-boton:hover{border-color: var(--tinta);}}
.menu-boton:focus-visible{outline: 2px solid var(--tinta); outline-offset: 3px;}
.menu-boton i{position: relative; width: 16px; height: 10px; display: block;}
.menu-boton i::before,.menu-boton i::after{content: ""; position: absolute; left: 0px; right: 0px; height: 1.5px; background: currentcolor; transition: transform 0.3s cubic-bezier(0.2, 0, 0.1, 1), top 0.3s;}
.menu-boton i::before{top: 0px;}
.menu-boton i::after{top: 8.5px;}
.menu-boton[aria-expanded="true"] i::before{top: 4px; transform: rotate(45deg);}
.menu-boton[aria-expanded="true"] i::after{top: 4px; transform: rotate(-45deg);}
.menu-boton .cerrar{display: none;}
.menu-boton[aria-expanded="true"] .abrir{display: none;}
.menu-boton[aria-expanded="true"] .cerrar{display: inline;}
.menu-lateral{position: fixed; top: 0px; right: 0px; bottom: 0px; z-index: 30; width: min(440px, 100%); background: var(--superficie); border-left: 1px solid var(--linea); box-shadow: -20px 0 60px var(--capa-1); padding: 96px clamp(28px, 5vw, 56px) 36px; display: flex; flex-direction: column; overflow-y: auto; transform: translateX(100%); visibility: hidden; transition: transform 0.5s cubic-bezier(0.2, 0, 0.1, 1), visibility 0.5s;}
.menu-lateral.is-abierto{transform: none; visibility: visible; transition: transform 0.5s cubic-bezier(0.2, 0, 0.1, 1);}
.menu-velo{position: fixed; inset: 0px; z-index: 25; background: rgba(28, 26, 24, 0.25); opacity: 0; pointer-events: none; transition: opacity 0.4s;}
.menu-velo.is-on{opacity: 1; pointer-events: auto;}
.menu-lateral h2{margin: 0px 0px 12px; font: 600 14px/1 var(--letra); color: var(--tinta-suave);}
.menu-lateral ul{list-style: none; margin: 0px 0px 34px; padding: 0px;}
.menu-lateral li a{display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 12px 0px; text-decoration: none; color: var(--tinta); font-family: var(--titular); font-weight: 500; font-size: clamp(24px, 2.8vw, 30px); line-height: 1.1; letter-spacing: -0.01em; border-bottom: 1px solid var(--linea);}
.menu-lateral li a small{font: 500 13px/1.3 var(--letra); color: var(--tinta-suave); text-align: right; max-width: 44%;}
.menu-lateral li a[aria-current="page"]{color: var(--oliva);}
@media (hover: hover) and (pointer: fine){.menu-lateral li a:hover{color: var(--oliva);}}
.menu-lateral .menu-pie{margin-top: auto; font-size: 14px; color: var(--tinta-suave); line-height: 1.6;}
.menu-lateral .menu-pie a{color: var(--tinta); text-decoration: none; border-bottom: 1px solid var(--linea-media);}
.menu-boton[aria-expanded="true"]{position: relative; z-index: 31;}
.cabecera:has(.menu-boton[aria-expanded="true"]){z-index: 31;}
.pie{background: transparent; border-top: 1px solid var(--linea); color: var(--tinta-suave);}
.pie a{color: var(--tinta);}
.pie-legal{font-size: 13px;}
@media (max-width: 640px){.menu-lateral{padding-top: 88px;}}
@media (prefers-reduced-motion: reduce){.menu-lateral,.menu-velo{transition: none;}}
@media print{.saltar{display: none !important;}}
@media print{.wrap{max-width: none; padding: 0px;}}
.cabecera,.menu-lateral,.menu-velo,.pie,.saltar{--sombra-tarjeta: 0 1px 2px rgba(28, 26, 24, .06), 0 12px 32px rgba(28, 26, 24, .10);}
.cabecera,.menu-lateral,.menu-velo,.pie,.saltar{--sombra-tarjeta: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .35);}
.marca .marca-objeto{width: 1.15em; height: 1.15em; flex: 0 0 auto; display: block; overflow: visible;}
.huella[data-objeto]{overflow: visible;}
.cabecera,.menu-lateral,.menu-velo,.pie,.saltar{--sobre-acento: #1C1A18;}
.perfil-boton{margin-left: auto; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; flex: 0 0 auto; border: 1px solid var(--linea-control); background: var(--superficie); color: var(--tinta); text-decoration: none; transition: border-color 0.25s, background 0.25s;}
.perfil-boton + .menu-boton{margin-left: 10px;}
.perfil-boton[aria-current="page"]{border-color: var(--tinta);}
@media (hover: hover) and (pointer: fine){.perfil-boton:hover{border-color: var(--tinta);}}
.perfil-boton:focus-visible{outline: 2px solid var(--tinta); outline-offset: 3px;}
.perfil-boton svg{width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round;}
.perfil-boton span{font: 700 16px/1 var(--letra);}
.perfil-boton.con-inicial{background: var(--tinta); color: var(--papel); border-color: var(--tinta);}
.perfil-boton.con-huella{width: auto; gap: 6px; padding: 0px 16px; border-radius: 999px;}
.perfil-boton.con-huella svg{width: 32px; height: 32px; stroke: none;}
.perfil-boton.con-huella .huella-generica{width: 22px; height: 22px; margin-left: 6px; fill: var(--oliva);}
.perfil-boton.con-huella span{font: 600 14px var(--letra); white-space: nowrap;}
@media (max-width: 480px){.perfil-boton.con-huella{padding: 0px 14px;}}
.perfil-boton.con-huella{display: inline-flex; align-items: center; height: 40px;}
.menu-lateral{top: calc(var(--cab-alto, 76px) + 4px); right: 12px; bottom: auto; width: min(400px, 100% - 24px); max-height: calc(-96px + 100svh); padding: 12px; border: 0px; border-radius: 24px; box-shadow: 0 18px 48px rgba(28, 26, 24, .2), var(--sombra-tarjeta); transform: translateY(-8px) scale(0.98); opacity: 0; transform-origin: right top; transition: transform 0.25s, opacity 0.25s, visibility 0.25s;}
.menu-lateral.is-abierto{transform: none; opacity: 1; transition: transform 0.25s, opacity 0.25s;}
.menu-lateral .menu-fichas{list-style: none; margin: 0px; padding: 0px; display: grid; gap: 4px;}
.menu-lateral .menu-fichas li a{display: flex; align-items: center; justify-content: flex-start; gap: 14px; padding: 10px; border: 0px; border-radius: 16px; color: var(--tinta); text-decoration: none; font: inherit; letter-spacing: 0px;}
.menu-lateral .menu-fichas li a[aria-current="page"]{background: var(--papel); color: var(--tinta);}
@media (hover: hover) and (pointer: fine){.menu-lateral .menu-fichas li a:hover{background: var(--papel); color: var(--tinta);}}
.menu-ico{flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: color-mix(in srgb, var(--oliva) 12%, var(--superficie)); color: var(--oliva);}
.menu-ico svg{width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.menu-ico svg.huella{width: 34px; height: 34px; stroke: none;}
.menu-txt{display: grid; gap: 2px; min-width: 0px;}
.menu-txt b{font: 600 18px/1.2 var(--titular); letter-spacing: -0.01em;}
.menu-lateral .menu-fichas li a small,.menu-txt small{max-width: none; text-align: left; font: 400 14px/1.3 var(--letra); color: var(--tinta-suave);}
.menu-lateral .menu-fichas li a.menu-primera{background: var(--oliva); color: var(--papel); margin-bottom: 4px;}
.menu-lateral .menu-fichas li a.menu-primera small{color: color-mix(in srgb, var(--papel) 80%, transparent);}
.menu-lateral .menu-fichas li a.menu-primera .menu-ico{background: color-mix(in srgb, var(--papel) 16%, transparent); color: var(--papel);}
@media (hover: hover) and (pointer: fine){.menu-lateral .menu-fichas li a.menu-primera:hover{background: color-mix(in srgb, var(--oliva) 88%, var(--tinta)); color: var(--papel);}}
.menu-otros{display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 12px 10px 0px; padding-top: 12px; border-top: 1px solid var(--linea); font-size: 14px;}
.menu-otros a{color: var(--tinta-suave); text-decoration: none;}
.menu-otros a[aria-current="page"]{color: var(--tinta);}
@media (hover: hover) and (pointer: fine){.menu-otros a:hover{color: var(--tinta);}}
.menu-lateral .menu-pie{margin: 8px 10px 4px; font-size: 13px; line-height: 1.5;}
@media (prefers-reduced-motion: reduce){.menu-lateral,.menu-lateral.is-abierto{transition: none;}}
.cabecera,.menu-lateral,.menu-velo,.pie,.saltar{--papel: #F0EFEC; --papel-oscuro: #E6E4DF; --linea: #DDDAD3; --superficie: #FFFFFF; --salvia: #E2E4DC; --tinta: #1B1A18; --tinta-suave: #4A4741; --oliva: #404823; --acento: #F84E1E; --acento-texto: #B8360C; --titular: "General Sans",system-ui,sans-serif; --letra: "General Sans",system-ui,sans-serif; --mono: "General Sans",system-ui,sans-serif; --fondo: var(--papel); --texto: var(--tinta); --texto-suave: var(--tinta-suave); --boton: var(--acento); --boton-texto: #1B1A18; --sobre-acento: #1B1A18; --linea-control: rgba(27,26,24,.22); --linea-tono: var(--linea-control); --linea-suave: rgba(27,26,24,.12); --linea-media: rgba(27,26,24,.3); --hoja: rgba(240,239,236,.72); --hoja-borde: transparent; --sombra-tarjeta: 0 0 #0000; --mar: #E2E4DC; --tierra: #F0EFEC; --tierra-vecina: #E6E3DB; --costa: #C9C1AF; --ruta: var(--oliva); --ruta-texto: #F0EFEC; --ocre-texto: #B8360C; --vidrio: rgba(255,255,255,.55); --vidrio-luz: rgba(255,255,255,.95); --vidrio-filo: rgba(27,26,24,.1); --t-pequeno: 1rem; --t-texto: clamp(1.0625rem,1.025rem + .15vw,1.15625rem); --t-entrada: clamp(1.25rem,1.0625rem + .6vw,1.625rem); --t-titulo: clamp(2.125rem,1.625rem + 2.2vw,3.75rem); --t-grande: clamp(2.75rem,1.9rem + 3.6vw,5.25rem); --r-campo: 14px}
html[data-tono="noche"] .marca .marca-simbolo{content: normal;}
body:not(.portada) .cabecera{background: var(--hoja); border-bottom: 0px; backdrop-filter: blur(14px) saturate(1.4);}
.nav{max-width: 1180px; margin: 0px auto; padding: 16px 44px;}
.nav .marca{font: 600 22px/1 var(--titular); letter-spacing: -0.025em;}
.menu-boton,.perfil-boton{min-height: 44px; background: var(--vidrio); border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--vidrio-luz); color: var(--tinta); font: 600 var(--t-pequeno)/1 var(--letra);}
.menu-boton[aria-expanded="true"]{border-color: var(--linea-media);}
@media (hover: hover) and (pointer: fine){.menu-boton:hover{border-color: var(--linea-media);}}
.menu-lateral{background: rgba(255, 255, 255, 0.8); border: 1px solid var(--vidrio-filo); backdrop-filter: blur(18px) saturate(1.5); box-shadow: rgba(27, 26, 24, 0.16) 0px 18px 48px;}
.menu-lateral .menu-fichas li a[aria-current="page"]{background: var(--papel);}
@media (hover: hover) and (pointer: fine){.menu-lateral .menu-fichas li a:hover{background: var(--papel);}}
.menu-lateral:not(.is-abierto){display: none;}
.menu-ico{background: var(--papel); color: var(--tinta);}
.menu-txt b{font: 600 var(--t-texto)/1.2 var(--titular);}
.menu-lateral .menu-fichas li a small,.menu-txt small{font: 400 var(--t-pequeno)/1.3 var(--letra); color: var(--tinta-suave);}
.menu-lateral .menu-fichas li a.menu-primera{background: var(--acento); color: var(--sobre-acento);}
.menu-lateral .menu-fichas li a.menu-primera small{color: color-mix(in srgb,var(--sobre-acento) 78%,transparent);}
.menu-lateral .menu-fichas li a.menu-primera .menu-ico{background: color-mix(in srgb, rgb(255, 255, 255) 28%, transparent 72%); color: var(--sobre-acento);}
@media (hover: hover) and (pointer: fine){.menu-lateral .menu-fichas li a.menu-primera:hover{background: color-mix(in srgb,var(--acento) 88%,var(--tinta)); color: var(--sobre-acento);}}
.menu-otros{border-top: 0px; padding-top: 4px; font-size: var(--t-pequeno);}
.menu-lateral .menu-pie{font-size: var(--t-pequeno);}
.pie{border-top: 0px; font-size: var(--t-pequeno); background: transparent;}
.pie-marca .marca{font-size: 30px;}
.pie-marca p{font-family: var(--letra); font-size: var(--t-entrada); line-height: 1.32; color: var(--tinta);}
.pie h4,.pie .pie-titulo{font: 600 var(--t-pequeno)/1.2 var(--letra); color: var(--tinta);}
.pie-legal{border-top: 0px; padding-top: 0px; margin-top: clamp(40px, 5vw, 64px); font-size: var(--t-pequeno);}
.pie-legal a{text-decoration-color: var(--linea-media);}
@media (max-width: 760px){.nav{padding: 12px 20px;}}
.perfil-boton span{font-size: var(--t-pequeno);}
.pie-viajes{margin-bottom: clamp(40px, 6vw, 72px);}
.pie-viajes ul{list-style: none; margin: 14px 0px 0px; padding: 0px; display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 14px;}
.pie-viajes a{display: grid; gap: 8px; color: var(--tinta); text-decoration: none; font-weight: 600;}
.pie-viajes img{width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 14px; transition: transform 0.3s cubic-bezier(0.2, 0, 0.1, 1);}
@media (hover: hover) and (pointer: fine){.pie-viajes a:hover img{transform: scale(1.03);}}
@media (max-width: 900px){.pie-viajes ul{grid-template-columns: repeat(4, minmax(0px, 1fr));}}
@media (max-width: 520px){.pie-viajes ul{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px;}}
.marca .marca-simbolo,.marca .marca-objeto{display: none;}
.marca{gap: 0px;}
.cabecera,.menu-lateral,.menu-velo,.pie,.saltar{--t-pulsar: 140ms; --t-pasar: 180ms; --curva-salida: cubic-bezier(.23,1,.32,1);}
.menu-boton,.perfil-boton{transition: transform var(--t-pulsar) var(--curva-salida),background-color var(--t-pasar) ease,border-color var(--t-pasar) ease,
    color var(--t-pasar) ease,box-shadow var(--t-pasar) ease;}
.menu-boton:active,.perfil-boton:active{transform: scale(0.97);}
.menu-boton,.perfil-boton{border-color: var(--linea-control);}
.pie-grid a,.pie-legal a{display: inline-block; padding-block: 12px; margin-block: -12px;}
.cabecera,.menu-lateral,.menu-velo,.pie,.saltar{--mar: #D7DCD0;}
.menu-velo{transition: opacity 150ms;}
.menu-velo.is-on{transition: opacity 200ms;}
@media (prefers-reduced-motion: no-preference){.menu-lateral.is-abierto{transition: transform 200ms var(--curva-salida),opacity 200ms var(--curva-salida);}}
@media (max-width: 520px){.pie-viajes ul{grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 34%; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: -20px; padding-inline: 20px; scroll-padding-inline: 20px;}}
@media (max-width: 520px){.pie-viajes ul::-webkit-scrollbar{display: none;}}
@media (max-width: 520px){.pie-viajes li{scroll-snap-align: start;}}
.menu-lateral:focus{outline: none;}