/* El Faro · tema nuevo para las páginas con estilo propio (Tarifas, Reservar, Mi reserva, Condiciones).
   Las tipografías antiguas se redirigen a las nuevas y los colores pasan a azul marino, dorado y turquesa. */
@font-face{font-family:"Cormorant Garamond";font-weight:300 500;font-display:swap;src:url(/assets/fonts/playfair-display-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:600 900;font-display:swap;src:url(/assets/fonts/playfair-display-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-display:swap;src:url(/assets/fonts/playfair-display-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-weight:100 400;font-display:swap;src:url(/assets/fonts/montserrat-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-weight:500;font-display:swap;src:url(/assets/fonts/montserrat-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-weight:600 900;font-display:swap;src:url(/assets/fonts/montserrat-latin-600-normal.woff2) format("woff2")}
:root{--ivory:#F7F2E9;--linen:#FFFDF8;--sand:#EFE6D5;--forest:#0F2340;--moss:#17325A;--gold:#B8903C;--gold-l:#E7C77A;--ink:#0F2340;--mute:#5E6678;--line:#E3D6BF;--turq:#1B9AA6}
body{font-weight:400!important}
h1,h2,h3{font-weight:700;letter-spacing:.005em}
h1,h2{text-transform:uppercase}
h1 em,h2 em{font-style:normal;background:linear-gradient(180deg,#F3D891 0%,#D6AE5A 45%,#A97F2C 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{border-radius:999px;font-weight:700;letter-spacing:.12em}
.btn.gold{background:linear-gradient(180deg,#F3D891 0%,#D6AE5A 45%,#A97F2C 100%);color:#0F2340;border-color:transparent}
.card,.list,.info,.box,.panel{border-radius:16px}
/* cabecera y pie como en el resto de la web (solo afecta a páginas con este menú) */
nav{background:rgba(15,35,64,.97);color:#fff;border-bottom:1px solid rgba(231,199,122,.22)}
nav .brand{color:#fff;font-weight:900;text-transform:uppercase;font-size:1.25rem}
nav .brand small{color:#E7C77A;font-weight:600}
nav .lk{color:rgba(255,255,255,.85)}
body.fm-open nav{background:#0F2340}
header.top{background:#0F2340}
header.top h1{color:#fff;font-weight:900}
.final{background:radial-gradient(120% 120% at 15% 0%,#17325A 0%,#0F2340 60%)}
footer{background:#0F2340;color:rgba(255,255,255,.72);border-top:3px solid #B8903C}
footer a{color:rgba(255,255,255,.88)}
.dock{background:#0F2340;border-top:2px solid #B8903C}
.dock a.y{background:linear-gradient(180deg,#F3D891 0%,#D6AE5A 45%,#A97F2C 100%);color:#0F2340}
@media(max-width:560px){nav .brand{font-size:1.05rem;letter-spacing:.02em}nav .brand small{letter-spacing:.2em;font-size:.5rem}nav .wrap{gap:10px}}
/* editorial: títulos finos */
@font-face{font-family:"Playfair";font-weight:400;font-display:swap;src:url(/assets/fonts/playfair-display-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair";font-weight:400;font-style:italic;font-display:swap;src:url(/assets/fonts/playfair-display-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:300 500;font-display:swap;src:url(/assets/fonts/playfair-display-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-display:swap;src:url(/assets/fonts/playfair-display-latin-400-italic.woff2) format("woff2")}
h1,h2{text-transform:none;font-weight:400;letter-spacing:-.01em}
h1 em,h2 em{font-style:italic}
h1,h2,.card h3{font-weight:400!important;text-transform:none!important}
.top:before{background:linear-gradient(180deg,rgba(10,24,46,.55),rgba(10,24,46,.93))!important}
.app{background:linear-gradient(135deg,#0F2340,#17325A)!important}
.card{box-shadow:0 14px 34px -22px rgba(15,35,64,.4)}
.faq{max-width:900px}
.faq details{background:#FFFDF8;border:1px solid #E3D6BF;border-radius:12px;margin-bottom:10px}
.faq summary{cursor:pointer;list-style:none;padding:20px 24px;font-family:"Playfair",Georgia,serif;font-size:1.15rem;display:flex;justify-content:space-between;gap:20px;color:#0F2340}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:#B8903C;font-weight:700}
.faq details[open] summary:after{content:"–"}
.faq details p{padding:0 24px 22px;color:#5E6678;margin:0}
.backlink{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:9px 16px;border-radius:999px;background:rgba(15,35,64,.55);border:1px solid rgba(231,199,122,.55);color:#fff!important;font:600 .7rem/1 Montserrat,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.backlink:hover{background:#B8903C;border-color:#B8903C}
.backlink.abs{position:absolute;left:max(16px,env(safe-area-inset-left,0px));top:14px;margin:0;z-index:5}
@media(max-width:560px){.backlink.abs{font-size:0;gap:0;padding:10px}.backlink.abs svg{width:16px;height:16px}}
.backlink{width:fit-content;align-self:flex-start}

/* Legibilidad del dorado (oct 2026) */
h1 em,h2 em{background:linear-gradient(180deg,#C99A45 0%,#A47A2C 55%,#83601F 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
header.top h1 em,.final h2 em,.hero h1 em,.dark h2 em{background:linear-gradient(180deg,#FCE9B4 0%,#F0CF7E 48%,#D9AE55 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 1px rgba(5,14,30,.6)) drop-shadow(0 2px 3px rgba(5,14,30,.45))}