:root{
  --ink:#25222c;--muted:#57515e;--paper:#fff;--surface:#f6f5f7;--accent:#583679;--line:#d9d5de;--focus:#116b65;
  --brand-purple:#4f12a5;--brand-purple-2:#6d2bd0;--brand-aqua:#00b4c2;--brand-aqua-dark:#007984;
  --brand-ink:#241b2f;--brand-lilac:#f6efff;--brand-aqua-soft:#ecfbfc;--brand-warm:#fff8ee;--brand-line:#e6dcef;
  --container-max:75rem;--gutter-page:clamp(1rem,4vw,3rem);--grid-gap:1.5rem;
  --space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:4rem;
  --type-display:clamp(2.25rem,4vw,3.5rem);--type-h2:clamp(1.75rem,2.7vw,2.25rem);--type-h3:clamp(1.3rem,2vw,1.5rem);
  --type-body-lg:1.125rem;--type-body:1rem;--type-small:.875rem;--radius:.5rem;--touch:2.75rem
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font:var(--type-body)/1.6 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:.15em}
a,button,input,select,textarea,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:var(--type-display);max-width:22ch;margin:var(--space-2) 0}
h2{font-size:var(--type-h2);margin:0 0 var(--space-3)}h3{font-size:var(--type-h3)}
p{max-width:70ch}ul,ol{padding-left:var(--space-3)}li{margin-block:var(--space-1)}
.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter-page)}
.site-header{border-bottom:1px solid var(--line);padding-block:var(--space-3)}
.brand{display:inline-block;font-weight:700;text-decoration:none;font-size:var(--type-body-lg);overflow-wrap:anywhere}
.site-header nav{display:flex;gap:var(--space-1) var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}
nav a{display:inline-flex;align-items:center;min-height:var(--touch)}nav a[aria-current=page]{font-weight:700;text-decoration-thickness:3px}.menu-button{float:right}
.hero{padding-block:var(--space-5)}.hero>p:not(.eyebrow){font-size:var(--type-body-lg)}.eyebrow{font-size:var(--type-small);font-weight:600;color:var(--muted)}
.gilclar-logo{width:min(100%,28rem);margin:var(--space-3) 0 0}.gilclar-logo img{display:block;width:100%;height:auto}
main>section:not(.hero){border-top:1px solid var(--line);padding-block:var(--space-5);scroll-margin-top:var(--space-3)}
.actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-block:var(--space-3)}
.button,button{display:inline-flex;justify-content:center;align-items:center;min-height:var(--touch);padding:var(--space-1) var(--space-3);border:1px solid var(--accent);border-radius:var(--radius);font:inherit;font-weight:600;color:var(--accent);background:white;text-decoration:none;cursor:pointer}
.actions .button:first-child{background:var(--accent);color:white}.button:hover{filter:brightness(.93)}
button:disabled{cursor:not-allowed;border-color:var(--muted);color:var(--muted);background:var(--surface)}
.cards,.footer-grid,.fields,.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}
.cards article{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius)}.cards h3{margin-block:0 var(--space-2)}
footer{background:var(--surface);border-top:1px solid var(--line);padding-block:var(--space-5)}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
footer ul{list-style:none;padding:0}footer a{overflow-wrap:anywhere}.footer-title{font-weight:700}
.footer-bottom{border-top:1px solid var(--line);padding-top:var(--space-3);display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:space-between}.footer-bottom nav{display:flex;gap:var(--space-3);flex-wrap:wrap}
.privacy-settings{min-height:auto;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-weight:inherit;text-decoration:underline;text-underline-offset:.2em}
.analytics-consent{position:fixed;z-index:1000;inset:auto 1rem 1rem;display:flex;justify-content:center}
.analytics-consent[hidden]{display:none}
.analytics-consent>div{width:min(100%,46rem);padding:1.2rem;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 1rem 3rem rgba(36,27,47,.24)}
.analytics-consent h2{margin:0 0 .55rem;font-size:1.35rem;color:var(--brand-purple)}
.analytics-consent p{margin:.4rem 0}
.analytics-consent-actions{display:flex;justify-content:flex-end;gap:.65rem;flex-wrap:wrap;margin-top:1rem}
.analytics-consent-actions [data-analytics-accept]{background:var(--brand-purple);border-color:var(--brand-purple);color:#fff}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-1);padding:0;font-size:var(--type-small)}.breadcrumbs li{display:flex;align-items:center}.breadcrumbs li+li:before{content:'›';padding-inline:var(--space-1)}
.review-bar{background:#eee8f4;border-bottom:1px solid var(--line);padding-block:var(--space-2)}.review-bar .container{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.review-bar span{font-size:var(--type-small)}
.review-note{font-size:var(--type-small);margin-block:var(--space-3);border:1px dashed #806998;border-radius:var(--radius);background:#faf8fc;padding:var(--space-2);color:var(--brand-ink)}
summary{min-height:var(--touch);cursor:pointer;align-content:center;font-weight:600}.review-note dt{font-weight:700;margin-top:var(--space-2)}.review-note dd{margin-left:0;max-width:75ch}
.placeholder{border-left:3px solid #806000;padding:var(--space-2);background:#fff8e5}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.fields label,.filters label{display:flex;flex-direction:column;gap:var(--space-1)}
input,select,textarea{width:100%;min-width:0;min-height:var(--touch);padding:var(--space-1);border:1px solid var(--muted);border-radius:var(--radius);font:inherit;background:white;color:var(--ink)}
fieldset{border:1px solid var(--line);padding:var(--space-3);min-width:0}legend{font-weight:600}textarea{min-height:7rem}.table-wrap{max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%}th,td{padding:var(--space-2);border:1px solid var(--line);text-align:left}
.size-table-wrap{margin:1rem 0;border:1px solid var(--brand-line);border-radius:.9rem;background:#fff}.size-table{min-width:44rem}.size-table caption{padding:1rem;color:var(--brand-purple);font-size:1.15rem;font-weight:750;text-align:left}.size-table caption small{color:var(--text);font-size:.9rem;font-weight:500}.size-table thead{background:var(--brand-aqua-soft)}.size-table tbody tr:nth-child(even){background:#faf8fc}.size-table th,.size-table td{text-align:center;white-space:nowrap}.size-table th:first-child{text-align:left}.size-table-wrap:focus-visible{outline:3px solid var(--brand-purple);outline-offset:2px}
dl.data{display:grid;grid-template-columns:minmax(6rem,1fr) 2fr;gap:var(--space-1)}dl.data dt{font-weight:600}dl.data dd{margin:0}
.skip{position:absolute;left:var(--space-2);top:-10rem;background:white;padding:var(--space-2);z-index:10}.skip:focus{top:var(--space-2)}[hidden]{display:none!important}

/* Fase visual v0.1 — validación únicamente en Inicio */
.page-inicio{--home-radius:1.5rem;--home-shadow:0 18px 55px rgba(64,20,118,.10);color:var(--brand-ink);background:#fff}
.page-inicio .site-header{border:0;background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(79,18,165,.10);padding-block:.8rem;position:relative;z-index:4}
.page-inicio .site-header>.container{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.page-inicio .brand-logo{display:inline-flex;align-items:center;flex:0 0 auto;line-height:0}
.page-inicio .brand-logo img{display:block;width:clamp(11.5rem,17vw,15rem);height:auto}
.page-inicio .site-header nav{margin:0;gap:.25rem;align-items:center;justify-content:flex-end}
.page-inicio .site-header nav a{min-height:2.75rem;padding:.35rem .72rem;border-radius:999px;color:#3d3348;text-decoration:none;font-weight:650;font-size:.95rem}
.page-inicio .site-header nav a:hover{background:var(--brand-lilac);color:var(--brand-purple)}
.page-inicio .site-header nav a[aria-current=page]{background:var(--brand-lilac);color:var(--brand-purple);text-decoration:none}
.page-inicio .menu-button{border:1px solid rgba(79,18,165,.2);border-radius:.85rem;background:#fff;color:var(--brand-purple);padding:.55rem .85rem;box-shadow:none}

.page-inicio main{padding-bottom:clamp(2rem,5vw,4rem)}
.page-inicio .hero{position:relative;overflow:hidden;margin-top:clamp(1.1rem,3vw,2rem);padding:clamp(3rem,7vw,5.5rem) clamp(1.4rem,6vw,4.75rem);border:1px solid #e9ddf5;border-radius:clamp(1.5rem,3vw,2.25rem);background:linear-gradient(125deg,#f7efff 0%,#fbf8ff 45%,#e9fbfc 100%);box-shadow:var(--home-shadow);isolation:isolate}
.page-inicio .hero::before,.page-inicio .hero::after{content:"";position:absolute;border-radius:50%;z-index:-1;filter:blur(.1px)}
.page-inicio .hero::before{width:19rem;height:19rem;right:-6rem;top:-7rem;background:radial-gradient(circle at 35% 35%,rgba(0,180,194,.32),rgba(0,180,194,0) 68%)}
.page-inicio .hero::after{width:22rem;height:22rem;right:8%;bottom:-15rem;background:radial-gradient(circle,rgba(79,18,165,.14),rgba(79,18,165,0) 70%)}
.page-inicio .hero .eyebrow{display:inline-flex;align-items:center;min-height:2rem;margin:0;padding:.25rem .7rem;border-radius:999px;background:#fff;border:1px solid rgba(79,18,165,.12);color:var(--brand-purple);font-size:.8rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.page-inicio .hero h1{max-width:15ch;margin:.85rem 0 1rem;color:var(--brand-purple);font-size:clamp(2.55rem,5.2vw,4.65rem);line-height:1.02;letter-spacing:-.045em;font-weight:850}
.page-inicio .hero>p:not(.eyebrow){max-width:58ch;margin:0;color:#463852;font-size:clamp(1.05rem,1.55vw,1.22rem);line-height:1.65}
.page-inicio .hero-meta{display:inline-flex;margin-top:.25rem;padding:.45rem .75rem;border-radius:.8rem;background:rgba(255,255,255,.72);border:1px solid rgba(0,180,194,.25)}
.page-inicio .hero-meta p{margin:0;color:#38515a;font-size:.9rem;font-weight:650}

.page-inicio .actions{gap:.75rem;margin-top:1.5rem;margin-bottom:.75rem}
.page-inicio .button,.page-inicio button{min-height:3rem;padding:.65rem 1.1rem;border-radius:.85rem;border:1px solid rgba(79,18,165,.26);background:#fff;color:var(--brand-purple);font-weight:750;box-shadow:0 7px 18px rgba(79,18,165,.07);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.page-inicio .actions .button:first-child{background:linear-gradient(135deg,var(--brand-purple),var(--brand-purple-2));border-color:transparent;color:#fff;box-shadow:0 10px 24px rgba(79,18,165,.22)}
.page-inicio .button:hover,.page-inicio button:hover{filter:none;transform:translateY(-1px);box-shadow:0 12px 24px rgba(79,18,165,.14)}
.page-inicio .actions .button:first-child:hover{box-shadow:0 14px 30px rgba(79,18,165,.28)}

.page-inicio main>section:not(.hero){border:0;padding-block:clamp(3.5rem,7vw,5.5rem)}
.page-inicio main>section:not(.hero)>h2{max-width:22ch;color:var(--brand-purple);font-size:clamp(2rem,3.6vw,3rem);line-height:1.05;letter-spacing:-.035em;font-weight:825}
.page-inicio main>section:not(.hero)>p{color:#51465b;font-size:1.05rem}
.page-inicio #INI-02{padding-left:clamp(1.25rem,4vw,3.2rem);border-left:.35rem solid var(--brand-aqua);margin-top:clamp(2.5rem,5vw,4rem)}
.page-inicio #INI-03,.page-inicio #INI-04{margin-block:1.25rem;padding:clamp(2rem,5vw,3.6rem);border-radius:var(--home-radius);box-shadow:0 10px 34px rgba(59,31,93,.06)}
.page-inicio #INI-03{background:var(--brand-aqua-soft);border:1px solid #cceff2}
.page-inicio #INI-04{background:var(--brand-lilac);border:1px solid #eadcf7}
.page-inicio #INI-05{padding-top:clamp(4rem,7vw,6rem)}
.page-inicio #INI-05 ol{counter-reset:step;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;list-style:none;padding:0;margin:2rem 0}
.page-inicio #INI-05 li{counter-increment:step;position:relative;min-height:10.5rem;margin:0;padding:3.5rem 1.15rem 1.15rem;border:1px solid var(--brand-line);border-radius:1.15rem;background:#fff;box-shadow:0 10px 28px rgba(79,18,165,.06);font-weight:650;color:#403449}
.page-inicio #INI-05 li::before{content:counter(step);position:absolute;top:1rem;left:1rem;display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;background:var(--brand-purple);color:#fff;font-weight:800}
.page-inicio #INI-05>p{font-size:.95rem;color:#675c70}
.page-inicio #INI-06{margin-block:1.5rem;padding-inline:clamp(1rem,3vw,2.25rem);border-radius:var(--home-radius);background:linear-gradient(180deg,#fff 0%,#fbf8ff 100%)}
.page-inicio #INI-06 .cards{margin:2rem 0 1.5rem}
.page-inicio #INI-06 .cards article{position:relative;min-height:9rem;padding:1.5rem;border:1px solid var(--brand-line);border-radius:1.2rem;background:#fff;box-shadow:0 14px 35px rgba(59,31,93,.07);overflow:hidden}
.page-inicio #INI-06 .cards article::before{content:"";position:absolute;left:0;top:0;right:0;height:.28rem;background:var(--brand-aqua)}
.page-inicio #INI-06 .cards article:nth-child(2)::before{background:#f4a62a}.page-inicio #INI-06 .cards article:nth-child(3)::before{background:#e8568e}
.page-inicio #INI-06 .cards h3{margin:.2rem 0}.page-inicio #INI-06 .cards a{color:var(--brand-purple);text-decoration:none}.page-inicio #INI-06 .cards a:hover{text-decoration:underline}
.page-inicio #INI-07 ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;list-style:none;padding:0;margin:1.8rem 0}
.page-inicio #INI-07 li{position:relative;margin:0;padding:1rem 1rem 1rem 2.7rem;border-radius:1rem;background:#fbf9fd;border:1px solid #eee5f5;font-weight:650;color:#45374e}
.page-inicio #INI-07 li::before{content:"✓";position:absolute;left:.9rem;top:.85rem;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--brand-aqua);color:var(--brand-ink);font-size:.78rem;font-weight:900}
.page-inicio #INI-08{position:relative;overflow:hidden;margin-top:1.5rem;padding:clamp(2.5rem,6vw,4.5rem);border-radius:clamp(1.5rem,3vw,2rem);background:linear-gradient(135deg,#42108c 0%,#5a19b5 58%,#006f79 140%);color:#fff;box-shadow:0 18px 45px rgba(79,18,165,.2)}
.page-inicio #INI-08>h2{color:#fff;max-width:18ch}.page-inicio #INI-08>p{color:#f0eaf8;max-width:60ch}.page-inicio #INI-08 .button{background:#fff;border-color:#fff;color:var(--brand-purple);box-shadow:none}.page-inicio #INI-08 .actions .button:first-child{background:var(--brand-aqua);color:var(--brand-ink);box-shadow:none}

.page-inicio footer{margin-top:clamp(2rem,5vw,4rem);padding-block:clamp(3rem,6vw,4.5rem);border-top:0;background:#24152f;color:#f7f2fb}
.page-inicio footer .footer-title{margin-top:0;color:#fff;font-size:1rem}.page-inicio footer a{color:#b7f4f7;text-decoration-color:rgba(183,244,247,.45)}.page-inicio footer p{color:#ddd1e5}.page-inicio footer>.container>p{color:#fff;font-weight:750}
.page-inicio .footer-bottom{border-color:rgba(255,255,255,.14);color:#d8cbe2}.page-inicio .footer-bottom a{color:#f5eefe}
.page-inicio .review-note{background:#fff;border-color:#987ab4;box-shadow:none}

@media(max-width:68rem){
  .page-inicio .site-header>.container{align-items:flex-start;flex-wrap:wrap}.page-inicio .site-header nav{flex-basis:100%;justify-content:flex-start}
  .page-inicio #INI-05 ol{grid-template-columns:repeat(3,minmax(0,1fr))}.page-inicio #INI-07 ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:55rem){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards,.filters{grid-template-columns:1fr}.site-header nav{flex-direction:column}.site-header nav[data-collapsed=true]{display:none}.hero{padding-block:var(--space-4)}
  .page-inicio .site-header>.container{display:block}.page-inicio .brand-logo img{width:12rem}.page-inicio .menu-button{float:right;margin-top:.15rem}.page-inicio .site-header nav{margin-top:1rem;gap:.25rem}.page-inicio .site-header nav a{width:100%;justify-content:flex-start}
  .page-inicio .hero{padding:2.7rem 1.45rem}.page-inicio .hero h1{font-size:clamp(2.45rem,10vw,3.5rem)}
  .page-inicio #INI-05 ol{grid-template-columns:repeat(2,minmax(0,1fr))}.page-inicio #INI-07 ul{grid-template-columns:1fr}
}
@media(max-width:35rem){
  .footer-grid,.fields{grid-template-columns:1fr}.menu-button{float:none;margin-top:var(--space-2)}.brand{display:block}.actions{align-items:stretch}.actions .button{width:100%}
  .page-inicio .menu-button{float:right;margin-top:.1rem}.page-inicio .brand-logo{display:inline-flex}.page-inicio .brand-logo img{width:10.8rem}
  .page-inicio main{padding-inline:1rem}.page-inicio .hero{margin-top:1rem;padding:2.3rem 1.1rem;border-radius:1.3rem}.page-inicio .hero h1{font-size:clamp(2.25rem,12vw,3rem)}
  .page-inicio #INI-02{padding-left:1rem}.page-inicio #INI-03,.page-inicio #INI-04,.page-inicio #INI-08{padding:1.7rem 1.15rem;border-radius:1.2rem}.page-inicio #INI-05 ol{grid-template-columns:1fr}.page-inicio #INI-05 li{min-height:auto}
}
@media print{.review-bar,.review-note,.skip,.menu-button{display:none}a{color:inherit}}

/* Inicio: integración de los cuatro personajes 2.5D aprobados. */
.page-inicio{background:#fffefa}
.page-inicio main{overflow:clip}
.page-inicio .home-character{margin:0;pointer-events:none}
.page-inicio .home-character img{display:block;width:100%;height:auto;filter:drop-shadow(0 1.2rem 1.1rem rgba(35,13,74,.16))}
.page-inicio .hero{overflow:visible;min-height:36rem;margin-top:2.5rem;padding:clamp(3rem,5vw,4.6rem);border:0;background:linear-gradient(118deg,#4d0d9b 0%,#6920c7 55%,#077f9c 130%);box-shadow:0 1.6rem 3.4rem rgba(62,17,126,.2)}
.page-inicio .hero::before{right:17%;top:-4rem;width:20rem;height:20rem;background:radial-gradient(circle,rgba(51,227,225,.25),transparent 70%)}
.page-inicio .hero::after{right:-4rem;bottom:-6rem;width:24rem;height:24rem;background:radial-gradient(circle,rgba(115,248,227,.3),transparent 70%)}
.page-inicio .hero .eyebrow{background:#fff;color:#50149b;border:0}
.page-inicio .hero h1,.page-inicio .hero>p:not(.eyebrow),.page-inicio .hero-meta p{position:relative;z-index:1;max-width:55%;color:#fff}
.page-inicio .hero h1{font-size:clamp(2.8rem,5.2vw,4.6rem);max-width:12ch}
.page-inicio .hero>p:not(.eyebrow){max-width:52%;color:#f4eaff}
.page-inicio .hero .actions,.page-inicio .hero-meta{position:relative;z-index:2;max-width:57%}
.page-inicio .hero .actions .button:first-child{background:#80eff0;color:#291844;border-color:#80eff0}
.page-inicio .hero .actions .button:not(:first-child){background:#fff;color:#4d0d9b;border-color:#fff}
.page-inicio .hero-meta{background:rgba(22,10,56,.25);border-color:rgba(255,255,255,.35)}
.page-inicio .hero-meta p{max-width:none}
.page-inicio .home-character-catalogo{position:absolute;z-index:1;width:clamp(19rem,34vw,29rem);right:clamp(-1.8rem,1vw,1.25rem);bottom:-3.5rem}
.page-inicio main>section:not(.hero){scroll-margin-top:1.5rem}
.page-inicio #INI-02{position:relative;margin-top:5rem;padding:2rem clamp(1.4rem,4vw,3rem);border:0;border-radius:1.5rem;background:linear-gradient(110deg,#69dfdf,#b6f3e7);box-shadow:0 .7rem 2rem rgba(0,111,123,.09)}
.page-inicio #INI-02>h2,.page-inicio #INI-02>p{color:#183345}
.page-inicio #INI-02 .actions .button:first-child{background:#451184;color:#fff}
.page-inicio #INI-03,.page-inicio #INI-04{position:relative;overflow:visible;border:0}
.page-inicio #INI-03{min-height:25rem;margin-top:4rem;padding:clamp(2.4rem,5vw,4rem);background:linear-gradient(112deg,#ff8878 0%,#ffc0a5 100%);box-shadow:0 1rem 2.4rem rgba(200,68,68,.13)}
.page-inicio #INI-03>h2,.page-inicio #INI-03>p,.page-inicio #INI-03 .actions{position:relative;z-index:2;max-width:55%}
.page-inicio #INI-03>h2,.page-inicio #INI-03>p{color:#40243d}
.page-inicio #INI-03 .actions .button:first-child{background:#542091;color:#fff}
.page-inicio .home-character-inventario{position:absolute;z-index:1;width:clamp(17rem,31vw,25rem);right:3%;bottom:-1.7rem}
.page-inicio #INI-04{margin-top:3.5rem;padding:clamp(2.4rem,5vw,4rem);background:linear-gradient(105deg,#56cbed 0%,#afeafa 100%);box-shadow:0 1rem 2.4rem rgba(25,125,170,.12)}
.page-inicio #INI-04>h2,.page-inicio #INI-04>p{color:#193a57}
.page-inicio #INI-04 .actions .button:first-child{background:#3d187d;color:#fff}
.page-inicio #INI-05{margin-top:3.5rem;padding:clamp(2.4rem,5vw,4rem);border-radius:var(--home-radius);background:linear-gradient(120deg,#ffad5e,#ffd390)}
.page-inicio #INI-05>h2,.page-inicio #INI-05>p{color:#46302d}
.page-inicio #INI-05 li{background:#fff9ed;border-color:#f0a651;box-shadow:0 .4rem 1.3rem rgba(154,72,20,.11)}
.page-inicio #INI-05 li::before{background:#7c2d75}
.page-inicio #INI-05 .actions .button:first-child{background:#57218d;color:#fff}
.page-inicio #INI-06{position:relative;margin-top:3.5rem;padding:clamp(2.4rem,5vw,4rem);background:linear-gradient(120deg,#ffe370,#ffefae)}
.page-inicio #INI-06>h2,.page-inicio #INI-06>p{color:#3e3041}
.page-inicio #INI-06 .cards{gap:1.2rem;margin-top:2rem;margin-bottom:0}
.page-inicio #INI-06 .cards article{min-height:21.5rem;padding:1.5rem;overflow:visible;background:#fffdfa;border:0;box-shadow:0 .8rem 1.7rem rgba(122,79,33,.14)}
.page-inicio #INI-06 .cards article::before{height:.45rem;border-radius:1.2rem 1.2rem 0 0;background:#02aeb7}
.page-inicio #INI-06 .cards article:nth-child(2)::before{background:#fb9729}
.page-inicio #INI-06 .cards article:nth-child(3)::before{background:#eb4b92}
.page-inicio #INI-06 .cards h3{position:static;max-width:55%}
.page-inicio #INI-06 .cards h3 a::after{content:"";position:absolute;inset:0;z-index:3}
.page-inicio #INI-06 .cards article:has(a:focus-visible){outline:3px solid var(--brand-purple);outline-offset:3px}
.page-inicio #INI-06 .cards article:first-child{background:linear-gradient(145deg,#fffefa 56%,#b5eeee)}
.page-inicio #INI-06 .cards article:first-child h3{max-width:55%}
.page-inicio #INI-06 .cards article:first-child::after{content:none}
.page-inicio #INI-06 .home-character{position:absolute;width:clamp(9rem,14vw,13.5rem);right:.3rem;bottom:-1.3rem}
.page-inicio #INI-06 .cards article:first-child .home-character{right:-.2rem}
.page-inicio #INI-06 .actions .button:first-child{background:#4d1588;color:#fff}
.page-inicio #INI-07{position:relative;margin-top:3.5rem;padding:clamp(2.4rem,5vw,4rem);border-radius:var(--home-radius);background:#e4f8f5}
.page-inicio #INI-07>h2{max-width:55%}
.page-inicio #INI-07 .gilclar-logo-inicio{position:absolute;top:-1rem;right:7.5%;width:min(36%,29rem);margin:0}
.page-inicio #INI-07 .gilclar-logo-inicio img{display:block;width:100%;height:auto}
.page-inicio #INI-07 li{background:#fff;border-color:#a4e9e4}
.page-inicio #INI-08{margin-top:3.5rem;background:linear-gradient(115deg,#fff2dc 0%,#ffe4ce 56%,#ffd4bb 100%);color:#42265b;box-shadow:0 1.4rem 2.5rem rgba(160,91,56,.15)}
.page-inicio #INI-08>h2,.page-inicio #INI-08>p{color:#42265b}
.page-inicio #INI-08 .actions .button:first-child{background:#4f12a5;color:#fff;border-color:#4f12a5}
.page-inicio #INI-08 .actions .button:not(:first-child){background:#fff9f2;color:#4f12a5;border-color:#4f12a5}
.page-inicio #INI-08>h2,.page-inicio #INI-08>p,.page-inicio #INI-08>.actions{position:relative;z-index:1;max-width:60%}
.page-inicio #INI-08 .gilclar-ovejita{position:absolute;right:6%;bottom:-2.5rem;width:clamp(15rem,25vw,24rem);margin:0;pointer-events:none}
.page-inicio #INI-08 .gilclar-ovejita img{display:block;width:100%;height:auto;filter:drop-shadow(0 1rem 1.5rem rgba(65,5,65,.18))}
@media(max-width:68rem){
  .page-inicio .hero{min-height:32rem}
  .page-inicio .home-character-catalogo{width:35vw}
  .page-inicio #INI-05 ol{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:55rem){
  .page-inicio .hero{min-height:0;padding:2.7rem 2.2rem 0}
  .page-inicio .hero h1,.page-inicio .hero>p:not(.eyebrow),.page-inicio .hero .actions,.page-inicio .hero-meta{max-width:100%}
  .page-inicio .home-character-catalogo{position:relative;right:auto;bottom:auto;width:min(70%,23rem);margin:1rem auto -2rem}
  .page-inicio #INI-03{min-height:0;padding-bottom:0}
  .page-inicio #INI-03>h2,.page-inicio #INI-03>p,.page-inicio #INI-03 .actions{max-width:100%}
  .page-inicio .home-character-inventario{position:relative;right:auto;bottom:auto;width:min(65%,20rem);margin:0 auto -1.5rem}
  .page-inicio #INI-05 ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-inicio #INI-06 .cards{margin-top:2rem;gap:1.2rem}
  .page-inicio #INI-06 .cards article{min-height:11rem}
  .page-inicio #INI-06 .home-character{width:10rem;right:2rem}
  .page-inicio #INI-07>h2{max-width:none}
  .page-inicio #INI-07 .gilclar-logo-inicio{position:static;width:min(80%,25rem);margin:1rem 0}
  .page-inicio #INI-08 .gilclar-ovejita{right:2%;bottom:-1.5rem;width:clamp(10rem,24vw,15rem)}
}
@media(max-width:35rem){
  .page-inicio .hero{padding:2.25rem 1.25rem 0}
  .page-inicio .hero h1{font-size:clamp(2.2rem,10.8vw,3rem)}
  .page-inicio .home-character-catalogo{width:min(88%,19rem);margin-top:.4rem}
  .page-inicio #INI-02,.page-inicio #INI-03,.page-inicio #INI-04,.page-inicio #INI-05,.page-inicio #INI-06,.page-inicio #INI-07,.page-inicio #INI-08{padding:2rem 1.25rem;border-radius:1.3rem}
  .page-inicio #INI-03{padding-bottom:0}
  .page-inicio .home-character-inventario{width:min(82%,18rem)}
  .page-inicio #INI-05 ol{grid-template-columns:1fr}
  .page-inicio #INI-06 .cards article{min-height:0;padding-bottom:0;overflow:hidden}
  .page-inicio #INI-06 .cards article:first-child{min-height:8rem}
  .page-inicio #INI-06 .cards h3,.page-inicio #INI-06 .cards article:first-child h3{max-width:100%}
  .page-inicio #INI-06 .home-character{position:relative;right:auto;bottom:auto;width:min(75%,11rem);margin:.2rem auto -.7rem}
  .page-inicio #INI-08>h2,.page-inicio #INI-08>p,.page-inicio #INI-08>.actions{max-width:none}
  .page-inicio #INI-08 .gilclar-ovejita{position:relative;right:auto;bottom:auto;width:min(54%,10rem);margin:1rem auto -2rem}
}
@media(prefers-reduced-motion:reduce){.page-inicio .button,.page-inicio button{transition:none}.page-inicio .button:hover,.page-inicio button:hover{transform:none}}

/* Lote aprobado integrado solo en Revisión de Inventario. */
.lot-card{padding:clamp(1rem,3vw,2rem);border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 10px 28px rgba(36,27,47,.06)}
.lot-card h3{margin:.3rem 0 1rem;color:var(--brand-purple)}
.lot-status{display:inline-block;margin:0;padding:.3rem .75rem;border-radius:999px;background:var(--brand-lilac);color:var(--brand-purple);font-size:.9rem;font-weight:700}
.lot-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:1.5rem 0}
.lot-gallery figure{min-width:0;margin:0;padding:.4rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface)}
.lot-gallery img{display:block;width:100%;height:auto;border-radius:.45rem}
.lot-gallery figcaption{text-align:center;font-weight:650;padding:.35rem .1rem}
.lot-terms{padding:.8rem 1rem;border-left:4px solid var(--brand-aqua);background:var(--brand-aqua-soft)}
.lot-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0}
.lot-fields label{display:flex;flex-direction:column;gap:.35rem;font-weight:650}
.lot-caution{color:var(--muted);font-size:.95rem}
#lot-lines{max-width:42rem}
#lot-lines li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
#lot-lines button{min-height:2.25rem;padding:.25rem .65rem;font-size:.85rem}
#lot-draft label{display:block;max-width:42rem;font-weight:650}
#lot-summary{display:block;min-height:8rem;margin:.4rem 0 1rem;resize:vertical;font-weight:400}
@media(max-width:55rem){.lot-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:35rem){.lot-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.lot-fields{grid-template-columns:1fr}}

/* Inventario: mesa de pedido con referencias, producto y resumen simultáneos. */
.page-inventario .hero{display:none}
.order-workspace{margin:1.5rem auto 3rem}
.order-workspace>h1{margin:.2rem 0;font-size:clamp(2rem,3vw,3rem)}
.order-workspace>p{margin:.3rem 0 1.1rem}
.reference-strip{display:flex;gap:.75rem;overflow-x:auto;padding:.6rem .2rem 1rem;margin-bottom:1rem;border-bottom:1px solid var(--brand-line)}
.reference-tile{display:flex;align-items:center;gap:.75rem;min-width:14rem;padding:.5rem .8rem;text-align:left;border:2px solid var(--brand-purple);border-radius:1rem;background:#fff;color:var(--brand-ink);cursor:pointer}
.reference-tile img{width:3.5rem;height:4.5rem;object-fit:cover;border-radius:.5rem}
.reference-tile span{display:grid;gap:.2rem}.reference-tile small{font-size:.875rem}
.order-panels{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(18rem,.85fr);align-items:start;gap:1.1rem}
.product-panel,.order-panel{min-width:0;padding:clamp(1rem,2vw,1.5rem);border:1px solid var(--brand-line);border-radius:1.15rem;background:#fff;box-shadow:0 .5rem 1.6rem rgba(45,23,83,.06)}
.product-panel h2,.order-panel h2{margin:.2rem 0 .8rem}
.product-panel .lot-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;overflow-x:auto}
.product-panel .lot-gallery figure{min-width:0;margin:0}.product-panel .lot-gallery img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:.5rem}
.product-panel .lot-gallery figcaption{font-size:.85rem;text-align:center}
.product-panel .lot-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.product-panel .lot-fields label{min-width:0}.product-panel .lot-fields select,.product-panel .lot-fields input{width:100%}
.order-panel{position:sticky;top:1rem}.order-panel #lot-lines{padding-left:1.3rem}.order-panel #lot-lines li{margin:.55rem 0}.order-panel #lot-lines button{margin-left:.5rem}
.order-panel textarea{width:100%;min-height:9rem}.order-panel #lot-request{display:inline-block;margin:.8rem 0}.order-panel #lot-request[hidden]{display:none}
@media(max-width:55rem){.order-panels{grid-template-columns:1fr}.order-panel{position:static}.product-panel .lot-gallery{grid-template-columns:repeat(5,minmax(7rem,1fr))}}
@media(max-width:35rem){.product-panel .lot-fields{grid-template-columns:1fr}.reference-strip{position:sticky;top:0;z-index:3;background:#fff}.product-panel .lot-gallery{grid-template-columns:repeat(5,7rem)}}
/* Compra compacta */
.order-workspace>h1{font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:.7rem}
.reference-strip{padding-top:.1rem;margin-bottom:.75rem}
.reference-tile{min-width:11rem;padding:.35rem .55rem}.reference-tile img{width:3.25rem;height:4rem}
.order-panels{grid-template-columns:minmax(18rem,1fr) minmax(0,1.4fr)}
.product-panel,.order-panel{padding:1rem}
.selected-image{height:min(43vh,26rem);display:flex;justify-content:center;align-items:center;background:#f8f6fa;border-radius:.8rem;overflow:hidden}
.selected-image>[data-color-image]{height:100%;max-width:100%;width:auto;object-fit:contain}
.selected-image>[hidden],.selected-image .mixed-image[hidden]{display:none}
.selected-image .mixed-image{height:100%;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:.2rem;padding:.3rem}
.mixed-image img{width:100%;height:100%;object-fit:contain;min-width:0}
#selected-color{text-align:center;font-weight:700;margin:.45rem 0}
.product-panel .lot-fields{grid-template-columns:1.35fr .8fr .8fr}
.order-table{width:100%;min-width:38rem;border-collapse:collapse;font-size:.82rem}.order-table th,.order-table td{padding:.45rem .2rem;border-bottom:1px solid var(--brand-line);text-align:left;white-space:nowrap}.order-table th{font-size:.8rem}.order-table tfoot th,.order-table tfoot td{font-weight:750}.order-table button{padding:.3rem .45rem;font-size:.8rem}
.order-panel .table-wrap{overflow-x:auto}.order-panel #lot-request{margin:.4rem 0}.order-details{margin:1rem 0 2rem;padding:1rem;border:1px solid var(--brand-line);border-radius:.8rem}.order-details summary{cursor:pointer;font-weight:700}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:55rem){.order-panels{grid-template-columns:1fr}.selected-image{height:21rem}}
@media(max-width:35rem){.product-panel .lot-fields{grid-template-columns:1fr}.selected-image{height:19rem}.mixed-image{gap:0}}
@media(min-width:55.01rem){
 .reference-tile{min-width:15.5rem;gap:.9rem;padding:.55rem .7rem}
 .reference-tile img{width:7.5rem;height:9.5rem;object-fit:cover;object-position:center top}
 .reference-tile span{align-self:end;padding-bottom:.35rem}
 .order-panels{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}
 .selected-image{height:min(66vh,37rem)}
}
.product-stage>[hidden]{display:none}
.product-stage .product-panel{height:100%}
.selected-image .group-view{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.selected-image .group-view[hidden]{display:none}
.selected-image .group-photo{display:block;max-width:100%;max-height:100%;object-fit:contain}
.product-panel .selected-color{text-align:center;font-weight:700;margin:.45rem 0}
/* En escritorio, las tres áreas de compra ocupan juntas la primera vista. */
@media(min-width:55.01rem){
 .page-inventario .site-header{padding:.45rem 0}
 .page-inventario .site-header>.container{display:flex;align-items:center;gap:2rem}
 .page-inventario .site-header nav{margin:0;gap:.8rem 1.35rem}
 .page-inventario .brand{white-space:nowrap;font-size:1rem}
 .page-inventario .breadcrumbs{display:none}
 .page-inventario .order-workspace{height:calc(100dvh - 4.5rem);min-height:34rem;margin:0;display:flex;flex-direction:column}
 .page-inventario .order-workspace>h1{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .page-inventario .reference-strip{flex:none;min-height:0;margin:0 0 .45rem;padding:.35rem 0 .55rem;align-items:center}
 .page-inventario .reference-tile{min-width:13rem;padding:.3rem .55rem;gap:.6rem}
 .page-inventario .reference-tile img{width:5.4rem;height:6.7rem;object-fit:contain}
 .page-inventario .reference-tile span{align-self:center}
 .page-inventario .order-panels{flex:1;min-height:0;gap:.75rem;padding-bottom:.6rem}
 .page-inventario .product-stage,.page-inventario .product-panel,.page-inventario .order-panel{height:100%;min-height:0}
 .page-inventario .product-panel{display:flex;flex-direction:column;padding:.7rem}
 .page-inventario .product-panel h2,.page-inventario .order-panel h2{font-size:1.5rem;margin:0 0 .35rem}
 .page-inventario .selected-image{flex:1;min-height:0;height:auto}
 .page-inventario .selected-color{margin:.2rem 0;font-size:.95rem}
 .page-inventario .lot-fields{gap:.45rem}
 .page-inventario .lot-fields select,.page-inventario .lot-fields input{min-height:2.3rem}
 .page-inventario .product-panel form button{margin-top:.35rem}
 .page-inventario .order-panel{display:flex;flex-direction:column;position:static;padding:.7rem}
 .page-inventario #lot-draft{display:flex;flex-direction:column;min-height:0;flex:1}
 .page-inventario .order-panel .table-wrap{min-height:0;flex:1;overflow:auto}
 .page-inventario #lot-total{margin:.5rem 0}
 .page-inventario .order-details{margin:1.25rem 0 2rem}
}
@media(min-width:70rem){
 .page-inventario .product-panel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,4fr) minmax(6.4rem,1fr);gap:.4rem;position:relative}
 .page-inventario .product-panel h2{grid-area:1/1;z-index:2;align-self:start;justify-self:start;margin:.5rem;padding:.2rem .55rem;border-radius:.45rem;background:rgba(255,255,255,.9);font-size:1.3rem}
 .page-inventario .selected-image{grid-area:1/1;width:100%;height:100%;min-height:0}
 .page-inventario .selected-color{grid-area:1/1;z-index:2;align-self:end;justify-self:center;margin:0 0 .4rem;padding:.1rem .65rem;border-radius:2rem;background:rgba(255,255,255,.92)}
 .page-inventario .product-panel form{grid-area:2/1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:end;min-height:0}
 .page-inventario .product-panel .lot-fields{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,.65fr);align-items:end}
 .page-inventario .product-panel .lot-fields label{font-size:.9rem;line-height:1.2}
 .page-inventario .product-panel .lot-fields select,.page-inventario .product-panel .lot-fields input{margin-top:.2rem;min-height:2.75rem}
 .page-inventario .product-panel form button{margin:0;white-space:nowrap;min-height:2.75rem;padding:.4rem .8rem}
}
@media(min-width:70rem){
 .page-inventario .selected-image .mixed-image{height:100%;width:100%;padding:0;gap:3px;align-items:stretch}
 .page-inventario .selected-image .mixed-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
 .page-inventario .order-table{table-layout:auto;width:100%;font-size:.82rem}
 .page-inventario .order-table th,.page-inventario .order-table td{white-space:nowrap;line-height:1.2;padding:.42rem .2rem}
 .page-inventario .order-table button{width:2rem;min-width:2rem;height:2rem;min-height:2rem;padding:0;font-size:1.2rem;line-height:1}
.page-inventario .order-panel .table-wrap{overflow:auto}
}
.page-inventario .order-panel .table-wrap:focus-visible{outline:3px solid var(--brand-purple);outline-offset:-3px}
.page-inventario .order-table button{color:#b42332;border-color:#b42332}
.page-inventario .order-table button:hover,.page-inventario .order-table button:focus-visible{background:#b42332;color:#fff}
@media(min-width:70rem){
 .page-inventario .product-panel form{align-items:start}
 .page-inventario .product-panel form button{margin-top:1.3rem}
}
/* Identidad oficial en la compra: el producto conserva el protagonismo. */
.site-header .brand-logo{display:inline-flex;align-items:center;line-height:0}
.site-header .brand-logo img{display:block;width:clamp(11rem,17vw,15rem);height:auto}
.page-inventario .site-header{border-bottom:2px solid var(--brand-aqua);background:#fff}
.page-inventario .site-header nav a{color:var(--brand-ink);text-decoration:none;font-weight:650}
.page-inventario .site-header nav a[aria-current=page]{color:var(--brand-purple);text-decoration:underline;text-decoration-color:var(--brand-aqua);text-underline-offset:.4rem}
.page-inventario .reference-strip{border-bottom-color:#c7eef0}
.page-inventario .reference-tile{border-color:#d8e8ea;box-shadow:0 3px 12px rgba(36,27,47,.05)}
.page-inventario .reference-tile[aria-current=true]{border-color:var(--brand-purple);background:var(--brand-lilac);box-shadow:0 4px 16px rgba(79,18,165,.12)}
.page-inventario .reference-tile small{color:var(--brand-aqua-dark);font-weight:700}
.page-inventario .product-panel,.page-inventario .order-panel{border-color:#d5eaec}
.page-inventario .product-panel h2{color:var(--brand-purple)}
.page-inventario .order-heading-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:2rem;margin-bottom:.35rem}
.page-inventario .order-heading-row h2{margin:0;color:var(--brand-purple)}
.page-inventario .order-heading-row img{display:block;width:clamp(7rem,12vw,10rem);max-height:2.15rem;height:auto;object-fit:contain;object-position:right center}
.page-inventario .product-panel form button{background:var(--brand-purple);border-color:var(--brand-purple);color:#fff}
.page-inventario #lot-request{background:var(--brand-aqua-dark);border-color:var(--brand-aqua-dark);color:#fff}
.page-inventario .order-table thead{background:var(--brand-aqua-soft)}
.page-inventario .order-table tfoot{background:var(--brand-lilac)}
@media(max-width:55rem){.page-inventario .site-header .brand-logo img{width:12rem}}
.page-inventario{background:linear-gradient(130deg,#fff4e9 0%,#fff8e7 24%,#eafbf7 60%,#e9f7ff 100%) fixed}
.page-inventario .site-header .brand-logo img{width:clamp(15rem,20vw,19rem)}
.page-inventario .reference-strip{background:linear-gradient(90deg,rgba(255,230,209,.48),rgba(223,248,245,.4));border-radius:.9rem;padding-inline:.4rem}
@media(min-width:70rem){.page-inventario .product-panel form button{margin-top:3.15rem}}
@media(max-width:55rem){.page-inventario .site-header .brand-logo img{width:13rem}}
@media(min-width:55.01rem){
 .page-inventario .site-header{padding:.2rem 0}
 .page-inventario .site-header nav{gap:.5rem .95rem;font-size:.95rem}
 .page-inventario .order-workspace{height:calc(100dvh - 6.8rem)}
}
/* Las referencias forman una vitrina completa y dejan el mayor espacio a la foto. */
@media(min-width:55.01rem){
 .page-inventario .reference-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;overflow:visible;padding:.45rem;margin-bottom:.5rem;border:1px solid #d5e9e9}
 .page-inventario .reference-tile{width:100%;min-width:0;min-height:4.9rem;gap:.45rem;padding:.28rem .4rem;border-radius:.75rem;box-shadow:0 2px 9px rgba(36,27,47,.04);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
 .page-inventario .reference-tile img{flex:none;width:3.3rem;height:4.2rem;object-fit:contain}
 .page-inventario .reference-tile span{min-width:0;padding:0;line-height:1.15}
 .page-inventario .reference-tile strong{font-size:.9rem;white-space:nowrap}
 .page-inventario .reference-tile small{font-size:.78rem;white-space:nowrap}
 .page-inventario .reference-tile:hover{transform:translateY(-2px);border-color:var(--brand-aqua);box-shadow:0 5px 15px rgba(0,145,157,.11)}
 .page-inventario .reference-tile[aria-current=true]{box-shadow:inset 0 0 0 1px var(--brand-purple),0 4px 13px rgba(79,18,165,.12)}
 .page-inventario .reference-tile:focus-visible{outline:3px solid var(--brand-aqua);outline-offset:2px}
}
@media(min-width:78rem){
 .page-inventario .reference-strip{grid-template-columns:repeat(7,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.page-inventario .reference-tile{transition:none}}
/* El arte conserva sus textos; solo el logo oficial se compone como archivo exacto. */
.page-inicio #INI-05{position:relative;min-height:35rem;overflow:hidden;background:#ff9318 url('/assets/como-comprar-25d-logo-limpio-v2.png') center/cover no-repeat;box-shadow:0 1rem 2.4rem rgba(172,86,6,.18);cursor:pointer}
.page-inicio #INI-05>h2{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.page-inicio #INI-05>.visual-card-logo{position:absolute;z-index:1;left:53.7%;top:87.5%;display:block;width:7.4%;height:auto;transform:rotate(-2deg)}
.page-inicio #INI-05>.visual-card-link{position:absolute;z-index:2;inset:0;overflow:hidden;text-indent:-200vw}
.page-inicio #INI-05>.visual-card-link:focus-visible{outline:5px solid #fff;outline-offset:-8px;text-decoration:none}
.page-inicio #INI-05>.review-note{position:relative;z-index:3}
@media(max-width:55rem){.page-inicio #INI-05{min-height:27rem;background-position:52% center}.page-inicio #INI-05>.visual-card-logo{left:53.7%;top:85%;width:8%}}
@media(max-width:35rem){.page-inicio #INI-05{min-height:34rem;background-image:url('/assets/como-comprar-25d-sin-marca-v1.png');background-size:auto 76%;background-position:57% bottom;background-color:#ff9218}.page-inicio #INI-05>h2{position:relative;z-index:1;width:auto;height:auto;max-width:90%;margin:0;color:#fff;font-family:'Arial Rounded MT Bold','Trebuchet MS',ui-sans-serif,sans-serif;font-size:2.65rem;font-weight:900;line-height:.98;letter-spacing:-.045em;white-space:normal;overflow:visible;clip:auto}.page-inicio #INI-05>.visual-card-logo{left:auto;top:auto;right:1rem;bottom:1rem;width:7.5rem;padding:.3rem;border-radius:.45rem;background:#fff;transform:none}}
/* Nuevos modelos conserva la ilustración y composición aprobadas. */
.page-inicio #INI-04{position:relative;min-height:35rem;overflow:hidden;background:#46a8e9 url('/assets/nuevos-modelos-25d-original-v1.webp') center/cover no-repeat;box-shadow:0 1rem 2.4rem rgba(25,125,170,.16);cursor:pointer}
.page-inicio #INI-04>h2{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.page-inicio #INI-04>.mobile-visual-title{display:none}
.page-inicio #INI-04>.visual-card-link{position:absolute;z-index:2;inset:0;overflow:hidden;text-indent:-200vw}
.page-inicio #INI-04>.visual-card-link:focus-visible{outline:5px solid #fff;outline-offset:-8px;text-decoration:none}
.page-inicio #INI-04>.review-note{position:relative;z-index:3}
@media(max-width:55rem){.page-inicio #INI-04{min-height:27rem;background-position:50% center}}
@media(max-width:35rem){.page-inicio #INI-04{min-height:34rem;background-image:url('/assets/nuevos-modelos-25d-sin-texto-mobile-v1.webp');background-size:auto 78%;background-position:57% bottom;background-color:#46a8e9}.page-inicio #INI-04>.mobile-visual-title{position:relative;z-index:1;display:block;max-width:9ch;color:#fff;font-family:'Arial Rounded MT Bold','Trebuchet MS',ui-sans-serif,sans-serif;font-size:2.8rem;font-weight:900;line-height:1;letter-spacing:-.045em}}
/* Inventario: tarjeta coral completa hacia las referencias disponibles. */
.page-inicio #INI-03{position:relative;min-height:35rem;overflow:hidden;background:#ff6468 url('/assets/inventario-disponible-25d-original-v1.webp') center/cover no-repeat;box-shadow:0 1rem 2.4rem rgba(200,68,68,.13);cursor:pointer}
.page-inicio #INI-03>h2{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.page-inicio #INI-03>.mobile-visual-title{display:none}
.page-inicio #INI-03>.visual-card-link{position:absolute;z-index:2;inset:0;overflow:hidden;text-indent:-200vw}
.page-inicio #INI-03>.visual-card-link:focus-visible{outline:5px solid #fff;outline-offset:-8px;text-decoration:none}
.page-inicio #INI-03>.review-note{position:relative;z-index:3}
@media(max-width:55rem){.page-inicio #INI-03{min-height:27rem;background-position:52% center}}
@media(max-width:35rem){.page-inicio #INI-03{min-height:34rem;padding-bottom:2rem;background-image:url('/assets/inventario-disponible-25d-sin-texto-mobile-v1.webp');background-size:auto 78%;background-position:57% bottom;background-color:#ff6468}.page-inicio #INI-03>.mobile-visual-title{position:relative;z-index:1;display:block;max-width:11ch;color:#fff;font-family:'Arial Rounded MT Bold','Trebuchet MS',ui-sans-serif,sans-serif;font-size:2.7rem;font-weight:900;line-height:1;letter-spacing:-.045em}}
/* Primera vista de PC: la introducción y las tres rutas de compra juntas. */
@media(min-width:55.01rem){
 .page-inicio main.container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;max-width:88rem}
 .page-inicio main>.hero,.page-inicio main>#INI-06,.page-inicio main>#INI-07,.page-inicio main>#INI-08{grid-column:1/-1}
 .page-inicio .hero{min-height:14rem;margin:.65rem 0 0;padding:1.35rem 1.7rem;overflow:hidden}
 .page-inicio .hero h1{max-width:70%;margin:.4rem 0;font-size:clamp(1.8rem,2.5vw,2.6rem)}
 .page-inicio .hero>p:not(.eyebrow){max-width:70%;font-size:.95rem;line-height:1.3}
 .page-inicio .hero .actions{max-width:75%;gap:.4rem;margin-top:.65rem}
 .page-inicio .hero .actions .button{min-height:2.5rem;padding:.35rem .7rem;font-size:.84rem}
 .page-inicio .hero-meta{display:none}
 .page-inicio .home-character-catalogo{width:clamp(10rem,17vw,15rem);right:2%;bottom:-1.8rem}
 .page-inicio main>#INI-03,.page-inicio main>#INI-04,.page-inicio main>#INI-05{min-height:0;aspect-ratio:1.95;margin:0;padding:0;border-radius:1rem;background-size:cover}
 .page-inicio main>#INI-06{margin-top:2.5rem}
}
@media(min-width:70rem){.page-inicio main.container{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:55.01rem){
 .page-inicio main>.hero{min-height:0;padding:.9rem 1.4rem}
 .page-inicio .hero h1{max-width:none;margin:0;font-size:clamp(1.7rem,2.2vw,2.2rem);line-height:1.1}
 .page-inicio .hero .eyebrow,.page-inicio .hero>p:not(.eyebrow),.page-inicio .hero .actions,.page-inicio .hero-meta,.page-inicio .home-character-catalogo{display:none}
}
@media(min-width:85rem){
 .page-inicio .site-header>.container{max-width:96rem}
 .page-inicio .site-header .brand-logo img{width:clamp(21rem,23vw,25rem)}
}
/* Talla y cantidad visibles por talla; el valor interno XXL conserva su identidad. */
.page-inventario .product-panel .lot-fields{grid-template-columns:minmax(0,1fr);gap:.5rem;margin:.55rem 0 0}
.page-inventario .product-panel .size-field{min-width:0;margin:0;padding:0;border:0}
.page-inventario .product-panel .size-field legend{padding:0;font-size:.9rem;font-weight:650;line-height:1.2}
.page-inventario .product-panel .size-quantity-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;max-width:33rem;margin-top:.3rem}
.page-inventario .product-panel .size-quantity{display:grid;gap:.25rem;min-width:0;text-align:center;font-weight:750}
.page-inventario .product-panel .size-quantity span{padding:.2rem .1rem;border-radius:.45rem;background:var(--brand-lilac);color:var(--brand-purple)}
.page-inventario .product-panel .size-quantity input{box-sizing:border-box;width:100%;min-width:0;min-height:2.75rem;margin:0;padding:.35rem .15rem;text-align:center;font-weight:700}
.page-inventario .product-panel .size-quantity:focus-within span{outline:3px solid var(--focus);outline-offset:2px}
.page-inventario .product-panel .size-validation{margin:.35rem 0 0;color:#a11935;font-weight:700}
.page-inventario .product-panel form button{align-self:flex-start;margin:.35rem 0 0}
@media(min-width:70rem){
 .page-inventario .product-panel{grid-template-rows:minmax(0,1fr) auto}
 .page-inventario .product-panel form{display:flex;flex-direction:column;align-items:stretch;gap:.25rem}
 .page-inventario .product-panel .lot-fields{grid-template-columns:minmax(0,1fr)}
 .page-inventario .product-panel form button{margin:.35rem 0 0}
}
.page-inventario .order-table th:last-child{position:relative}

.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.5rem}
.download-card{min-width:0;padding:1rem;border:1px solid var(--brand-lilac);border-radius:1rem;background:#fff}
.download-card img{display:block;width:100%;height:auto}
.download-card .actions{display:flex;flex-direction:column;align-items:stretch;gap:.65rem}
.download-card .button{text-align:center;white-space:normal;min-height:44px}

/* Páginas interiores: continuidad visual y lectura compacta. */
body:not(.page-inicio):not(.page-inventario){
  background:linear-gradient(130deg,#fff4e9 0%,#fff8e7 24%,#eafbf7 60%,#e9f7ff 100%) fixed;
}
body:not(.page-inicio):not(.page-inventario) .site-header{
  position:relative;z-index:3;padding-block:.7rem;border-bottom:2px solid rgba(0,180,194,.5);background:rgba(255,255,255,.94);box-shadow:0 4px 18px rgba(58,42,77,.05);
}
body:not(.page-inicio):not(.page-inventario) .site-header>.container{display:flex;align-items:center;justify-content:space-between;gap:2rem}
body:not(.page-inicio):not(.page-inventario) .brand-logo{display:inline-flex;align-items:center;line-height:0}
body:not(.page-inicio):not(.page-inventario) .brand-logo img{display:block;width:clamp(11rem,15vw,13.5rem);height:auto}
body:not(.page-inicio):not(.page-inventario) .site-header nav{margin:0;gap:.1rem .25rem;justify-content:flex-end;font-size:.92rem}
body:not(.page-inicio):not(.page-inventario) .site-header nav a{min-height:2.6rem;padding:.3rem .42rem;border-radius:999px;color:#3d3348;text-decoration:none;font-weight:650}
body:not(.page-inicio):not(.page-inventario) .site-header nav a:hover,
body:not(.page-inicio):not(.page-inventario) .site-header nav a[aria-current=page]{background:var(--brand-lilac);color:var(--brand-purple)}
body:not(.page-inicio):not(.page-inventario) main.container{max-width:68rem;padding-bottom:1.5rem}
body:not(.page-inicio):not(.page-inventario) .breadcrumbs{margin:.8rem 0 .3rem;padding:.15rem .2rem}
body:not(.page-inicio):not(.page-inventario) .breadcrumbs ol{margin:.25rem 0}
body:not(.page-inicio):not(.page-inventario) .hero{
  margin:.6rem 0 1rem;padding:clamp(1.4rem,2.5vw,1.9rem);border:1px solid rgba(79,18,165,.12);border-radius:1.4rem;background:linear-gradient(125deg,rgba(255,255,255,.96),rgba(248,241,255,.92) 52%,rgba(230,250,250,.9));box-shadow:0 12px 32px rgba(58,31,89,.08);
}
body:not(.page-inicio):not(.page-inventario) .hero h1{margin:.35rem 0 .65rem;color:var(--brand-purple);font-size:clamp(2rem,3.5vw,2.8rem)}
body:not(.page-inicio):not(.page-inventario) .hero .eyebrow{margin:0;color:var(--brand-aqua-dark);font-weight:750}
body:not(.page-inicio):not(.page-inventario) .hero>p:not(.eyebrow){margin:.55rem 0 0;font-size:1.05rem;line-height:1.55}
body:not(.page-inicio):not(.page-inventario) main>section:not(.hero){
  margin:1rem 0;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(91,62,116,.12);border-radius:1.2rem;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(59,31,93,.055);scroll-margin-top:1rem;
}
body:not(.page-inicio):not(.page-inventario) main>section:not(.hero):nth-of-type(3n+2){background:rgba(245,252,251,.94);border-color:rgba(0,150,160,.17)}
body:not(.page-inicio):not(.page-inventario) main>section:not(.hero):nth-of-type(3n){background:rgba(252,247,255,.94);border-color:rgba(109,43,208,.14)}
body:not(.page-inicio):not(.page-inventario) main>section:not(.hero)>h2{margin:0 0 .75rem;color:var(--brand-purple);font-size:clamp(1.55rem,2.6vw,2.05rem)}
body:not(.page-inicio):not(.page-inventario) main>section p{margin:.55rem 0;line-height:1.58}
body:not(.page-inicio):not(.page-inventario) main>section h3{margin:1.1rem 0 .45rem;color:#3f2962}
body:not(.page-inicio):not(.page-inventario) main>section ul,
body:not(.page-inicio):not(.page-inventario) main>section ol{margin:.65rem 0;padding-left:1.4rem}
body:not(.page-inicio):not(.page-inventario) main>section li{margin-block:.35rem}
body:not(.page-inicio):not(.page-inventario) main>section details{margin:.75rem 0;padding:.5rem .85rem;border:1px solid rgba(79,18,165,.12);border-radius:.8rem;background:rgba(255,255,255,.78)}
body:not(.page-inicio):not(.page-inventario) footer{margin-top:1.5rem;padding-block:2.5rem;border-top:0;background:#281a35;color:#f7f2fb}
body:not(.page-inicio):not(.page-inventario) footer a{color:#b7f4f7}
body:not(.page-inicio):not(.page-inventario) footer p{color:#ddd1e5}
body:not(.page-inicio):not(.page-inventario) .footer-bottom{border-color:rgba(255,255,255,.16)}

@media(max-width:55rem){
  body:not(.page-inicio):not(.page-inventario) .site-header>.container{display:block}
  body:not(.page-inicio):not(.page-inventario) .brand-logo img{width:12rem}
  body:not(.page-inicio):not(.page-inventario) .menu-button{float:right;margin-top:.15rem;border-radius:.8rem;background:#fff;color:var(--brand-purple)}
  body:not(.page-inicio):not(.page-inventario) .site-header nav{margin-top:.7rem;gap:.15rem}
  body:not(.page-inicio):not(.page-inventario) .site-header nav a{width:100%;justify-content:flex-start}
}
@media(max-width:35rem){
  body:not(.page-inicio):not(.page-inventario) main.container{padding-inline:1rem}
  body:not(.page-inicio):not(.page-inventario) .hero{padding:1.35rem 1.1rem;border-radius:1rem}
  body:not(.page-inicio):not(.page-inventario) .hero h1{font-size:clamp(1.9rem,9vw,2.5rem)}
  body:not(.page-inicio):not(.page-inventario) main>section:not(.hero){margin:.75rem 0;padding:1.1rem;border-radius:.95rem}
  body:not(.page-inicio):not(.page-inventario) main>section:not(.hero)>h2{font-size:1.5rem}
  body:not(.page-inicio):not(.page-inventario) footer{margin-top:1rem;padding-block:2rem}
}