/* V4 | The Little Coloring Lab: diseño original PILUVI NUMI */
.nav nav a.pn-nav-lab,.nav nav a[href="taller-de-color.html"]{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;border:1px solid #d49ab2;border-radius:999px;background:#f6dce7;color:#74304e!important;font-weight:750!important;text-decoration:none;box-shadow:0 3px 10px #873d5e12}
.nav nav a.pn-nav-lab::after,.nav nav a[href="taller-de-color.html"]::after{content:'Gratis';font-size:10px;line-height:1.5;font-weight:750;letter-spacing:.01em;padding:2px 5px;border-radius:99px;background:#fffaf6;color:#74304e}
html[lang="en"] .nav nav a.pn-nav-lab::after,html[lang="en"] .nav nav a[href="taller-de-color.html"]::after{content:'Free'}
.nav nav a.pn-nav-lab:hover,.nav nav a[href="taller-de-color.html"]:hover{background:#eed0df;border-color:#a76281}
.nav nav a.pn-nav-lab:focus-visible,.nav nav a[href="taller-de-color.html"]:focus-visible{outline:3px solid #873d5e;outline-offset:4px}
@media(min-width:1051px) and (max-width:1180px){.nav nav a.pn-nav-lab,.nav nav a[href="taller-de-color.html"]{padding:8px}.nav nav a.pn-nav-lab::after,.nav nav a[href="taller-de-color.html"]::after{display:none}}
@media(max-width:1050px){.nav nav a.pn-nav-lab,.nav nav a[href="taller-de-color.html"]{justify-content:flex-start;margin-block:8px;padding:12px 15px;border-bottom:1px solid #d49ab2}}
.pn-lab-feature{background:linear-gradient(135deg,#fae5ed 0%,#fff9f5 54%,#e8e9fa 100%);border-radius:36px;padding:48px;display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center;position:relative;overflow:hidden;box-shadow:0 16px 30px #bd86991c}
.pn-lab-feature:after{content:'♡ ✿ ✧';position:absolute;right:30px;top:15px;color:#d8a1b7;font-size:22px;letter-spacing:13px}
.pn-lab-feature h2{font:500 clamp(2.7rem,4vw,4.7rem)/1.08 Georgia,serif;color:#694657;margin:16px 0}.pn-lab-feature h2 em{color:#b85c86}.pn-lab-feature p{line-height:1.85;color:#775c6c;max-width:500px}
.pn-lab-feature-image{max-width:430px;border:12px solid white;border-radius:28px;overflow:hidden;background:#fff;box-shadow:12px 17px 0 #e5c0d0,0 22px 34px #a3688726;transform:rotate(2deg);margin:auto}.pn-lab-feature-image img{width:100%;display:block;aspect-ratio:1;object-fit:contain;padding:18px}
.pn-lab-feature .pn-button{display:inline-flex;margin-top:19px}
.pn-lab-top{padding:65px 0 32px;text-align:center;background:linear-gradient(160deg,#fffbf8,#fae4ee 58%,#f6efff)}
.pn-lab-top h1{font:500 clamp(3.1rem,6vw,5.6rem)/1.06 Georgia,serif;color:#624452;margin:14px 0}.pn-lab-top h1 em{color:#b65c83}.pn-lab-top p{max-width:660px;color:#745d6b;line-height:1.75;margin:16px auto 0}
.pn-lab-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:32px;align-items:start;max-width:1120px;margin:34px auto 80px;padding:0 22px}
.pn-lab-canvas-wrap{background:#fff;border:1px solid #ecd9e2;padding:22px;border-radius:26px;box-shadow:0 19px 47px #a5637919}
#pn-lab-canvas{width:100%;height:auto;display:block;background:#fff;cursor:crosshair;border-radius:12px;touch-action:manipulation;box-shadow:inset 0 0 0 1px #f1e3e8}
.pn-lab-aside{background:#fff7fa;border:1px solid #eed9e3;padding:29px;border-radius:26px}.pn-lab-aside h2{font:500 2rem Georgia,serif;color:#634354}.pn-lab-aside p{font-size:.9rem;line-height:1.75;color:#745e6b}
.pn-lab-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:20px 0 24px}.pn-lab-swatch{aspect-ratio:1;border-radius:50%;border:3px solid #fff;outline:1px solid #e9d0da;background:var(--paint);cursor:pointer;min-width:32px;box-shadow:0 3px 5px #6b4b5d18}.pn-lab-swatch[aria-pressed='true']{outline:3px solid #97506d;outline-offset:2px;transform:scale(1.09)}
.pn-lab-actions{display:flex;flex-wrap:wrap;gap:10px}.pn-lab-action{border-radius:20px;border:1px solid #eccbd9;background:white;padding:12px 18px;color:#88536b;font-weight:700;cursor:pointer;font-size:.9rem}.pn-lab-action.primary{background:#a75e7b;color:white;border-color:#a75e7b}.pn-lab-action:disabled{opacity:.45;cursor:not-allowed}
.pn-lab-tag{font-size:.72rem;font-weight:800;letter-spacing:.09em;color:#9d5878;text-transform:uppercase}.pn-lab-status{font-size:.85rem;padding:12px 0;color:#84586b;min-height:48px}.pn-lab-notice{background:#fff;border-left:3px solid #c78ca8;padding:12px 14px;font-size:.81rem;border-radius:9px;margin-top:17px}
.pn-lab-steps{margin:20px 0 12px;padding-left:22px;color:#745e69;font-size:.86rem;line-height:1.8}
@media(max-width:930px){.pn-lab-panel{grid-template-columns:1fr;max-width:670px}.pn-lab-feature{grid-template-columns:1fr;gap:24px}}
@media(max-width:550px){.pn-lab-feature{padding:29px 20px;border-radius:24px}.pn-lab-feature h2{font-size:2.6rem}.pn-lab-canvas-wrap{padding:9px;border-radius:16px}.pn-lab-panel{padding:0 15px;gap:15px}.pn-lab-aside{padding:20px}.pn-lab-palette{gap:8px}.pn-lab-swatch{min-width:30px}.pn-lab-top{padding:36px 22px}.pn-lab-top h1{font-size:3rem}}
@media(prefers-reduced-motion:reduce){.pn-lab-feature-image{transform:none!important}}
/* Ajuste de navegación para tablet y pantallas medianas */
@media(max-width:1050px){
.mobile-toggle{display:block}
.nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fffdfa;box-shadow:0 8px 15px #67435020;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 22px}
.nav nav.open{display:flex}
.nav nav a{padding:13px 8px;border-bottom:1px solid #f4e8eb}
}
html,body{max-width:100%;overflow-x:clip}