/*
Theme Name: Hay Olor a Gol V5 Menu Móvil
Author: Hay Olor a Gol
Description: Conversión WordPress fiel a la demo V3 aprobada.
Version: 5.0
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f2ec;color:#151515;font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{max-width:1220px;margin:auto;padding:0 28px}header{position:sticky;top:0;z-index:20;background:#111;color:#fff}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.logo{font:700 21px/.74 Georgia,serif}.logo b,.eyebrow,em{color:#df343b}nav{display:flex;gap:28px;font-size:10px;letter-spacing:1.5px}nav a:hover{color:#df343b}.hero{min-height:690px;color:#fff;position:relative;background:linear-gradient(90deg,rgba(12,12,12,.95),rgba(12,12,12,.65) 42%,rgba(12,12,12,.18)),linear-gradient(135deg,#191919,#702a30 58%,#171717)}.placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#aaa;letter-spacing:2px;font-size:9px}.hero-copy{position:relative;z-index:2;padding:115px 0 90px;max-width:760px}.eyebrow{font-size:10px;letter-spacing:3px}.hero h1{font:62px/.94 Georgia,serif;margin:20px 0}.hero p{font:20px/1.4 Georgia,serif;max-width:570px}.actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-block;padding:14px 21px;border:1px solid currentColor;font-size:10px;letter-spacing:1.4px}.btn.red{background:#df343b;border-color:#df343b;color:#fff}section{padding:72px 0}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.head h2,.page-title{font:42px Georgia,serif;margin:0}.head h2:after{content:'';display:inline-block;width:45px;height:2px;background:#df343b;margin:0 0 8px 14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.sixcard{height:390px;background:#222;color:#fff;position:relative;padding:27px;display:flex;align-items:end;overflow:hidden}.card:nth-child(2){background:#254b68}.card:nth-child(3){background:#5b4032}.card:after,.sixcard:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86))}.cardbody,.sixcard>div:last-child{position:relative;z-index:2}.card h3,.sixcard h3{font:29px/.98 Georgia,serif;margin:0 0 10px}.events{display:grid}.event{display:grid;grid-template-columns:230px 1fr 160px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #d8d3cb}.event .date{font-size:12px;font-weight:bold}.event .title{font:24px Georgia,serif}.event small{color:#6f6a63}.about{background:#e9e3d9}.aboutgrid{display:grid;grid-template-columns:1fr 1fr}.photo{min-height:430px;background:#292929;color:#aaa;display:grid;place-items:center}.aboutcopy{padding:65px}.aboutcopy h2{font:42px Georgia,serif}.press{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.press>div{height:180px;background:#333;color:#fff;position:relative;display:grid;place-items:end;padding:20px;text-align:center}.press>div:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.4)}.press span{position:relative;z-index:2;font:700 18px Georgia,serif}.press small{display:block;font:italic 12px Georgia;margin-top:8px}.cta{background:#171717;color:#fff;text-align:center;padding:70px 30px}.footer{background:#0b0b0b;color:#aaa;padding:35px 0;font-size:10px}.footergrid{display:flex;justify-content:space-between}.pagehero{background:#171717;color:#fff;padding:80px 0}.pagehero h1{font:58px Georgia,serif}.intro{font:18px/1.65 Georgia,serif;max-width:820px}.sixgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detailgrid{display:grid;grid-template-columns:2fr 1fr;gap:42px}.detail h2{font:32px Georgia,serif;margin-top:38px}.detail p{font-size:16px;line-height:1.7}.sidebar{background:#fff;padding:28px;height:max-content}.facts div{padding:12px 0;border-bottom:1px solid #ddd;font-size:12px}.gallery,.groupgallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery div,.groupgallery div{height:170px;background:#292929;color:#aaa;display:grid;place-items:center;font-size:9px}.people{display:grid;grid-template-columns:1fr 1fr;gap:20px}.person{background:#fff;padding:25px}.portrait{height:320px;background:#292929;color:#aaa;display:grid;place-items:center}.person h3{font:29px Georgia,serif}.person p{font-size:14px;line-height:1.6}@media(max-width:800px){nav{display:none}.wrap{padding:0 20px}.hero h1{font-size:45px}.cards,.sixgrid,.detailgrid,.aboutgrid,.people{grid-template-columns:1fr}.event{grid-template-columns:1fr}.press{grid-template-columns:1fr 1fr}.gallery,.groupgallery{grid-template-columns:1fr 1fr}.footergrid{flex-direction:column;gap:20px}.aboutcopy{padding:45px 25px}}
.hero-slide{display:none;min-height:690px;position:relative;background-size:cover;background-position:center}
.hero-slide.active{display:block}.slider-dots{background:#111;color:#aaa;text-align:center;padding:12px;font-size:10px;letter-spacing:1px;cursor:pointer}
.slider-dots span{padding:0 5px}.hero em{font-style:normal}.admin-note{font-size:12px;color:#777;margin-top:12px}
@media(max-width:800px){.actions{flex-wrap:wrap}}

.thumb{position:absolute;inset:0;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.card .thumb:after,.sixcard .thumb:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86))}.sixcard .thumb:after{inset:35% 0 0}.cardbody,.sixcard>div:last-child{position:relative;z-index:3}

.showhero{background-size:cover;background-position:center;position:relative;overflow:hidden}.showhero .wrap{position:relative;z-index:1}.show-poster{margin:-5px -5px 25px;background:#111;padding:0}.poster-img{display:block;width:100%;height:auto}.gallery a{display:block;height:220px;overflow:hidden;background:#292929}.gallery a img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.gallery a:hover img{transform:scale(1.03)}

/* Front-end cleanup */
#wpadminbar{display:none!important}.admin-bar header{top:0!important}


