/*
Theme Name: Decapas
Template: kadence
Description: Tema hijo de decapas.com. Impresion lenta, capa a capa.
Version: 1.0.0
Text Domain: decapas
*/
@font-face{font-family:'Familjen Grotesk';src:url(fonts/familjen-grotesk-latin-ext-wght-normal.woff2) format('woff2');font-weight:400 700;font-display:swap;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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Familjen Grotesk';src:url(fonts/familjen-grotesk-latin-wght-normal.woff2) format('woff2');font-weight:400 700;font-display:swap;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:'Newsreader';src:url(fonts/newsreader-latin-ext-wght-normal.woff2) format('woff2');font-weight:400 700;font-display:swap;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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';src:url(fonts/newsreader-latin-wght-normal.woff2) format('woff2');font-weight:400 700;font-display:swap;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:'Newsreader';font-style:italic;src:url(fonts/newsreader-latin-wght-italic.woff2) format('woff2');font-weight:400 700;font-display:swap}
:root{--cal:#ECEBE7;--tinta:#16171A;--pizarra:#5B5F66;--ultramar:#2837D6;--capa:#C9CCD3;--w:1180px;--g:clamp(16px,4vw,48px)}
body,.site{background:var(--cal);color:var(--tinta);font-family:'Familjen Grotesk',system-ui,sans-serif;font-size:1.0625rem;line-height:1.6}
h1,h2,h3,h4,.entry-title{font-family:'Familjen Grotesk',system-ui,sans-serif;color:var(--tinta);letter-spacing:-.025em;line-height:1.05;font-weight:600}
h1{font-size:clamp(2.4rem,6vw,4.6rem)}h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}h3{font-size:1.3rem;line-height:1.2}
a{color:var(--ultramar);text-underline-offset:.2em}a:hover{color:var(--tinta)}
:focus-visible{outline:3px solid var(--ultramar);outline-offset:3px}
.site-header,.site-footer,#masthead{background:var(--cal)!important;border-bottom:1px solid var(--capa)}
.site-footer{border-top:1px solid var(--capa);border-bottom:0}
.main-navigation a,.header-navigation a{font-weight:500;color:var(--tinta)}
.wp-block-button__link,.button,button.single_add_to_cart_button,.checkout-button,#place_order{background:var(--ultramar)!important;color:#fff!important;border-radius:2px!important;font-weight:600;padding:.9em 1.6em;border:0;transition:background .2s}
.wp-block-button__link:hover,.button:hover,button.single_add_to_cart_button:hover{background:var(--tinta)!important}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent!important;color:var(--tinta)!important;box-shadow:inset 0 0 0 2px var(--tinta)}
.dc-wrap{max-width:var(--w);margin:0 auto;padding:0 var(--g)}
.dc-capa{border-top:1px solid var(--capa);padding:clamp(48px,8vw,104px) 0}
.dc-capa:nth-of-type(even){background:rgba(201,204,211,.28)}
.dc-hero{padding:clamp(40px,7vw,96px) 0 clamp(32px,5vw,64px)}
.dc-hero h1{max-width:14ch;margin:0 0 .4em}
.dc-hero p.lead{font-family:'Newsreader',Georgia,serif;font-size:clamp(1.2rem,2vw,1.5rem);max-width:34em;color:var(--pizarra);line-height:1.5}
.dc-palabra{display:block;position:relative;font-weight:700;font-size:clamp(4.5rem,19vw,15rem);line-height:.9;letter-spacing:-.04em;margin:.25em 0;color:var(--tinta);overflow:hidden}
.dc-palabra::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 .13em,var(--cal) .13em calc(.13em + 2px));pointer-events:none}
@media (prefers-reduced-motion:no-preference){.dc-palabra span{display:inline-block;animation:dc-imprime 3.2s steps(26,end) 1 both}}
@keyframes dc-imprime{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
.dc-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--g)}
.dc-cols>div{border-top:2px solid var(--tinta);padding-top:1rem}
.dc-pasos{counter-reset:p;list-style:none;margin:0;padding:0;max-width:44rem}
.dc-pasos li{counter-increment:p;padding:1.1rem 0 1.1rem 3.2rem;border-top:1px solid var(--capa);position:relative}
.dc-pasos li::before{content:counter(p);position:absolute;left:0;top:1.1rem;font-weight:700;font-size:1.4rem}
.dc-texto{font-family:'Newsreader',Georgia,serif;font-size:1.2rem;line-height:1.7;max-width:40em}
.dc-faq details{border-top:1px solid var(--capa);padding:1rem 0}
.dc-faq summary{cursor:pointer;font-weight:600;font-size:1.15rem}
.dc-faq details[open] summary{margin-bottom:.5rem}
.dc-migas{font-size:.9rem;color:var(--pizarra);padding:1rem 0}
.pll-switcher,.dc-idiomas{display:flex;gap:.9rem;list-style:none;margin:0;padding:0;font-weight:600}
.dc-idiomas a{color:var(--pizarra);text-decoration:none}.dc-idiomas .current-lang a{color:var(--tinta);border-bottom:2px solid var(--ultramar)}
.woocommerce div.product .product_title{font-size:clamp(2rem,4vw,3rem)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--tinta);font-weight:700}
.woocommerce-message,.woocommerce-info{border-top-color:var(--ultramar)}
@media (max-width:640px){.dc-capa{padding:44px 0}}
.dc-enlaces{list-style:none;margin:0;padding:0;max-width:40rem}
.dc-enlaces li{border-top:1px solid var(--capa)}
.dc-enlaces a{display:block;padding:.95rem 0;font-weight:600;font-size:1.15rem;text-decoration:none;color:var(--tinta)}
.dc-enlaces a:hover{color:var(--ultramar);padding-left:.5rem;transition:padding .15s}
.dc-hero .wp-block-button{margin:1.6rem 0 0}
.dc-capa .wp-block-button{margin-top:1.4rem}
.dc-capa h2{margin:0 0 1.2rem;max-width:20ch}
.dc-capa .dc-texto,.dc-capa .dc-cols{margin-top:1.2rem}
.dc-cols h3{margin:0 0 .5rem}
.dc-cols p{margin:0;color:var(--pizarra)}
.dc-texto p{margin:0 0 1em}
.dc-faq summary{list-style:none}
.dc-faq summary::-webkit-details-marker{display:none}
.dc-faq summary::after{content:'+';float:right;font-weight:400}
.dc-faq details[open] summary::after{content:'\2212'}
.dc-faq p{max-width:44em;color:var(--pizarra);margin:.4rem 0 0}
.dc-migas a{color:var(--pizarra)}
.main-navigation .menu-item-has-children>a{font-weight:500}
.entry-content-wrap{padding:0}
