/*
Theme Name: Pista
Description: Tema editorial propio para WeRock.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Author: Redacción WeRock
Text Domain: pista-wr
Update URI: false
*/
@font-face{font-family:'Permanent Marker';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/permanent-marker-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-700-normal.woff2) format('woff2')}
:root{--pared:#2B1B14;--hoja:#F2EDEC;--salmon:#FF9A8B;--tenue:#E3CFC8;--cinta:#FFC2B8;--rojo:#B3321F;--rojo2:#8A2A18;--borde:#8A6B5E;--tinta2:#5A4036;--foto:#3A2820;--marker:'Permanent Marker',cursive;--sans:'Plus Jakarta Sans',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-bottom:220px}
body{margin:0;background:var(--pared);color:var(--hoja);font:400 17px/1.6 var(--sans);overflow-x:clip}
img{max-width:100%}
a{color:inherit;text-decoration:none}
[hidden]{display:none!important}
::selection{background:var(--salmon);color:var(--pared)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--salmon);outline-offset:3px}
.pwr-sheet a:focus-visible,.pwr-set a:focus-visible,.pwr-idx a:focus-visible,.pwr-ckn a:focus-visible,.pwr-ckn button:focus-visible,.pwr-pan a:focus-visible,.pwr-fm :focus-visible,.pwr-pg a:focus-visible{outline-color:var(--rojo)}
.pwr-sr,.pwr-hp{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pwr-skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--salmon);color:var(--pared);padding:12px 20px;font-weight:700}
.pwr-skip:focus{left:16px}
.pwr-w{max-width:1280px;margin:0 auto;padding:0 64px}
main:focus{outline:none}
h1,h2,h3{font-family:var(--marker);font-weight:400;margin:0}

/* cabecera */
.pwr-hd .pwr-w{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;min-height:104px}
.pwr-brand{display:flex;flex-direction:column;color:var(--salmon)}
.pwr-lg{font-family:var(--marker);font-size:46px;line-height:1}
.pwr-ul{display:block}
.pwr-bt{display:none;width:48px;height:48px;border:2px solid var(--hoja);background:transparent;color:var(--hoja);align-items:center;justify-content:center;cursor:pointer}
.pwr-nav{display:flex;gap:40px;align-items:center;font-size:18px;font-weight:600}
.pwr-nav>a,.pwr-dd>summary{display:inline-flex;align-items:center;min-height:44px;transition:color .15s}
.pwr-nav>a:hover,.pwr-dd>summary:hover{color:var(--salmon)}
.pwr-nav a[aria-current=page]{color:var(--salmon);text-decoration:underline;text-underline-offset:8px}
.pwr-sb{justify-content:center;width:44px;gap:10px}
.pwr-mo{display:none}
.pwr-dd{position:relative}
.pwr-dd>summary{list-style:none;cursor:pointer;gap:8px}
.pwr-dd>summary::-webkit-details-marker{display:none}
.pwr-dd>summary::after{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translateY(-2px)}
.pwr-pan{position:absolute;top:100%;left:0;z-index:40;min-width:230px;background:var(--hoja);color:var(--pared);padding:8px;display:flex;flex-direction:column}
.pwr-pan a{display:flex;align-items:center;min-height:44px;padding:0 14px;font-weight:600}
.pwr-pan a:hover{background:var(--cinta)}

/* cintas, hojas y fotos */
.pwr-tp{position:absolute;top:-14px;width:120px;height:30px;background:var(--cinta);opacity:.9;z-index:2;pointer-events:none}
.pwr-t1{left:48px;transform:rotate(-4deg)}
.pwr-t2{right:48px;transform:rotate(3deg)}
.pwr-t3{left:50%;margin-left:-55px;width:110px;transform:rotate(2deg)}
.pwr-t4{left:60px;width:110px;transform:rotate(-3deg)}
.pwr-sheet{position:relative;background:var(--hoja);color:var(--pared);padding:48px 56px 40px}
.pwr-sw{padding-top:56px}
.pwr-sheet.tilt{transform:rotate(-.4deg)}
.pwr-ph{display:block;position:relative;background:var(--hoja);padding:10px}
.pwr-cz{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--foto)}
.pwr-cz img{display:block;width:100%;height:118%;max-width:none;object-fit:cover;object-position:top}