/* HOG V5: navegación responsive accesible */
.hog-site-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hog-site-nav .logo{flex:0 0 auto;display:block;position:relative;z-index:52}
.hog-site-nav #hog-primary-navigation{display:block;margin-left:auto}
.hog-site-nav #hog-primary-navigation ul.menu,
.hog-site-nav #hog-primary-navigation .menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:28px}
.hog-site-nav #hog-primary-navigation li{list-style:none;margin:0;padding:0}
.hog-site-nav #hog-primary-navigation a{display:block;color:#fff;text-decoration:none;font-family:Montserrat,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.4px;line-height:1.4;padding:12px 0}
.hog-site-nav #hog-primary-navigation a:hover,
.hog-site-nav #hog-primary-navigation a:focus-visible{color:#ed343b}
.hog-menu-toggle{display:none;appearance:none;border:0;background:transparent;color:#fff;width:44px;height:44px;padding:10px;cursor:pointer;position:relative;z-index:53;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.hog-menu-toggle span{display:block;width:24px;height:2px;min-height:2px;background:#fff;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.hog-menu-toggle:focus-visible{outline:2px solid #ed343b;outline-offset:3px}
@media(max-width:800px){
  .hog-site-nav{height:76px;min-height:76px;padding-left:20px;padding-right:20px}
  .hog-menu-toggle{display:flex;flex:0 0 44px}
  .hog-site-nav #hog-primary-navigation{display:none;position:absolute;top:100%;left:0;right:0;width:100%;margin:0;padding:8px 20px 18px;background:#111;border-top:1px solid #2c2c2c;box-shadow:0 12px 20px rgba(0,0,0,.25);z-index:51}
  .hog-site-nav.hog-menu-open #hog-primary-navigation{display:block}
  .hog-site-nav #hog-primary-navigation ul.menu,
  .hog-site-nav #hog-primary-navigation .menu{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}
  .hog-site-nav #hog-primary-navigation li{width:100%;border-bottom:1px solid #292929}
  .hog-site-nav #hog-primary-navigation li:last-child{border-bottom:0}
  .hog-site-nav #hog-primary-navigation a{font-size:12px;padding:15px 4px;line-height:1.4}
  .hero,.hero-slide{min-height:560px}
  .hero-copy{padding:70px 0 60px}
  .hero h1{font-size:clamp(34px,8vw,46px);line-height:1.02;overflow-wrap:anywhere}
  .hero p{font-size:17px}
  .actions{gap:10px}
  .btn{max-width:100%;white-space:normal;text-align:center}
  .head h2,.page-title{font-size:clamp(29px,7vw,38px)}
  .pagehero h1{font-size:clamp(36px,9vw,48px);overflow-wrap:anywhere}
}
@media(max-width:420px){
  .hog-site-nav .logo{font-size:19px}
  .hero-copy{padding-top:55px}
  .hero h1{font-size:34px}
  .actions .btn{font-size:9px;padding:12px 13px}
}