@font-face{font-family:"Alfa Slab One";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/alfaslabone-400-latin-ext.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:"Alfa Slab One";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/alfaslabone-400-latin.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:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/manrope-400-latin-ext.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:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/manrope-400-latin.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}

:root{
  --ink:#0a0c12;--crimson:#d4142a;--terra:#e05020;--honey:#ffc44a;--gold:#ffd24a;
  --brass:#d4a03a;--ivory:#f6ead0;--denim:#2a62c8;--turf:#168a38;--amber:#ffb020;
  --wood:#2a1810;--stroke:#160806;--cta:#ffc44a;--cta-ink:#1a0a06;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--ink);color:var(--ivory);font-family:Manrope,system-ui,sans-serif;font-weight:500}
img{max-width:100%;height:auto;display:block}
a{color:var(--honey);text-decoration:none}
a:hover{color:#ffe08a}
.ep-skip{position:absolute;left:-999px}
.ep-skip:focus{left:8px;top:8px;z-index:80;background:var(--honey);color:var(--cta-ink);padding:8px 12px}

/* ===== HEADER ===== */
.ep-beam{display:flex;align-items:center;gap:12px;height:84px;padding:0 14px 0 8px;background:linear-gradient(180deg,#3a2416,#1a0e0a 70%);border-bottom:3px solid #c4842a;position:relative;z-index:20}
.ep-marca{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--gold);text-decoration:none;min-width:0}
.ep-marca img{width:72px;height:72px;max-width:none;flex:0 0 72px;border-radius:16px;border:3px solid var(--gold);box-shadow:0 0 0 2px #5a2a12,0 0 14px #ffb020aa;object-fit:cover;object-position:50% 30%;height:72px}
.ep-word{font-family:"Alfa Slab One",serif;font-size:50px;line-height:1;letter-spacing:.02em;color:var(--gold);
  text-shadow:0 2px 0 #160806,0 0 12px #ff9a1a88;-webkit-text-stroke:1px #160806;paint-order:stroke fill}
.ep-nav{display:flex;align-items:center;gap:6px;margin-left:auto;list-style:none;padding:0;flex:0 0 auto}
.ep-nav a{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 12px;border-radius:20px;background:#4a120c;border:1.5px solid #e05020;color:var(--ivory);font-weight:800;font-size:13px;letter-spacing:.03em}
.ep-nav a[aria-current="page"],.ep-nav a:hover{background:var(--crimson);border-color:var(--gold);color:#fff8e8}
.ep-nav svg{width:18px;height:18px;flex:0 0 18px}
.ep-osso{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border:none;cursor:pointer;
  background:radial-gradient(circle at 30% 30%,#ffe08a,var(--honey) 45%,#e09020);color:var(--cta-ink);
  font-family:"Alfa Slab One",serif;font-size:18px;letter-spacing:.04em;line-height:1;
  border-radius:32px 18px 32px 18px;box-shadow:0 0 0 3px #160806,0 0 0 5px #d4a03a,0 6px 0 #8a4a10,0 8px 16px #0008;
  text-decoration:none;white-space:nowrap;text-shadow:none}
.ep-osso:hover{filter:brightness(1.08);color:var(--cta-ink)}
.ep-beam .ep-osso{flex:0 0 auto;margin-left:10px;height:48px;font-size:16px;padding:0 18px}

/* ticker */
.ep-tick{height:26px;overflow:hidden;background:#6a0c12;border-bottom:2px solid var(--gold);color:var(--ivory);font-weight:700;font-size:13px;letter-spacing:.06em}
.ep-tick-track{display:flex;gap:48px;white-space:nowrap;animation:ep-marq 36s linear infinite;padding:4px 0}
.ep-tick b{color:var(--gold)}
@keyframes ep-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== A-FRAME PLAYFIELD (desktop fold) ===== */
.ep-play{position:relative;height:690px;background:#07080c url("/img/empena-cabana-quintal.webp") center / 100% 100% no-repeat;overflow:hidden}
.ep-slopes,.ep-stoops{display:contents}
.ep-h1{position:absolute;left:50%;top:0;transform:translateX(-50%);width:760px;margin:0;text-align:center;z-index:12;
  font-family:"Alfa Slab One",serif;line-height:.84;letter-spacing:.01em;text-transform:uppercase;
  color:#ffd34a;-webkit-text-fill-color:#ffd34a;-webkit-text-stroke:0;paint-order:normal;
  display:flex;flex-direction:column;align-items:center;gap:0;
  text-shadow:-4px 0 0 #140806,4px 0 0 #140806,0 -4px 0 #140806,0 4px 0 #140806,-3px -3px 0 #140806,3px 3px 0 #140806,-3px 3px 0 #140806,3px -3px 0 #140806,0 5px 0 #4a1408,0 0 16px #ff9a1acc}
.ep-h1 span,.ep-h1 .ep-h1-a,.ep-h1 .ep-h1-b{color:#ffd34a;-webkit-text-fill-color:#ffd34a;background:none;display:block;white-space:nowrap}
.ep-h1 .ep-h1-a{font-size:64px}
.ep-h1 .ep-h1-b{font-size:80px}
.ep-cta-ridge{position:absolute;left:50%;top:150px;transform:translateX(-50%);z-index:11}
.ep-vane{position:absolute;right:16px;top:10px;z-index:11;width:118px;height:118px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  background:radial-gradient(circle at 50% 40%,#ffe08a,#f0c44a 40%,#a86818 75%,#5a3a10);border:4px solid #5a2a10;border-radius:50%;
  box-shadow:0 0 0 3px #ffd24a,0 8px 18px #000a;color:#1a0a06;text-align:center;padding:10px 8px 14px}
.ep-vane strong{font-family:"Alfa Slab One",serif;font-size:22px;line-height:1;display:block}
.ep-vane small{font-weight:800;font-size:11px;line-height:1.2;display:block;margin-top:4px}

.ep-sky{position:absolute;z-index:6;width:168px;background:#120806;border:4px solid #f0c44a;border-radius:14px;
  box-shadow:0 0 0 2px #5a2a10,0 8px 16px #000a;overflow:hidden;text-decoration:none;color:var(--ivory)}
.ep-sky img{width:100%;height:100px;object-fit:cover;display:block}
.ep-sky figcaption,.ep-sky .ep-plq{display:block;margin:0;padding:4px 4px 6px;background:linear-gradient(180deg,#3a1a0c,#1a0a08);
  font-family:"Alfa Slab One",serif;font-size:15px;line-height:1.1;text-align:center;color:#ffe9b0;
  text-shadow:0 1px 0 #000;border-top:2px solid #c4842a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep-badge{position:absolute;top:8px;right:8px;z-index:2;background:var(--crimson);color:#fff8e8;font-weight:800;font-size:11px;letter-spacing:.08em;
  padding:3px 8px;border-radius:8px;border:2px solid var(--gold);box-shadow:0 2px 0 #160806}
.ep-badge.novo{background:#146a28;border-color:#8cff6a}

/* left slope, high to low (toward eave) */
.ep-sky-a{left:16.8%;top:88px;z-index:10}
.ep-sky-b{left:8.6%;top:230px;z-index:9}
.ep-sky-c{left:3.4%;top:372px;z-index:8}
.ep-sky-d{left:1.0%;top:514px;z-index:7}
/* right slope */
.ep-sky-e{right:16.8%;top:88px;left:auto;z-index:10}
.ep-sky-f{right:8.6%;top:230px;left:auto;z-index:9}
.ep-sky-g{right:3.4%;top:372px;left:auto;z-index:8}
.ep-sky-h{right:1.0%;top:514px;left:auto;z-index:7}

.ep-stoop{position:absolute;z-index:7;width:210px;background:#1a100c;border:4px solid #8a5a20;border-radius:8px;box-shadow:0 8px 16px #000a;overflow:hidden}
.ep-stoop img{width:100%;height:108px;object-fit:cover}
.ep-stoop p{margin:0;padding:6px 8px 8px;font-family:"Alfa Slab One",serif;font-size:22px;line-height:1.1;text-align:center;color:#ffe08a;background:#2a140c;border-top:2px solid #c4842a}
.ep-stoop-l{left:22%;bottom:8px}
.ep-stoop-r{right:22%;bottom:8px}

/* ===== BELOW-FOLD / INNER ===== */
.ep-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}
.ep-sec{margin:0 0 36px}
.ep-sec h2{font-family:"Alfa Slab One",serif;font-size:32px;color:var(--gold);margin:0 0 14px;text-shadow:0 2px 0 #000;-webkit-text-stroke:2px #160806;paint-order:stroke fill}
.ep-lead,.ep-sec p{font-size:17px;line-height:1.55;color:#f3e6c8}
.ep-grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}
.ep-card{background:#18100c;border:2px solid #8a5a20;border-radius:12px;padding:16px 18px}
.ep-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ep-spec{background:linear-gradient(180deg,#2a160e,#120a08);border:2px solid var(--brass);border-radius:12px;padding:14px;text-align:center}
.ep-spec b{display:block;font-family:"Alfa Slab One",serif;font-size:26px;color:var(--gold);line-height:1.1}
.ep-spec span{display:block;margin-top:6px;font-size:13px;font-weight:700;color:#e8d2a8}
.ep-note{font-size:13px;color:#c8b090;margin-top:10px}
.ep-faq details{background:#160e0a;border:1px solid #6a4a28;border-radius:10px;padding:10px 14px;margin:0 0 8px}
.ep-faq summary{font-weight:800;color:var(--gold);cursor:pointer}
.ep-crumb{font-size:13px;color:#c8b090;padding:12px 0}
.ep-hero-page{position:relative;min-height:280px;background:#100c0a}
.ep-hero-page img{width:100%;height:280px;object-fit:cover;filter:brightness(.72)}
.ep-hero-page h1{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:min(1100px,92%);margin:0;text-align:center;
  font-family:"Alfa Slab One",serif;font-size:44px;line-height:1;color:#ffd24a;-webkit-text-fill-color:#ffd24a;-webkit-text-stroke:0;
  text-shadow:-3px 0 0 #160806,3px 0 0 #160806,0 -3px 0 #160806,0 3px 0 #160806,0 4px 0 #5a1808}
.ep-hero-page h1 span{color:#ffd24a;-webkit-text-fill-color:#ffd24a;background:none}
.ep-fig{margin:0 0 18px}
.ep-fig figcaption{font-size:13px;color:#c8b090;margin-top:6px}
.ep-foot{background:#100806;border-top:3px solid #c4842a;padding:28px 16px 40px;font-size:14px;color:#d2c0a0}
.ep-foot nav{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 14px}
.ep-18{margin-top:10px;color:#e8d2a8}
.ep-comi{font-size:12px;color:#c8b090;margin:6px 0 0}
.ep-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}
.ep-osso-alt{background:radial-gradient(circle at 30% 30%,#ff8a6a,var(--crimson) 55%,#8a0c12);color:#fff8e8;box-shadow:0 0 0 3px #160806,0 0 0 5px #e05020,0 6px 0 #5a0808}

/* reviews hub */
.ep-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 16px}
.ep-tools input{flex:1 1 240px;height:44px;border-radius:10px;border:2px solid var(--brass);background:#120a08;color:var(--ivory);padding:0 12px;font:inherit;font-weight:700}
.ep-rooms{display:flex;flex-wrap:wrap;gap:8px}
.ep-rooms button{height:40px;padding:0 14px;border-radius:20px;border:2px solid #8a5a20;background:#2a140c;color:var(--ivory);font-weight:800;cursor:pointer}
.ep-rooms button[aria-pressed="true"]{background:var(--crimson);border-color:var(--gold)}
.ep-slips{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.ep-slip{background:#18100c;border:2px solid #8a5a20;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.ep-slip h3{margin:0;font-size:18px;color:var(--gold)}
.ep-slip .ep-roomtag{font-size:11px;font-weight:800;letter-spacing:.08em;color:#e8b44a;text-transform:uppercase}
.ep-more{display:block;margin:18px auto 0;height:48px;padding:0 22px;border-radius:24px;border:2px solid var(--gold);background:#2a140c;color:var(--gold);font-weight:800;cursor:pointer}
.ep-cover{width:100%;border-radius:12px;border:3px solid var(--brass);margin:0 0 16px}
.ep-laudo{display:grid;gap:14px}
.ep-laudo h2{font-size:26px}

/* inner lists */
.ep-ul{margin:0;padding:0 0 0 18px}
.ep-ul li{margin:0 0 8px;line-height:1.45}

@media (max-width:1100px){
  .ep-word{font-size:36px}
  .ep-marca img{width:64px;height:64px;flex-basis:64px}
  .ep-beam{height:76px}
  .ep-h1{font-size:56px;width:96%}
  .ep-specs{grid-template-columns:repeat(2,1fr)}
  .ep-grid2{grid-template-columns:1fr}
}
@media (max-width:900px){
  .ep-beam{height:auto;flex-wrap:wrap;padding:8px 10px;gap:8px}
  .ep-nav{order:3;width:100%;justify-content:flex-start;flex-wrap:wrap;margin:0}
  .ep-nav a{height:36px;font-size:12px;padding:0 10px}
  .ep-beam .ep-osso{margin-left:auto;height:40px;font-size:14px}
  .ep-play{height:auto;min-height:0;display:flex;flex-direction:column;align-items:center;padding:8px 8px 16px;background-size:cover;background-position:center top}
  .ep-h1,.ep-cta-ridge,.ep-vane,.ep-sky,.ep-stoop{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none}
  .ep-h1{width:100%;margin:6px 0;letter-spacing:0;transform:none}
  .ep-h1 .ep-h1-a{font-size:34px}
  .ep-h1 .ep-h1-b{font-size:44px}
  .ep-cta-ridge{transform:none;margin:8px 0}
  .ep-cta-ridge{margin:8px 0}
  .ep-vane{width:120px;height:120px;margin:8px auto}
  .ep-slopes{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;padding:8px 0}
  .ep-sky{width:100%}
  .ep-sky img{height:140px}
  .ep-stoops{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:8px}
  .ep-stoop{width:100%}
  .ep-hero-page h1{font-size:28px}
  .ep-hero-page img{height:200px}
}