/* portada */
.pwr-top{display:grid;grid-template-columns:600px minmax(0,1fr);gap:64px;margin-top:24px;align-items:start}
.pwr-set{position:relative;background:var(--hoja);color:var(--pared);padding:48px 44px 40px;transform:rotate(-.8deg)}
.pwr-set h1,.pwr-set h2{font-size:40px;line-height:1;margin:0 0 20px}
.pwr-tr{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pwr-tr a{display:flex;gap:14px;align-items:baseline;padding:6px 8px;min-height:44px}
.pwr-n{font-family:var(--marker);color:var(--rojo);flex:none}
.pwr-tr .pwr-n{font-size:26px;width:30px}
.pwr-tr .pwr-tt{font-family:var(--marker);font-size:20px;line-height:1.2}
.pwr-tr a.is-on{background:var(--cinta)}
.pwr-tr a.is-on .pwr-n{color:var(--rojo2)}
.pwr-stage{display:grid;padding-top:12px}
.pwr-pane{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .15s,visibility 0s .15s}
.pwr-pane.is-on{opacity:1;visibility:visible;transition:opacity .15s}
.pwr-meta{margin:28px 0 0;font-size:17px;color:var(--tenue)}
.pwr-big{font-family:var(--marker);font-size:38px;line-height:1.12;margin:8px 0 24px}
.pwr-cta{display:inline-flex;align-items:center;min-height:48px;padding:0 28px;background:var(--salmon);color:var(--pared);font-weight:700;font-size:17px;transition:background .15s}
.pwr-cta:hover{background:var(--cinta)}
.pwr-bands{display:flex;flex-direction:column;gap:72px;margin-top:104px}
.pwr-band{display:flex;gap:56px;align-items:center}
.pwr-band.rev{flex-direction:row-reverse}
.pwr-band .pwr-ph{width:360px;flex:none;padding:8px}
.pwr-band .pwr-cz{aspect-ratio:3/2}
.pwr-bt0{flex:1;min-width:0}
.pwr-band h2{font-size:56px;line-height:1;color:var(--salmon)}
.pwr-big2{font-family:var(--marker);font-size:26px;line-height:1.2;margin:18px 0 20px;max-width:560px}
.pwr-big2 a:hover{text-decoration:underline;text-underline-offset:5px}
.pwr-all{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:17px;text-decoration:underline;text-underline-offset:5px}
.pwr-all:hover{color:var(--salmon)}

/* cabeceras de página y migas */
.pwr-cr{margin-top:20px;font-size:16px;color:var(--tenue)}
.pwr-cr a{text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:10px 0}
.pwr-cr a:hover{color:var(--salmon)}
.pwr-hh{padding-bottom:8px}
.pwr-hh h1{font-size:84px;line-height:1;margin-top:22px}
.pwr-pre{margin-top:18px;font-family:var(--marker);font-size:34px;color:var(--tenue)}
.pwr-pre+h1{margin-top:4px}
.pwr-lead{margin:20px 0 0;font-size:19px;line-height:1.6;max-width:640px;color:var(--tenue)}
.pwr-lead p{margin:0 0 12px}
.pwr-lead a{text-decoration:underline;text-underline-offset:3px}
.pwr-sheet .pwr-lead{color:var(--tinta2)}
.pwr-lead2{font-size:24px;line-height:1.45;max-width:760px}
.pwr-h2s{font-size:38px;color:var(--pared);margin:0 0 16px}

/* listas numeradas */
.pwr-list{display:flex;flex-direction:column;gap:6px}
.pwr-ln{display:flex;gap:28px;align-items:center;padding:16px 12px;transition:background .15s}
.pwr-ln:hover{background:var(--cinta)}
.pwr-ln .pwr-n{font-size:44px;width:52px;line-height:1}
.pwr-ln:hover .pwr-n{color:var(--rojo2)}
.pwr-tx{flex:1;min-width:0}
.pwr-dt{display:block;font-size:15px;font-weight:600;color:var(--tinta2)}
.pwr-ln .pwr-tt{display:block;font-family:var(--marker);font-size:28px;line-height:1.15;margin-top:4px}
.pwr-th{width:200px;flex:none}
.pwr-pg{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding:0 12px;font-weight:700;font-size:17px}
.pwr-pg .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0 14px;border:2px solid var(--pared)}
.pwr-pg a.page-numbers:hover{background:var(--cinta)}
.pwr-pg .current{background:var(--pared);color:var(--hoja)}
.pwr-pg .dots{border-color:transparent}

