@font-face{font-family:'Libre Franklin';font-style:italic;font-weight:400;font-display:swap;src:url(/fuentes/libre-franklin-400i.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}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fuentes/libre-franklin-400.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}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(/fuentes/saira-condensed-600.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}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(/fuentes/saira-condensed-800.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}

/* eastlondontriathletes.co.uk («Tri Almanac»): el plano del recorrido de la charla técnica.
   Agua de muelle + boya naranja sobre lámina gris verdosa; código de líneas: natación discontinua, bici continua, carrera punteada.
   Saira Condensed (titulares) + Libre Franklin (lectura). Ver DISENO.md. */
:root{
--agua:#20352F;--agua-2:#2C4840;--agua-cl:#DCE6E1;--lamina:#F2F4EF;--blanco:#FFFFFF;--linea:#D3D9D0;
--tinta:#17201C;--suave:#4D5A53;--boya:#F26A1B;--boya-osc:#B9470A;--calle:#1E6E9C;--chaleco:#E4F25A;
--f-tit:"Saira Condensed","Arial Narrow",system-ui,sans-serif;--f-txt:"Libre Franklin",system-ui,-apple-system,"Segoe UI",sans-serif;
--t0:1.09375rem;--t1:1.367rem;--t2:1.709rem;--t3:2.136rem;--t4:2.67rem;--t5:3.338rem;
--ancho:74rem;--lectura:42rem;--hueco:clamp(1rem,4vw,2rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
body{margin:0;background:var(--lamina);color:var(--tinta);font:400 var(--t0)/1.62 var(--f-txt);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--calle);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--calle);outline-offset:2px;border-radius:2px}
.divulga :focus-visible,.pie :focus-visible,.muelle :focus-visible,.salto:focus-visible{outline-color:var(--chaleco)}
::selection{background:var(--chaleco);color:var(--tinta)}
th,td,.cal-d,.mes-n{font-variant-numeric:tabular-nums lining-nums}
h1,h2,h3{font-family:var(--f-tit);font-weight:800;line-height:1.08;letter-spacing:-.01em;margin:0 0 .45em;text-wrap:balance}
h1{font-size:clamp(var(--t4),5.4vw,3.6rem)}
h2{font-size:clamp(var(--t2),3.2vw,var(--t4));margin-top:1.6em}
h3{font-size:var(--t1);font-weight:600;letter-spacing:0;margin-top:1.3em}
p{margin:0 0 1em}
.w{max-width:var(--ancho);margin:0 auto;padding:0 var(--hueco)}
.estrecho{max-width:calc(var(--lectura) + 2*var(--hueco))}
.salto{position:absolute;left:-999px;top:0;background:var(--agua);color:#fff;padding:.6em 1em;z-index:10}
.salto:focus{left:1rem}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Código de líneas del plano: natación discontinua, bici continua, carrera punteada */
.glifo{display:inline-block;width:2.4em;height:.5em;vertical-align:middle;flex:none}
.glifo line{stroke-width:3.5;stroke-linecap:round;fill:none}
.glifo.nado line{stroke:var(--calle);stroke-dasharray:9 6;stroke-linecap:butt}
.glifo.bici line{stroke:var(--boya)}
.glifo.carrera line{stroke:var(--tinta);stroke-dasharray:.1 7}
.glifo.prueba line{stroke:var(--agua);stroke-dasharray:14 4 3 4;stroke-linecap:butt}
.glifo.kit line{stroke:var(--suave);stroke-dasharray:3 3;stroke-linecap:butt}

/* Divulgación, siempre visible */
.divulga{margin:0;background:var(--tinta);color:#D9E2DC;font-size:.84rem;line-height:1.4;padding:.45rem 0}
.divulga .w{display:block}
.divulga a{color:#fff}

/* Cabecera */
.cab{background:var(--blanco);border-bottom:1px solid var(--linea);position:relative}
.cab-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.25rem}
.marca{font-family:var(--f-tit);font-weight:800;font-size:1.65rem;color:var(--tinta);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:.45rem}
.marca::before{content:"";width:1.05rem;height:1.05rem;border-radius:50%;background:var(--boya);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18);flex:none}
.marca em{font-style:normal;font-weight:600;color:var(--suave)}
.menu-b{display:none;font:600 1rem var(--f-txt);background:none;border:1.5px solid var(--tinta);color:var(--tinta);padding:.4rem .9rem;border-radius:3px;cursor:pointer}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.25rem 1.4rem;flex-wrap:wrap}
.nav a{font-family:var(--f-tit);font-weight:600;font-size:1.18rem;color:var(--tinta);text-decoration:none;padding:.35rem 0;display:inline-block;border-bottom:3px solid transparent}
.nav a:hover{border-bottom-color:var(--boya)}
.nav a[aria-current]{border-bottom-color:var(--agua)}
@media (max-width:960px){
 .cab-in{flex-wrap:wrap}
 .js .cab-in{flex-wrap:nowrap}
 .js .menu-b{display:block;min-height:2.75rem}
 .js .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--blanco);border-bottom:1px solid var(--linea);z-index:5;box-shadow:0 8px 18px -10px rgba(23,32,28,.35)}
 .js .nav.abierto{display:block}
 .js .nav ul{flex-direction:column;padding:.5rem var(--hueco) 1rem}
 .nav a{padding:.55rem 0}
}

