/* STRAGOS BLACK SHEEP — sitio estático, sin dependencias externas */
:root{color-scheme:dark;--bg:#10100f;--panel:#1d1b19;--panel2:#26221d;--gold:#dbac55;--gold-light:#f4cd7d;--ink:#f5efe4;--muted:#b8b0a4;--stroke:rgba(235,189,101,.22);--display:Impact,'Arial Narrow','Franklin Gothic Medium',sans-serif;--body:Arial,'Helvetica Neue',Helvetica,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:var(--gold);color:#10100f}:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}.wrap{width:min(1190px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;z-index:999;top:-80px;left:20px;padding:12px 18px;background:var(--gold);color:#10100f}.skip-link:focus{top:10px}
/* Navegación */
.site-header{position:sticky;top:0;z-index:100;min-height:88px;background:rgba(15,15,14,.94);border-bottom:1px solid var(--stroke);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .25s,box-shadow .25s}.site-header.scrolled{background:#11100f;box-shadow:0 10px 30px #0006}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:flex;align-items:center;gap:13px;flex:0 0 auto}.identity-emblem{border:1px solid var(--gold);color:var(--gold);height:50px;width:50px;display:flex;align-items:center;justify-content:center;gap:1px;transform:rotate(-6deg);font-family:var(--display);font-size:19px;letter-spacing:-2px}.identity-emblem span:nth-child(2){transform:translateY(-3px);color:#fff}.identity-words strong{display:block;font:24px/.95 var(--display);letter-spacing:1px;white-space:nowrap}.identity-words strong span{color:var(--gold)}.identity-words small{display:block;margin-top:7px;color:#bdb4a7;font-size:9px;letter-spacing:2px;font-weight:700}.navigation{display:flex;align-items:center;gap:clamp(11px,1.4vw,24px)}.navigation a{font-size:12px;line-height:1.4;font-weight:700;transition:color .2s;white-space:nowrap}.navigation a:hover,.footer a:hover{color:var(--gold-light)}.navigation .nav-contact{padding:11px 16px;border:1px solid var(--gold);color:var(--gold-light)}.nav-contact span{margin-left:7px}.menu-button{display:none}
/* Tipografía y botones */
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.3px;line-height:1.05}h1{font-size:clamp(62px,7.3vw,111px)}h2{font-size:clamp(47px,5.1vw,77px)}h3{font-size:30px}h1 span,h2 em,.manifesto em{color:var(--gold-light);font-style:normal}p{color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.6px;color:var(--gold);text-transform:uppercase;margin-bottom:23px}.eyebrow-light{color:#e8ca8d;display:flex;gap:12px;align-items:center}.mini-rule{display:inline-block;width:30px;height:1px;background:currentColor}.button-row{display:flex;gap:13px;flex-wrap:wrap;align-items:center}.button{min-height:52px;padding:15px 21px;display:inline-flex;align-items:center;justify-content:center;gap:19px;border:1px solid transparent;font-size:11px;font-weight:800;letter-spacing:1.25px;line-height:1.4;transition:transform .25s,background .25s,border-color .25s,color .25s}.button:hover{transform:translateY(-3px)}.button-gold{background:var(--gold);color:#17130c}.button-gold:hover{background:#f4c576}.button-ghost{border-color:rgba(249,230,189,.5);color:var(--ink)}.button-ghost:hover{border-color:var(--gold);color:var(--gold)}.button span{font-size:19px;line-height:0}
/* Inicio */
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(150deg,#12110f 5%,#242019 54%,#131211 95%)}.hero-spotlight{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 52% 72% at 78% 46%,rgba(168,100,35,.19),transparent 75%)}.hero-lines{position:absolute;inset:0;z-index:-1;opacity:.22;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ae8c5c calc(25% - 1px),#ae8c5c 25%);mask-image:linear-gradient(90deg,transparent 10%,#000 80%)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);align-items:center;min-height:720px;gap:18px;padding-block:85px 65px}.hero-copy{position:relative;z-index:2;max-width:660px}.hero-brand-label{margin:0 0 11px;color:#fff;letter-spacing:3px;font-size:12px;font-weight:800}.hero h1{max-width:680px;margin:0 0 25px}.hero-lead{font-size:16px;line-height:1.85;color:#e2d9cc;max-width:585px}.hero-secondary{font-size:14px;line-height:1.8;max-width:580px}.hero-claim{color:var(--gold-light);font-weight:800;font-size:14px;margin:22px 0 29px}.hero-showcase{position:relative;min-width:0;height:580px}.showcase-halo{position:absolute;width:430px;height:430px;left:50%;top:42%;transform:translate(-50%,-50%);border:1px solid #dfbb7a66;border-radius:50%;box-shadow:0 0 0 44px #dcad5010,0 0 0 95px #e2b25806;background:radial-gradient(circle at center,#8b532334,transparent 70%)}.hero-showcase img{position:absolute;width:auto;height:auto;object-fit:contain;filter:drop-shadow(15px 26px 15px #0009);transition:transform .6s ease}.hero-beer{width:235px!important;left:2%;top:17%;transform:rotate(-12deg)}.hero-cantarito{width:228px!important;left:33%;top:29%;z-index:3;transform:rotate(3deg)}.hero-azulito{width:211px!important;right:-6%;top:14%;transform:rotate(13deg)}.hero-showcase:hover .hero-beer{transform:rotate(-16deg) translateY(-8px)}.hero-showcase:hover .hero-cantarito{transform:translateY(-12px) rotate(3deg)}.hero-showcase:hover .hero-azulito{transform:rotate(17deg) translateY(-6px)}.showcase-caption{position:absolute;z-index:4;bottom:2%;right:3%;font-size:12px;font-weight:800;letter-spacing:2px;color:#cbbfae;text-align:right;line-height:1.4}.showcase-caption strong{font:32px var(--display);color:var(--gold-light);letter-spacing:1px}.hero-ring-text{position:absolute;left:3%;top:5%;font-size:10px;font-weight:800;letter-spacing:3px;color:#ddb97e}.hero-bottom{position:relative;background:#161411;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.categories{display:flex;align-items:center;justify-content:space-around;gap:18px;min-height:74px;flex-wrap:wrap;padding-block:15px}.categories span{font:19px var(--display);letter-spacing:1.3px}.categories i{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0}
/* Apartados */
.section{padding:116px 0}.section p{font-size:15px;line-height:1.85}.about{background:#141311}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-text{max-width:550px}.about-text h2{margin:0 0 24px}.section-divider{height:1px;width:85px;background:var(--gold);margin-bottom:27px}.about-feature{position:relative;min-height:460px;display:flex;flex-direction:column;justify-content:space-between;padding:35px 40px;border:1px solid #b893543f;background:radial-gradient(ellipse at 51% 49%,#553f28 0%,#282118 40%,#1c1a17 76%);overflow:hidden}.about-feature::before,.about-feature::after{content:"";position:absolute;inset:45px 60px;border:1px solid #c99e5b30;border-radius:50%}.about-feature::after{inset:80px 95px}.about-feature-top,.feature-bottom{font-size:11px;font-weight:800;letter-spacing:2.5px;position:relative;z-index:1;color:#f0c983}.feature-wordmark{position:relative;z-index:1;text-align:center}.feature-wordmark span{display:block;font:clamp(38px,4vw,60px) var(--display);letter-spacing:6px}.feature-wordmark strong{display:block;font:clamp(70px,6.8vw,114px)/.9 var(--display);color:var(--gold-light)}.feature-bottom{display:flex;gap:14px;align-items:center;font-size:9px;letter-spacing:1.8px}.decor-line{height:1px;width:35px;background:var(--gold)}
.services{background:#1a1917}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:44px}.heading-row h2{max-width:780px;margin:0}.heading-row>p{max-width:250px;margin:0 0 6px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.drink-card{display:block;background:#25221d;border:1px solid #8d71473d;min-width:0;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}.drink-card:hover{transform:translateY(-7px);border-color:var(--gold);box-shadow:0 16px 34px #0005}.drink-art{height:302px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 72%,#8c522e 0%,#3e281a 36%,#221b16 75%)}.drink-art::before{content:"";position:absolute;width:245px;height:245px;border:1px solid #f6d49f24;border-radius:50%;box-shadow:0 0 0 30px #f6d49f08}.cantarito-art{background:radial-gradient(ellipse at 50% 72%,#975f3d,#4b2d1b 42%,#211b16 85%)}.destilado-art{background:radial-gradient(ellipse at 50% 72%,#78603f,#3a2f23 42%,#211d19 85%)}.azulito-art{background:radial-gradient(ellipse at 50% 72%,#14688d,#163949 42%,#121b21 85%)}.drink-art img{position:relative;z-index:2;width:auto;height:282px;transition:transform .4s;filter:drop-shadow(10px 17px 13px #0009)}.drink-card:hover .drink-art img{transform:scale(1.055) rotate(-2deg)}.card-index{position:absolute;top:23px;left:25px;font-size:11px;color:#f4d5a4;font-weight:800;letter-spacing:2px}.drink-type{position:absolute;z-index:1;bottom:-20px;right:13px;font:clamp(55px,7vw,102px)/1 var(--display);color:#ffffff0d;white-space:nowrap;pointer-events:none}.card-body{padding:30px 34px 32px}.card-top{display:flex;align-items:start;justify-content:space-between;gap:15px}.card-top h3{margin:0 0 12px;font-size:35px}.card-arrow{border:1px solid #b594614f;color:var(--gold);border-radius:50%;width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;font-size:20px}.card-body p{min-height:58px;font-size:14px;margin:0 0 27px}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid #d2ad753b;font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--gold-light)}
.manifesto{border-block:1px solid #c79a542d;background:repeating-linear-gradient(125deg,#201b16,#201b16 25px,#241d17 25px,#241d17 26px);padding:55px 0}.manifesto-inner{display:flex;gap:20px;align-items:center;justify-content:space-between}.manifesto-inner>span{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--gold);writing-mode:vertical-rl}.manifesto strong{font:clamp(34px,4.2vw,62px)/1.12 var(--display);text-align:center;letter-spacing:.5px}
.events{background:#121211}.event-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px 10%}.events h2{max-width:575px}.event-items>div{display:flex;align-items:center;gap:27px;border-bottom:1px solid #d7b67835;padding:20px 8px}.event-items>div:first-child{border-top:1px solid #d7b67835}.event-items span{font-size:12px;color:var(--gold);font-weight:800;letter-spacing:1px}.event-items strong{font:clamp(24px,2.5vw,36px) var(--display);font-weight:400;letter-spacing:1px}.event-notice{grid-column:1/-1;border-left:3px solid var(--gold);background:#a97e3120;padding:17px 23px;margin:0!important;color:#ebdbbe!important}
.reasons{background:#1b1916}.center-heading{text-align:center;max-width:810px;margin:0 auto 55px}.center-heading h2{margin-bottom:0}.reasons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.reason{min-height:250px;border:1px solid #ac884d40;background:linear-gradient(160deg,#28241e,#1c1b19);padding:27px 25px}.reason-number{font:26px var(--display);color:var(--gold)}.reason-line{display:block;height:1px;width:33px;background:#b89460;margin:23px 0 29px}.reason h3{font-size:26px;margin:0 0 12px}.reason p{font-size:13px;margin:0}
.location{background:#121211}.location-panel{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;border:1px solid var(--stroke);background:linear-gradient(130deg,#2b241b,#1b1a18 75%);padding:66px}.location-panel h2{margin-bottom:24px}.location-visual{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;padding:18px;border:1px solid #dcb36a8a;text-align:center;transform:rotate(-3deg);overflow:hidden}.location-visual::before{content:"";position:absolute;inset:8px;border:1px solid #dcb36a3a}.location-circle{position:absolute;width:260px;height:260px;border:1px solid #dcb36a2b;border-radius:50%}.location-visual span,.location-visual small{position:relative;color:var(--gold-light);font-size:10px;font-weight:800;letter-spacing:2px}.location-visual strong{position:relative;font:clamp(37px,4.5vw,65px) var(--display);margin:12px 0;letter-spacing:.6px;overflow-wrap:anywhere}.location-visual small{font-size:9px}
.contact{background:radial-gradient(ellipse at 52% 50%,#49341b 0%,#241c15 32%,#121210 80%);isolation:isolate;position:relative;overflow:hidden}.contact-shine{position:absolute;z-index:-1;width:600px;height:600px;border:1px solid #dbac5524;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 90px #ddaa4907,0 0 0 185px #ddaa4904}.contact-content{text-align:center;max-width:900px}.contact h2{margin:0 0 25px;font-size:clamp(50px,6vw,83px)}.contact-intro{font-size:18px!important;color:#f4e0bc!important;font-weight:700}.contact-content>p:not(.eyebrow){max-width:690px;margin-inline:auto}.contact-facts{display:grid;grid-template-columns:1fr 1fr 1.1fr;text-align:left;gap:24px;padding:30px 0;margin:42px auto 32px;border-block:1px solid #daa9585b}.contact-facts>div{min-width:0}.contact-facts span{display:block;margin-bottom:10px;color:var(--gold);font-weight:800;letter-spacing:1.6px;font-size:10px}.contact-facts strong{display:block;font-size:13px;font-weight:700;line-height:1.7}.center-buttons{justify-content:center}.legal-notice{font-size:12px!important;margin:38px auto 0!important;color:#c4b7a6!important}
.footer{background:#0b0b0a;border-top:1px solid #d3a04f52;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px}.footer-logo{font:31px var(--display);letter-spacing:1px}.footer-logo span{color:var(--gold)}.footer p{font-size:13px}.footer h3{font:800 11px var(--body);letter-spacing:1.5px;color:var(--gold);margin:8px 0 21px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:13px}.footer-links a{font-size:12px;color:#d4cabd}.footer-lower{margin-top:48px;padding-top:22px;border-top:1px solid #ffffff23;display:flex;gap:30px;justify-content:space-between;align-items:start;color:#a7a095;font-size:11px}.footer-lower span:last-child{max-width:560px;text-align:right}
/* El contenido no se oculta por defecto: si JS falla, la página se sigue viendo completa. */
@media(min-width:1000px){.js-ready.motion-ok [data-animate]{transition:opacity .75s ease,transform .75s ease}.js-ready.motion-ok [data-animate].will-animate{opacity:.01;transform:translateY(19px)}.js-ready.motion-ok [data-animate].is-visible{opacity:1;transform:none}}
@media(max-width:1200px){.navigation{gap:12px}.navigation a{font-size:11px}.identity-words strong{font-size:21px}.hero-beer{left:-2%}.hero-azulito{right:-11%}}
@media(max-width:1040px){.site-header,.header-inner{min-height:77px}.menu-button{width:46px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:1px solid #dbac5580;color:var(--gold);cursor:pointer;flex-shrink:0}.menu-button span{width:22px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}.menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.navigation{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;align-items:stretch;padding:12px max(24px,calc((100% - 1190px)/2)) 22px;background:#151411;border-bottom:1px solid var(--stroke);box-shadow:0 20px 40px #0007}.navigation.open{display:flex}.navigation a{padding:12px 4px;font-size:14px;white-space:normal}.navigation .nav-contact{margin-top:8px;text-align:center}.hero-layout{grid-template-columns:1.1fr .9fr;min-height:680px}.hero-showcase{height:480px;transform:scale(.83);transform-origin:center}.hero h1{font-size:clamp(55px,7vw,80px)}.reasons-grid{grid-template-columns:repeat(2,1fr)}.reason{min-height:220px}.about-layout{gap:6%}}
@media(max-width:760px){.wrap{width:min(100% - 40px,540px)}.section{padding:80px 0}.hero-layout{grid-template-columns:1fr;gap:0;padding:65px 0 20px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(59px,11vw,83px)}.hero-showcase{width:min(100%,460px);height:405px;transform:scale(.86);transform-origin:center top;margin:22px auto -30px}.hero-beer{left:1%}.hero-cantarito{left:29%}.hero-azulito{right:-3%}.categories{gap:12px}.categories span{font-size:16px}.about-layout,.event-layout,.location-panel{grid-template-columns:1fr;gap:35px}.about-feature{min-height:385px}.heading-row{display:block;margin-bottom:35px}.heading-row>p{max-width:470px;margin-top:14px}.service-grid{grid-template-columns:1fr}.drink-art{height:290px}.drink-art img{height:270px}.card-body p{min-height:0}.event-notice{grid-column:auto}.center-heading{margin-bottom:35px}.location-panel{padding:35px}.location-visual{min-height:250px}.contact-facts{grid-template-columns:1fr;gap:20px;text-align:center}.contact-facts>div+div{padding-top:16px;border-top:1px solid #dfba7940}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:500px){.wrap{width:calc(100% - 34px)}.identity-emblem{width:44px;height:44px;font-size:17px}.identity-words strong{font-size:17px}.identity-words small{font-size:8px;letter-spacing:1.3px}.hero-layout{padding-top:57px}.hero h1{font-size:clamp(53px,14vw,71px)}.hero-lead{font-size:15px}.hero-showcase{width:350px;max-width:100%;height:290px;transform:scale(.68);transform-origin:top left;margin:28px auto -65px}.showcase-halo{left:51%;top:50%}.hero-beer{left:-4%}.hero-cantarito{left:30%}.hero-azulito{right:-15%}.showcase-caption{bottom:-23%;right:-14%}.hero-ring-text{left:4%;top:3%}.categories{gap:9px;padding:20px 0}.categories span{font-size:14px}.categories i{width:3px;height:3px}.button-row{display:grid;grid-template-columns:1fr;gap:11px}.button{width:100%;min-height:54px}.about-feature{padding:25px 20px;min-height:345px}.feature-wordmark span{font-size:37px}.feature-wordmark strong{font-size:76px}.feature-bottom{font-size:8px;letter-spacing:1px}.section h2{font-size:clamp(47px,12.5vw,65px)}.card-body{padding:25px 23px}.card-top h3{font-size:32px}.manifesto{padding:38px 0}.manifesto strong{font-size:clamp(28px,8vw,41px)}.manifesto-inner>span{font-size:9px;letter-spacing:1px}.reasons-grid{grid-template-columns:1fr}.reason{min-height:195px}.reason-line{margin:17px 0 23px}.location-panel{padding:29px 23px}.location-visual strong{font-size:clamp(32px,9vw,50px)}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-lower{flex-direction:column;gap:8px}.footer-lower span:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.js-ready.motion-ok [data-animate].will-animate{opacity:1;transform:none}}