/* entrada */
.pwr-cols{display:grid;grid-template-columns:minmax(0,1fr);margin-top:28px;max-width:760px}
.pwr-cols.has-idx{max-width:none}
.pwr-eh .pwr-meta{margin:0;font-size:17px}
.pwr-eh h1{font-size:52px;line-height:1.1;margin:12px 0 32px}
.pwr-ef{padding:10px}
.pwr-ef .pwr-cz{aspect-ratio:16/10}
.pwr-ea{margin-top:40px;padding:44px 56px 48px;font-size:19px;line-height:1.7}
.pwr-art>*:first-child{margin-top:0}
.pwr-art p{margin:0 0 22px}
.pwr-art h2{font-size:30px;line-height:1.15;margin:34px 0 12px}
.pwr-art h3{font-size:24px;line-height:1.2;margin:28px 0 10px}
.pwr-art a{color:var(--rojo2);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.pwr-art a:hover{color:var(--pared)}
.pwr-art ul,.pwr-art ol{margin:0 0 22px;padding-left:1.4em}
.pwr-art li{margin-bottom:6px}
.pwr-art img{height:auto;display:block}
.pwr-art iframe,.pwr-art video,.pwr-art pre{max-width:100%}
.pwr-art{overflow-wrap:anywhere}
h1,h2,h3{overflow-wrap:anywhere}
.pwr-art figure{margin:0 0 22px}
.pwr-art figcaption{font-size:15px;color:var(--tinta2)}
.pwr-art blockquote{margin:0 0 22px;padding:4px 0 4px 20px;border-left:5px solid var(--rojo);font-weight:600}
.pwr-art table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:16px;display:block;overflow-x:auto}
.pwr-art th,.pwr-art td{border:1px solid var(--borde);padding:8px 10px;text-align:left}
.pwr-faq details{border-top:2px solid var(--pared);padding:4px 0}
.pwr-faq summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}
.pwr-faq p{margin:0 0 14px}
.pwr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:var(--pared);color:var(--hoja)!important;border:0;font:700 17px var(--sans);cursor:pointer;text-decoration:none!important;transition:background .15s}
.pwr-btn:hover{background:var(--tinta2)}
.pwr-ai{padding-top:70px}
.pwr-idx{position:relative;background:var(--hoja);color:var(--pared);padding:26px 26px 22px}
.pwr-idx::before{content:"";position:absolute;top:-12px;left:30px;width:90px;height:24px;background:var(--cinta);opacity:.9;transform:rotate(-3deg)}
.pwr-it{font-family:var(--marker);font-size:26px;line-height:1;margin:0}
.pwr-idx ol{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:16px;font-weight:600}
.pwr-idx a{display:flex;gap:10px;min-height:44px;align-items:center;color:var(--rojo2)}
.pwr-idx a:hover{text-decoration:underline;text-underline-offset:3px}
.pwr-idx .pwr-n{font-size:20px}
.pwr-shr{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:32px}
.pwr-shr span{font-weight:700;font-size:17px}
.pwr-shr a,.pwr-shr button{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:2px solid var(--hoja);background:transparent;color:var(--hoja);font:600 16px var(--sans);cursor:pointer;transition:color .15s,border-color .15s}
.pwr-shr a:hover,.pwr-shr button:hover{color:var(--salmon);border-color:var(--salmon)}
.pwr-more{margin-top:72px}
.pwr-more h2{font-size:38px;color:var(--salmon);margin:0 0 24px}
.pwr-rg{display:flex;flex-wrap:wrap;gap:24px 40px}
.pwr-rl{display:flex;gap:20px;align-items:center;flex:1 1 360px}
.pwr-rl .pwr-ph{width:200px;flex:none;padding:6px}
.pwr-rl .pwr-tt{font-family:var(--marker);font-size:21px;line-height:1.2}
.pwr-rl:hover .pwr-tt{text-decoration:underline;text-underline-offset:4px}

/* sobre nosotros */
.pwr-about{display:flex;gap:72px;margin-top:64px;align-items:flex-start}
.pwr-tall{width:380px;flex:none;transform:rotate(1deg)}
.pwr-tall .pwr-cz{aspect-ratio:3/4}
.pwr-tall img{object-position:50% 20%}
.pwr-about .pwr-sheet{flex:1;min-width:0;padding:48px 56px 52px;font-size:19px;line-height:1.7}
.pwr-about .pwr-art h2{font-size:34px;margin:0 0 12px}
.pwr-about .pwr-art p{margin:0 0 30px}
body.page-template-page-sobre-nosotros .pwr-hh h1{font-size:96px}

