/**
 * Theme Name: Pincelart
 * Theme URI: https://pincelart.es/
 * Description: Tema WordPress editorial y creativo basado en el sistema visual digital de Pincelart.
 * Author: Pincelart
 * Version: 1.3.0
 * Requires at least: 6.1
 * Requires PHP: 7.4
 * Tested up to: 6.8
 * Text Domain: pincelart
 * License: GPL-2.0-or-later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 */

@font-face{font-family:Kanit;src:url('assets/fonts/Kanit-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url('assets/fonts/Kanit-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url('assets/fonts/Kanit-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--pa-black:#262b27;--pa-yellow:#f3d000;--pa-ocre:#a57d15;--pa-vanilla:#fcf1b5;--pa-porcelain:#f8f8f5;--pa-muted:#59615b;--pa-border:#dfe1d9;--pa-radius:18px;--pa-shadow:0 18px 48px rgba(38,43,39,.12);--pa-focus:0 0 0 4px rgba(243,208,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pa-porcelain);color:var(--pa-black);font-family:Kanit,Arial,sans-serif;font-size:17px;line-height:1.5}img{max-width:100%;height:auto}a{color:var(--pa-ocre);text-underline-offset:4px}a:hover{color:var(--pa-black)}:focus-visible{outline:0;box-shadow:var(--pa-focus);border-radius:8px}
.site-shell{width:min(1240px,calc(100% - 40px));margin-inline:auto}.site-header{background:var(--pa-black);color:#fff}.site-header__inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-brand img{display:block;width:160px;max-height:54px;object-fit:contain}.site-nav ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.site-nav a{color:#fff;text-decoration:none;font-weight:600}.site-nav a:hover{color:var(--pa-yellow)}.site-nav .current-menu-item>a{color:var(--pa-yellow)}.menu-toggle{display:none;background:transparent;border:2px solid #fff;color:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-weight:600}
.hero{position:relative;isolation:isolate;overflow:hidden;margin-top:32px;padding:clamp(42px,7vw,90px);border-radius:var(--pa-radius);background:var(--pa-black);color:#fff}.hero:after{content:"";position:absolute;right:-80px;bottom:-140px;width:430px;height:430px;background:var(--pa-yellow);clip-path:polygon(20% 0,100% 0,82% 100%,0 100%);z-index:-1}.hero__content{max-width:550px}.eyebrow{display:block;color:var(--pa-yellow);font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.hero h1{max-width:10ch;margin:14px 0 18px;font-size:clamp(3.1rem,8vw,7rem);line-height:.88;letter-spacing:-.04em}.hero h1 em{color:var(--pa-yellow);font-style:normal}.hero p{max-width:44ch;color:#e8ebe5;font-size:1.15rem}.hero__image{position:absolute;right:8%;bottom:10%;width:260px;z-index:1;filter:drop-shadow(0 18px 20px rgba(38,43,39,.25));transform:rotate(7deg)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:2px solid transparent;border-radius:999px;padding:10px 20px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.button:hover{transform:translateY(-3px);text-decoration:none}.button--yellow{background:var(--pa-yellow);color:var(--pa-black)}.button--yellow:hover{background:#ffe45a;color:var(--pa-black);box-shadow:0 10px 24px rgba(243,208,0,.28)}.button--dark{background:var(--pa-black);color:#fff}.button--outline{border-color:var(--pa-black);color:var(--pa-black);background:transparent}.button--outline:hover{background:var(--pa-black);color:#fff}
.section{padding-block:clamp(52px,8vw,104px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.section-heading h2{margin:8px 0 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.section-heading p{margin:0;color:var(--pa-muted)}.kicker{color:var(--pa-ocre);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{overflow:hidden;border:1px solid var(--pa-border);border-radius:var(--pa-radius);background:#fff;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-6px);box-shadow:var(--pa-shadow)}.card--vanilla{background:var(--pa-vanilla);border-color:transparent}.card__image{display:block;width:100%;height:220px;object-fit:cover;background:var(--pa-vanilla)}.card__body{padding:22px}.card__body h3{margin:13px 0 7px;font-size:1.55rem;line-height:1.05}.card__body p{margin:0;color:var(--pa-muted)}.label{display:inline-block;border-radius:999px;padding:5px 11px;background:var(--pa-vanilla);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.label--ocre{background:var(--pa-ocre);color:#fff}.text-link{display:inline-block;margin-top:18px;font-weight:700}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,100px);align-items:center}.feature__image{width:100%;height:420px;object-fit:cover;border-radius:var(--pa-radius)}.feature h2{font-size:clamp(2.2rem,4vw,4.3rem);line-height:.95;margin:10px 0 18px}.feature p{color:var(--pa-muted)}.callout{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:38px 44px;border-radius:var(--pa-radius);background:var(--pa-ocre);color:#fff}.callout h2{margin:8px 0 0;font-size:clamp(2rem,4vw,3.3rem);line-height:1}.callout .eyebrow{color:var(--pa-yellow)}
.site-footer{margin-top:40px;background:var(--pa-black);color:#fff}.site-footer__inner{display:flex;justify-content:space-between;gap:24px;padding:24px 0;font-size:.9rem}.site-footer__inner span:last-child{color:var(--pa-vanilla)}.content-area{padding-block:60px}.entry-title{font-size:clamp(2.5rem,5vw,5rem);line-height:.95}.entry-content{max-width:760px}.entry-content img{border-radius:var(--pa-radius)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.site-shell{width:min(100% - 28px,1240px)}.site-header__inner{min-height:70px}.menu-toggle{display:block}.site-nav{display:none;width:100%}.site-nav.is-open{display:block}.site-header__inner{flex-wrap:wrap;padding-block:12px}.site-nav ul{display:block;padding-bottom:8px}.site-nav li{padding:8px 0}.hero{margin-top:16px;padding:38px 25px;min-height:520px}.hero__image{width:180px;right:-10px;bottom:18px}.grid,.feature{grid-template-columns:1fr}.section-heading,.callout,.site-footer__inner{display:block}.section-heading p{margin-top:12px}.callout .button{margin-top:24px}.feature__image{height:300px}.site-footer__inner span{display:block;margin:5px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Palette variants selected from Appearance > Customize > Pincelart · sistema visual. */
.pincelart-palette-vanilla{--pa-surface:var(--pa-vanilla);--pa-text:var(--pa-black);--pa-muted:#655d43;--pa-border:#e2dcae}
.pincelart-palette-dark{--pa-surface:var(--pa-black);--pa-text:var(--pa-porcelain);--pa-muted:#d7dbd3;--pa-border:#4d554e;--pa-focus:0 0 0 4px rgba(243,208,0,.55)}
.pincelart-palette-vanilla,.pincelart-palette-dark{background:var(--pa-surface);color:var(--pa-text)}
.pincelart-palette-vanilla a{color:var(--pa-ocre)}
.pincelart-palette-dark a{color:var(--pa-yellow)}
.pincelart-palette-dark a:hover{color:#ffe45a}
.pincelart-palette-dark .site-header{background:var(--pa-porcelain);color:var(--pa-black)}
.pincelart-palette-dark .site-nav a{color:var(--pa-black)}
.pincelart-palette-dark .site-nav a:hover,.pincelart-palette-dark .site-nav .current-menu-item>a{color:var(--pa-ocre)}
.pincelart-palette-dark .menu-toggle{border-color:var(--pa-black);color:var(--pa-black)}
.pincelart-palette-dark .hero{background:var(--pa-ocre)}
.pincelart-palette-vanilla .card{background:#fffdf0}
.pincelart-palette-dark .card{background:#303630;color:var(--pa-porcelain)}
.pincelart-palette-dark .button--outline{border-color:var(--pa-porcelain);color:var(--pa-porcelain)}
.pincelart-palette-dark .button--outline:hover{background:var(--pa-porcelain);color:var(--pa-black)}

/* The supplied master logo has generous transparent margins. Frame it in the menu
   so the visible mark, not the empty canvas, defines its size. */
.site-header__inner{min-height:92px}
.site-brand{position:relative;width:320px;height:72px;overflow:hidden;flex:0 0 320px}
.site-brand a{display:block;width:100%;height:100%}
.site-brand img{position:absolute;top:50%;left:50%;width:720px;max-width:none;max-height:none;height:auto;transform:translate(-50%,-50%)}
@media(max-width:760px){.site-header__inner{min-height:78px}.site-brand{width:235px;height:58px;flex-basis:235px}.site-brand img{width:530px}}

/* Editable footer and widget areas. */
.site-footer{margin-top:40px;padding-top:42px}.site-footer__widgets{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding-bottom:34px}.footer-widget{margin:0 0 24px}.footer-widget__title{margin:0 0 10px;color:var(--pa-yellow);font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.footer-widget p,.footer-widget li,.footer-widget a{color:#e8ebe5}.footer-widget ul{margin:0;padding:0;list-style:none}.footer-widget li{margin:0 0 8px}.footer-widget a:hover{color:var(--pa-yellow)}
@media(max-width:760px){.site-footer__widgets{grid-template-columns:1fr;gap:0;padding-bottom:18px}}

/* Nested WordPress menu items: dropdown on desktop, explicit toggle on mobile. */
.site-nav li{position:relative}.site-nav .sub-menu{display:none;position:absolute;top:calc(100% + 12px);left:-14px;z-index:1000;min-width:240px;margin:0;padding:10px;list-style:none;background:var(--pa-porcelain);border:1px solid var(--pa-border);border-radius:12px;box-shadow:var(--pa-shadow)}
.site-nav .sub-menu::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.site-nav .sub-menu li{margin:0}.site-nav .sub-menu a{display:block;padding:9px 10px;border-radius:7px;color:var(--pa-black);white-space:nowrap}.site-nav .sub-menu a:hover,.site-nav .sub-menu a:focus{background:var(--pa-vanilla);color:var(--pa-black)}
.site-nav .menu-item-has-children:hover>.sub-menu,.site-nav .menu-item-has-children:focus-within>.sub-menu,.site-nav .menu-item-has-children.is-submenu-open>.sub-menu{display:block}.submenu-toggle{margin-left:4px;padding:3px 6px;border:0;background:transparent;color:#fff;font:inherit;line-height:1;cursor:pointer}.submenu-toggle span{display:block;transition:transform .18s ease}.menu-item-has-children.is-submenu-open>.submenu-toggle span{transform:rotate(180deg)}.pincelart-palette-dark .submenu-toggle{color:var(--pa-black)}
@media(max-width:760px){.site-nav .menu-item-has-children{display:grid;grid-template-columns:1fr auto;align-items:center}.site-nav .menu-item-has-children>a{grid-column:1}.site-nav .submenu-toggle{grid-column:2;grid-row:1;color:#fff;padding:8px}.pincelart-palette-dark .site-nav .submenu-toggle{color:var(--pa-black)}.site-nav .sub-menu{grid-column:1 / -1;position:static;min-width:0;margin:4px 0 8px;padding:6px 0 6px 14px;border:0;border-left:2px solid var(--pa-yellow);border-radius:0;box-shadow:none;background:transparent}.site-nav .sub-menu a{color:#fff;white-space:normal}.pincelart-palette-dark .site-nav .sub-menu a{color:var(--pa-black)}.site-nav .sub-menu a:hover,.site-nav .sub-menu a:focus{background:transparent;color:var(--pa-yellow)}.pincelart-palette-dark .site-nav .sub-menu a:hover,.pincelart-palette-dark .site-nav .sub-menu a:focus{color:var(--pa-ocre)}.site-nav .menu-item-has-children:hover>.sub-menu,.site-nav .menu-item-has-children:focus-within>.sub-menu{display:none}.site-nav .menu-item-has-children.is-submenu-open>.sub-menu{display:block}}