/* Portada: campo de agua de muelle con el plano */
.muelle{background:var(--agua);color:#E6EEEA;padding:clamp(2rem,5vw,3.75rem) 0 clamp(2rem,5vw,3.5rem)}
.muelle-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.muelle h1{color:#fff;max-width:14ch}
.muelle .lead{font-size:var(--t1);line-height:1.5;color:#E6EEEA;max-width:34rem}
.muelle .meta{margin:.25rem 0 1.4rem}
.muelle-b{display:flex;flex-wrap:wrap;gap:.75rem;margin:0}
.btn-muelle{display:inline-block;font-family:var(--f-tit);font-weight:600;font-size:1.15rem;padding:.55rem 1.1rem;border-radius:3px;text-decoration:none;color:var(--tinta);background:var(--boya)}
.btn-muelle+.btn-muelle{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px #E6EEEA}
.btn-muelle:hover{background:#FF8640}
.btn-muelle+.btn-muelle:hover{background:var(--agua-2)}
.sello{display:inline-block;font-size:.84rem;font-weight:600;background:var(--chaleco);color:var(--tinta);padding:.15rem .55rem;border-radius:2px}
.plano{margin:0}
.plano>svg{width:100%;height:auto;display:block}
.pl-agua{fill:#2D5A55}
.pl-rejilla line{stroke:#3B6B65;stroke-width:1}
.pl-ruta{fill:none;stroke-width:5;stroke-linejoin:round;stroke-linecap:round}
.pl-ruta.nado{stroke:#BFE3F5;stroke-dasharray:12 8;stroke-linecap:butt}
.pl-ruta.bici{stroke:var(--boya)}
.pl-ruta.carrera{stroke:#F2F4EF;stroke-dasharray:.1 10;stroke-width:7}
.pl-boya{fill:var(--boya);stroke:#20352F;stroke-width:2}
.pl-t{fill:#20352F;stroke:#E6EEEA;stroke-width:2}
.pl-meta{stroke:var(--chaleco);stroke-width:6}
.pl-txt{fill:#fff;font:800 22px var(--f-tit);text-anchor:middle}
.pl-pq{font-size:15px;font-weight:600;fill:#C9D8D1}
.pl-tt{font-size:16px}
.pl-izq{text-anchor:start}
.plano figcaption{display:flex;flex-wrap:wrap;gap:.35rem 1.2rem;margin-top:.8rem;font-size:.9rem;color:#E6EEEA}
.plano figcaption span{display:inline-flex;align-items:center;gap:.45rem}
.plano .glifo.nado line{stroke:#BFE3F5}
.plano .glifo.carrera line{stroke:#F2F4EF}
.plano .pl-nota{flex-basis:100%;color:#B8C9C1;font-size:.82rem}
/* Una sola animación: el recorrido se dibuja de la salida a la meta */
@keyframes trazo{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.js .plano .pl-ruta.nado{animation:trazo .9s cubic-bezier(.22,1,.36,1) .1s both}
.js .plano .pl-ruta.bici{animation:trazo 1.1s cubic-bezier(.22,1,.36,1) .7s both}
.js .plano .pl-ruta.carrera{animation:trazo .9s cubic-bezier(.22,1,.36,1) 1.5s both}

/* Secciones de portada */
.sec{padding:clamp(2.25rem,5vw,3.75rem) 0}
.sec>.w>h2:first-child,.sec .estrecho>h2:first-child{margin-top:0}
.sec-i{color:var(--suave);max-width:44rem;margin-bottom:1.5rem}
.nota-fuente{font-size:.86rem;color:var(--suave);margin-top:.9rem;max-width:52rem}
.sec+.sec{border-top:1px solid var(--linea)}
.sec-cal{background:var(--blanco)}
.sec-kit{background:var(--agua-cl)}
.sec-texto{background:var(--blanco)}

/* Tablas */
.tabla{overflow-x:auto;border:1px solid var(--linea);border-radius:3px;background:var(--blanco);margin:1.25rem 0 1.5rem}
.tabla:focus-visible{outline-offset:3px}
table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.45}
th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--linea);vertical-align:top}
thead th{background:var(--agua);color:#fff;font-family:var(--f-tit);font-weight:600;font-size:1.02rem;white-space:nowrap}
thead th .glifo.nado line{stroke:#BFE3F5}
thead th .glifo.carrera line{stroke:#fff}
tbody tr:last-child>*{border-bottom:0}
tbody th{font-weight:600}
.escalera tbody th a{font-family:var(--f-tit);font-weight:800;font-size:1.2rem;color:var(--tinta);text-decoration-color:var(--boya)}
.escalera td:last-child{font-family:var(--f-tit);font-weight:600;font-size:1.15rem}

/* Calendario 2027: doce meses en fila */
.calendario{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));border-top:3px solid var(--agua)}
.mes{border-left:1px solid var(--linea);padding:.5rem .45rem 1rem;min-height:9rem}
.mes:first-child{border-left:0}
.mes-n{display:block;font-family:var(--f-tit);font-weight:600;color:var(--suave);font-size:1rem}
.mes.con{background:linear-gradient(var(--agua-cl),var(--agua-cl)) top/100% 4px no-repeat}
.mes.con .mes-n{color:var(--tinta);font-weight:800}
.mes ul{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.7rem}
.mes ul a{display:block;font-size:.86rem;line-height:1.3;font-weight:600;color:var(--tinta);text-decoration:none}
.mes ul a:hover{text-decoration:underline;text-decoration-color:var(--boya)}
.cal-d{display:block;font-family:var(--f-tit);font-weight:800;font-size:1.05rem;color:var(--boya-osc)}
.cal-l{display:block;font-size:.78rem;color:var(--suave);line-height:1.3}
@media (max-width:1100px){
 .calendario{grid-template-columns:repeat(6,minmax(0,1fr))}
 .mes:nth-child(7){border-left:0}
 .mes:nth-child(n+7){border-top:1px solid var(--linea)}
}
@media (max-width:640px){
 .calendario{grid-template-columns:1fr;border-top-width:2px}
 .mes{border-left:0;border-top:1px solid var(--linea);min-height:0;display:grid;grid-template-columns:3rem 1fr;gap:.5rem;padding:.55rem 0}
 .mes:not(.con){display:none}
 .mes ul{margin:0}
}

/* Pasos: secuencia real */
.pasos{list-style:none;margin:0;padding:0;counter-reset:paso;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2rem}
.pasos li{counter-increment:paso;position:relative;padding:1rem 0 1.1rem 3.2rem;border-top:1px solid var(--linea)}
.pasos li::before{content:counter(paso);position:absolute;left:0;top:.85rem;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--boya);color:var(--tinta);font:800 1.25rem/2.3rem var(--f-tit);text-align:center}
.pasos a{font-family:var(--f-tit);font-size:1.3rem;color:var(--tinta);text-decoration-color:var(--boya)}
.pasos span{display:block;color:var(--suave);font-size:.95rem;margin-top:.15rem}
@media (max-width:900px){.pasos{grid-template-columns:1fr}}

/* Listas de páginas con su línea */
.lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem}
.lista li{border-top:1px solid var(--linea)}
.lista a{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 0;text-decoration:none;color:var(--tinta)}
.lista .glifo{margin-top:.75rem}
.lp-t strong{display:block;font-family:var(--f-tit);font-weight:800;font-size:1.3rem;line-height:1.15}
.lp-t span{display:block;color:var(--suave);font-size:.93rem;margin-top:.2rem}
.lista a:hover strong{text-decoration:underline;text-decoration-color:var(--boya);text-decoration-thickness:2px;text-underline-offset:.2em}
@media (max-width:760px){.lista{grid-template-columns:1fr}}

/* Material en orden de transición */
.transicion{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.tramo{background:var(--blanco);border-radius:3px;padding:1rem 1.2rem 1.2rem;position:relative}
.tramo-n{display:flex;align-items:center;gap:.6rem;font-family:var(--f-tit);font-weight:800;font-size:1.35rem;margin-bottom:.4rem}
.tramo ul{margin:0;padding-left:1.1rem}
.tramo li{margin:.3rem 0}
.tramo a{font-weight:600}
@media (min-width:901px){.tramo+.tramo::before{content:"";position:absolute;left:-1.5rem;top:50%;width:1.5rem;border-top:3px dotted var(--agua)}}
@media (max-width:900px){.transicion{grid-template-columns:1fr}}

/* Interior: cabecera */
.pg-cab{background:var(--blanco);border-bottom:1px solid var(--linea);padding:clamp(1.25rem,3vw,2.25rem) 0 clamp(1.5rem,3vw,2.25rem)}
.pg-cab-in{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}
.con-foto .pg-cab-in{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.pg-cab-f img{border-radius:3px;aspect-ratio:3/2;object-fit:cover;width:100%}
.credito{font-size:.75rem;color:var(--suave);margin:.4rem 0 0}
.credito a{color:inherit}
.migas ol{list-style:none;margin:0 0 .9rem;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .5rem;font-size:.86rem;color:var(--suave)}
.migas li+li::before{content:"/";margin-right:.5rem;color:var(--linea)}
.migas a{color:var(--suave)}
.pg-sec{display:flex;align-items:center;gap:.55rem;margin:0 0 .5rem;font-family:var(--f-tit);font-weight:600;font-size:1.05rem;color:var(--suave)}
.pg-cab .lead{font-size:var(--t1);line-height:1.5;color:var(--tinta);max-width:40rem}
.pg-cab .meta{margin:0}
@media (max-width:860px){.con-foto .pg-cab-in{grid-template-columns:1fr}.pg-cab-f{order:-1}}

/* Leyenda del recorrido: índice horizontal unido por la línea de la sección */
.leyenda{background:var(--lamina);border-bottom:1px solid var(--linea)}
.leyenda .w{display:flex;align-items:center;gap:1rem;padding-top:.7rem;padding-bottom:.7rem;overflow-x:auto;scrollbar-width:thin}
.leyenda-t{font-family:var(--f-tit);font-weight:800;white-space:nowrap}
.leyenda ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0}
.leyenda li{display:flex;align-items:center;white-space:nowrap;font-size:.9rem}
.leyenda li+li::before{content:"";width:2.2rem;margin:0 .55rem;border-top:3px solid var(--agua)}
.leyenda.nado li+li::before{border-top:3px dashed var(--calle)}
.leyenda.bici li+li::before{border-top-color:var(--boya)}
.leyenda.carrera li+li::before{border-top:4px dotted var(--tinta)}
.leyenda.kit li+li::before{border-top:3px dashed var(--suave)}
.leyenda a{color:var(--tinta);text-decoration:none;font-weight:600}
.leyenda a:hover{color:var(--calle);text-decoration:underline}

/* Interior: columna de lectura + lateral */
.pg{display:grid;grid-template-columns:minmax(0,var(--lectura)) minmax(16rem,20rem);gap:clamp(2rem,5vw,4.5rem);padding-top:2rem;padding-bottom:3rem;justify-content:space-between}
.pg-una{max-width:calc(var(--lectura) + 2*var(--hueco));padding-top:2rem;padding-bottom:3rem}
.lat{display:flex;flex-direction:column;gap:1.5rem}

@media (max-width:960px){.pg{grid-template-columns:minmax(0,1fr)}.lat{order:-1}}
.prosa>:first-child{margin-top:0}
.prosa h2{padding-top:.2rem}
.prosa ul,.prosa ol{padding-left:1.25rem;margin:0 0 1.1em}
.prosa li{margin:.35em 0}
.prosa li::marker{color:var(--boya-osc)}
.prosa strong{font-weight:600}
.nota{display:block;background:var(--agua-cl);padding:1rem 1.2rem;border-radius:3px;margin:1.5rem 0;font-size:.98rem}
.nota>:last-child{margin-bottom:0}
.aviso-af{font-size:.88rem;color:var(--suave);border-bottom:1px solid var(--linea);padding-bottom:1rem;margin-bottom:1.6rem}

/* Franja de datos (pruebas y sedes) */
.franja{background:var(--agua);color:#E6EEEA;border-radius:3px;padding:1.1rem 1.2rem 1rem}
.franja-t{display:flex;align-items:center;gap:.55rem;font-family:var(--f-tit);font-weight:800;font-size:1.3rem;color:#fff;margin:0 0 .6rem}
.franja .glifo.nado line{stroke:#BFE3F5}
.franja .glifo.carrera line,.franja .glifo.prueba line{stroke:#F2F4EF}
.franja dl{margin:0}
.franja dl div{padding:.5rem 0;border-top:1px solid #3B5A51}
.franja dt{font-size:.8rem;color:#B8C9C1}
.franja dd{margin:0;font-weight:600;font-size:.97rem;line-height:1.4}
.franja a{color:#fff}
.franja-n{font-size:.78rem;color:#B8C9C1;margin:.6rem 0 0}

/* Caja de tienda (material) */
.tienda{background:var(--blanco);border:1px solid var(--linea);border-top:4px solid var(--boya);border-radius:3px;padding:1.1rem 1.2rem}
.tienda-t{font-family:var(--f-tit);font-weight:800;font-size:1.3rem;margin:0 0 .3rem}
.tienda p{font-size:.93rem}
.tienda ul{list-style:none;margin:0 0 .7rem;padding:0;display:grid;gap:.55rem}
.tienda-n{font-size:.78rem;color:var(--suave);margin:0}
.btn-go{display:inline-block;background:var(--boya);color:var(--tinta);font-family:var(--f-tit);font-weight:600;font-size:1.08rem;line-height:1.25;padding:.6rem 1rem;border-radius:3px;text-decoration:none}
.btn-go:hover{background:#FF8640;text-decoration:none}
.btn-go.sin-comision{background:transparent;box-shadow:inset 0 0 0 1.5px var(--tinta)}
.btn-go.sin-comision:hover{background:var(--agua-cl)}
.nota-btn{display:block;font-size:.78rem;color:var(--suave);margin-top:.3rem}
.btn-ancho{display:block;text-align:center}

/* Preguntas frecuentes */
.faq details{border-top:1px solid var(--linea)}
.faq details:last-child{border-bottom:1px solid var(--linea)}
.faq summary{cursor:pointer;font-weight:600;padding:.9rem 2rem .9rem 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:.3rem;top:1.25rem;width:.55rem;height:.55rem;border-right:2px solid var(--tinta);border-bottom:2px solid var(--tinta);transform:rotate(45deg);transition:transform .2s ease-out}
.faq details[open] summary::after{transform:rotate(225deg);top:1.5rem}
.faq details p{margin:0 0 1rem;color:var(--tinta)}

/* Fuentes */
.fuentes{margin-top:2.5rem;padding-top:1rem;border-top:3px solid var(--agua)}
.fuentes h2{font-size:var(--t2);margin-top:0}
.fuentes ul{padding-left:1.1rem;font-size:.9rem;color:var(--suave)}
.fuentes li{margin:.35rem 0}

/* Relacionadas */
.sec-rel{background:var(--blanco);border-top:1px solid var(--linea)}
.sec-rel h2{margin-top:0}

/* Huecos de anuncio previstos (ocultos hasta activar AdSense: "anuncios": true en config.json) */
.hueco-anuncio{display:none}
.ads-on .hueco-anuncio{display:block;min-height:280px;margin:2rem 0;background:var(--blanco);border:1px dashed var(--linea);border-radius:3px}
.ads-on .pie+.hueco-anuncio,.ads-on main+.w .hueco-anuncio{min-height:250px}

/* Pie */
.pie{background:var(--agua);color:#D2DED8;margin-top:0;padding:3rem 0 1.5rem;font-size:.93rem}
.pie-in{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(5,minmax(0,1fr));gap:2rem}
.pie .marca{color:#fff}
.pie .marca em{color:#B8C9C1}
.pie-m p{margin-top:.8rem;max-width:30rem;color:#C5D3CC}
.pie a{color:#fff}
.pie nav strong{display:block;font-family:var(--f-tit);font-size:1.1rem;color:#fff;margin-bottom:.4rem}
.pie nav ul{list-style:none;margin:0;padding:0}
.pie nav li{margin:.3rem 0}
.pie nav a{color:#D2DED8;text-decoration:none}
.pie nav a:hover{color:#fff;text-decoration:underline}
.pie-b{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-top:2.5rem;padding-top:1rem;border-top:1px solid #3B5A51;font-size:.82rem;color:#B8C9C1}
.pie-b span:last-child{display:flex;gap:1.2rem;flex-wrap:wrap}
@media (max-width:1000px){.pie-in{grid-template-columns:repeat(3,minmax(0,1fr))}.pie-m{grid-column:1/-1}}
@media (max-width:560px){.pie-in{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Portada en móvil */
@media (max-width:900px){
 .muelle-in{grid-template-columns:1fr}
 .muelle h1{max-width:none}
}
@media print{.divulga,.cab,.leyenda,.pie,.lat,.sec-rel,.hueco-anuncio{display:none}body{background:#fff}}