/* contacto */
.pwr-ctc{display:flex;gap:72px;margin-top:28px;align-items:flex-start}
.pwr-c1{width:420px;flex:none}
.pwr-c1 h1{font-size:84px;line-height:1}
.pwr-c1 .pwr-lead{font-size:20px;line-height:1.55;margin:24px 0 32px}
.pwr-ml{margin:0;font-size:16px;color:var(--tenue)}
.pwr-c1 .pwr-mail{display:inline-flex;align-items:center;min-height:48px;font-family:var(--marker);font-size:30px;color:var(--salmon);text-decoration:underline;text-underline-offset:6px;overflow-wrap:anywhere}
.pwr-fm{flex:1;min-width:0;padding:52px 56px 48px;display:flex;flex-direction:column;gap:22px}
.pwr-fm label{display:block;font-weight:700;font-size:16px;margin-bottom:8px}
.pwr-fm input[type=text],.pwr-fm input[type=email],.pwr-fm select,.pwr-fm textarea{width:100%;min-height:48px;padding:10px 14px;border:2px solid var(--tinta2);background:#fff;color:var(--pared);font:400 17px var(--sans);border-radius:0}
.pwr-fm textarea{resize:vertical}
.pwr-fm [aria-invalid=true]{border-color:var(--rojo2)}
.pwr-fe{display:flex;gap:8px;align-items:flex-start;margin-top:8px;font-size:15px;font-weight:600;color:var(--rojo2)}
.pwr-fe svg{flex:none;margin-top:1px}
.pwr-ak{display:flex;gap:12px;align-items:flex-start}
.pwr-ak input{width:24px;height:24px;margin:2px 0 0;accent-color:var(--pared);flex:none}
.pwr-ak label{font-weight:400;font-size:15px;line-height:1.5;margin:0}
.pwr-ak a{color:var(--rojo2);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.pwr-fm .pwr-btn{align-self:flex-start;min-height:52px;padding:0 36px;font-size:18px}
.pwr-msg{margin:0;padding:14px 18px;border:2px solid var(--pared);font-weight:700}
.pwr-er{color:var(--rojo2);border-color:var(--rojo2)}
.pwr-sf label{display:block;font-weight:700;margin-bottom:8px}
.pwr-sf div{display:flex;gap:10px;flex-wrap:wrap}
.pwr-sf input{flex:1 1 260px;min-height:48px;padding:10px 14px;border:2px solid var(--borde);background:#fff;color:var(--pared);font:400 17px var(--sans);border-radius:0}
.pwr-sf .pwr-btn{background:var(--salmon);color:var(--pared)!important}
.pwr-sf .pwr-btn:hover{background:var(--cinta)}

/* pie y cookies */
.pwr-ft{margin-top:104px}
.pwr-ft .pwr-w{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-top:40px;padding-bottom:48px;color:var(--tenue)}
.pwr-ft p{margin:10px 0}
.pwr-fl{font-family:var(--marker);font-size:32px;color:var(--salmon)}
.pwr-ft .pwr-mail{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.pwr-ft nav{display:flex;flex-wrap:wrap;gap:4px 28px}
.pwr-ft nav a{display:inline-flex;align-items:center;min-height:44px}
.pwr-ft a:hover{color:var(--salmon)}
.pwr-ckn{position:fixed;left:24px;bottom:24px;z-index:50;width:420px;max-width:calc(100% - 24px);background:var(--hoja);color:var(--pared);padding:22px 24px;font-size:15px;line-height:1.5}
.pwr-ckn{max-height:60vh;overflow:auto}
.pwr-ckn p{margin:0 0 6px}
.pwr-ckt{font-weight:700}
.pwr-ckn div{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center}
.pwr-ckn button{min-height:44px;padding:0 20px;border:2px solid var(--pared);background:transparent;color:var(--pared);font:700 15px var(--sans);cursor:pointer}
.pwr-ckn button.pwr-p{background:var(--pared);color:var(--hoja)}
.pwr-ckn div a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--rojo2);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* sin JS, el menú móvil queda abierto */
@media (max-width:1099px){
.pwr-cols.has-idx{max-width:760px}
.pwr-ai{padding-top:0;margin-top:40px}
}
@media (min-width:1100px){
.pwr-cols.has-idx{grid-template-columns:760px minmax(0,1fr);column-gap:56px;align-items:start}
.has-idx>.pwr-eh,.has-idx>.pwr-ef,.has-idx>.pwr-ea,.has-idx>.pwr-shr{grid-column:1}
.has-idx>.pwr-ai{grid-column:2;grid-row:1/span 4;position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow:auto}
.has-idx>.pwr-ea{margin-top:40px}
}
@media (max-width:1000px){
.pwr-top{grid-template-columns:minmax(0,1fr);gap:44px}
.pwr-stage{order:-1;padding-top:12px}
.pwr-pane:not([data-i="0"]){display:none}
.pwr-set{transform:rotate(-.6deg);padding:36px 16px 20px}
.pwr-set h1,.pwr-set h2{font-size:32px;margin-bottom:12px}
.pwr-tr li:nth-child(n+7){display:none}
.pwr-tr .pwr-n{font-size:22px;width:24px}
.pwr-tr .pwr-tt{font-size:17px;line-height:1.25}
.pwr-tr a{gap:10px;padding:10px 4px}
.pwr-meta{margin-top:20px;font-size:15px}
.pwr-big{font-size:28px;line-height:1.15;margin:6px 0 18px}
.pwr-cta{display:flex;justify-content:center}
.pwr-band,.pwr-band.rev{flex-direction:column;align-items:stretch;gap:18px}
.pwr-band .pwr-ph{width:100%;padding:6px}
.pwr-band h2{font-size:36px}
.pwr-big2{font-size:19px;margin:8px 0 12px}
.pwr-bands{gap:44px;margin-top:56px}
.pwr-about,.pwr-ctc{flex-direction:column;gap:40px;align-items:stretch}
.pwr-tall,.pwr-c1{width:100%;max-width:420px}
.pwr-tall .pwr-cz{aspect-ratio:4/5}
.pwr-ft{margin-top:56px}
}
@media (max-width:899px){
.pwr-w{padding:0 20px}
.pwr-hd .pwr-w{min-height:76px}
.pwr-lg{font-size:36px}
.pwr-ul{display:none}
.js .pwr-bt{display:flex}
.pwr-nav{width:100%;flex-direction:column;align-items:flex-start;gap:0;padding:8px 0 20px;font-size:19px}
.js .pwr-nav{display:none}
.js .pwr-hd.is-open .pwr-nav{display:flex}
.pwr-nav>a,.pwr-dd>summary{min-height:48px}
.pwr-pan{position:static;background:transparent;color:var(--hoja);padding:0 0 0 16px}
.pwr-pan a:hover{background:transparent;color:var(--salmon)}
.pwr-pan a:focus-visible{outline-color:var(--salmon)}
.pwr-mo{display:inline}
.pwr-sb{width:auto}
.pwr-hh h1,body.page-template-page-sobre-nosotros .pwr-hh h1{font-size:clamp(40px,12vw,60px)}
.pwr-c1 h1{font-size:clamp(44px,13vw,64px)}
.pwr-pre{font-size:26px}
.pwr-lead2{font-size:20px}
.pwr-sheet,.pwr-about .pwr-sheet,.pwr-ea{padding:32px 20px 28px;font-size:18px}
.pwr-sw{padding-top:40px}
.pwr-fm{padding:36px 20px 28px}
.pwr-eh h1{font-size:clamp(28px,8vw,40px)}
.pwr-art h2{font-size:26px}
.pwr-about .pwr-art h2{font-size:28px}
.pwr-ln{gap:14px;padding:14px 4px;align-items:flex-start}
.pwr-ln .pwr-n{font-size:30px;width:34px}
.pwr-ln .pwr-tt{font-size:20px}
.pwr-th{width:88px}
.pwr-more h2{font-size:30px}
.pwr-rl{flex-basis:100%}
.pwr-rl .pwr-ph{width:140px}
.pwr-rl .pwr-tt{font-size:19px}
.pwr-ft .pwr-w{flex-direction:column;align-items:flex-start}
.pwr-ckn{left:12px;right:12px;bottom:12px;width:auto;max-width:none}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{transition:none!important;animation:none!important}
}