.navigation{position:relative}.nav-links{gap:23px}.services-menu>summary{cursor:pointer;list-style:none;font-weight:700;display:flex;gap:8px;align-items:center;padding:9px 0;font-size:.875rem}.services-menu>summary::-webkit-details-marker{display:none}.services-menu>summary:after{content:'⌄';transition:rotate .25s}.services-menu[open]>summary:after{rotate:180deg}.services-menu.active>summary{color:#b93425}.services-menu summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.service-dropdown{position:absolute;right:0;top:76px;width:min(710px,calc(100vw - 64px));padding:25px;background:var(--paper);background-image:var(--grain);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:5px;z-index:50;color:var(--ink)}.dropdown-intro{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #17252645;padding-bottom:15px;margin-bottom:15px}.dropdown-intro p{margin:0;font-family:Fraunces,Georgia,serif;font-weight:900;font-size:1.5rem;letter-spacing:-.04em}.dropdown-intro a{font-size:.8rem;text-decoration:underline}.dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dropdown-grid a{padding:13px!important;border-radius:3px;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;transition:background .2s}.dropdown-grid a:hover,.dropdown-grid a:focus-visible{background:#e94f3b18}.dropdown-grid a>span:first-child{font-size:1.5rem;color:#b93425}.dropdown-grid strong{font-size:.875rem;display:block}.dropdown-grid small{font-size:.75rem;font-weight:400;display:block;margin-top:3px}.service-dropdown a:after{display:none}.services-menu[open] .service-dropdown{animation:drop-in .3s var(--ease)}.hero{overflow:visible}.hero-art{width:100%;margin-left:0}.hero-services{position:relative;z-index:10}.hero-services>summary{padding:14px 22px;border:2px solid var(--ink);border-radius:40px;box-shadow:4px 4px 0 var(--ink);background:var(--paper)}.hero-services .service-dropdown{top:calc(100% + 15px);left:0;right:auto;width:min(640px,calc(100vw - 64px))}.hero-actions{position:relative;z-index:12}.hero-copy{z-index:5}.nav-links a[aria-current=page]:after{transform:scaleX(1) rotate(-2deg)}.subpage-hero{padding:35px 0 55px;border-bottom:2px solid var(--ink)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:.8rem;margin-bottom:34px;align-items:center}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.breadcrumbs span{color:#6a685d}.subpage-hero h1{font-size:clamp(2.7rem,6vw,5.4rem);max-width:1000px;line-height:1.02;margin:12px 0 22px}.subpage-hero .intro-copy{font-size:1.1rem;line-height:1.65;max-width:700px}.subpage-hero .eyebrow{margin-bottom:14px}.subpage-hero .button{margin:10px 0 4px}.page-intro-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:50px;align-items:center}.service-stamp{aspect-ratio:1;max-width:320px;margin:auto;border:3px solid var(--ink);border-radius:50%;background:var(--coral);box-shadow:12px 12px 0 var(--ink);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-7deg);padding:28px;text-align:center}.service-stamp .stamp-number{font-family:Fraunces,Georgia,serif;font-size:clamp(5rem,10vw,9rem);line-height:1}.service-stamp p{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;max-width:180px;margin:20px 0 0;font-weight:800}.service-detail-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:start}.service-detail-grid .copy{font-size:1.05rem;line-height:1.75;margin-top:24px}.deliverables{list-style:none;padding:0;margin:0;counter-reset:item}.deliverables li{counter-increment:item;border-bottom:1px solid #17252655;padding:20px 0;font-size:1.1rem;display:flex;gap:18px}.deliverables li:before{content:counter(item,decimal-leading-zero);color:#b93425;font-weight:800}.deliverables li:first-child{border-top:1px solid #17252655}.service-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:35px}.service-timeline span{display:grid;place-items:center;width:42px;height:42px;background:var(--coral);border:2px solid var(--ink);border-radius:50%;color:var(--ink);font-weight:800;margin-bottom:18px}.service-timeline p{line-height:1.7;margin:0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq-list details{border-bottom:1px solid var(--ink);padding:20px 0}.faq-list details:first-child{border-top:1px solid var(--ink)}.faq-list summary{font-weight:700;font-size:1.1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';color:#b93425;font-size:1.3rem}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:17px 30px 0 0;line-height:1.7}.page-cta{padding:52px 0;border-block:2px solid var(--ink)}.page-cta .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.page-cta h2{font-size:clamp(2rem,4vw,3.3rem);max-width:680px}.page-cta .button{flex-shrink:0}.page-jump{margin:30px 0 0;font-size:.9rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}.directory .services-grid .service{min-height:260px}.directory .service-icon{font-family:Fraunces,serif;font-size:2rem}.page-content>.portfolio{padding-top:50px}.page-content>.portfolio .section-head h2{font-size:2rem}.page-content>.about{border-top:0}.page-content>.about .about-copy h2{font-size:2.5rem}.studio-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.studio-principles article{padding:26px;box-shadow:5px 5px 0 var(--coral)}.studio-principles h3{font-family:Fraunces,serif;font-size:1.7rem}.studio-principles p{line-height:1.7;margin-bottom:0}.brief-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.brief-aside h2{font-size:2.8rem;margin-bottom:25px}.brief-aside p{line-height:1.7}.brief-aside .contact-links{border-left:0;padding-left:0;margin-top:30px}.brief-form{padding:30px;box-shadow:7px 7px 0 var(--coral)}.brief-form label{display:block;font-size:.9rem;font-weight:700;margin:0 0 8px}.brief-form input,.brief-form select,.brief-form textarea{display:block;width:100%;border:1.5px solid var(--ink);border-radius:3px;padding:12px;background:#fff9ec;color:var(--ink);font:inherit;font-size:1rem;margin-bottom:22px}.brief-form textarea{resize:vertical;min-height:140px}.brief-form input:focus,.brief-form select:focus,.brief-form textarea:focus{outline:3px solid var(--mustard);outline-offset:2px}.form-note{font-size:.8rem;line-height:1.6;color:#57594f;margin-top:22px}.brief-result{margin-top:25px;border-top:1px solid var(--ink);padding-top:20px}.brief-result[hidden]{display:none}.brief-result p{font-size:.9rem}.brief-form .button{white-space:normal}.related-services{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.related-services a{border:1px solid var(--ink);padding:11px 16px;border-radius:40px;font-size:.9rem}.related-services a:hover{background:var(--ink);color:var(--paper)}@keyframes drop-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@view-transition{navigation:auto}::view-transition-old(root){animation:fade-out .16s ease both}::view-transition-new(root){animation:fade-in .3s var(--ease) both}@keyframes fade-out{to{opacity:0}}
@media(max-width:1100px){.nav-links{gap:14px}.page-intro-grid{grid-template-columns:1.4fr .6fr;gap:25px}.service-stamp{box-shadow:7px 7px 0 var(--ink)}.service-stamp .stamp-number{font-size:5.5rem}.service-detail-grid,.brief-grid{gap:35px}}
@media(max-width:800px){.nav-links{max-height:calc(100dvh - 76px);overflow-y:auto;align-items:stretch!important;gap:6px}.nav-links>a{align-self:flex-start}.services-menu>summary{font-size:1rem}.nav-links .service-dropdown{position:static;width:100%;max-width:none;box-shadow:none;padding:14px;margin:10px 0}.dropdown-intro{flex-wrap:wrap}.dropdown-grid{grid-template-columns:1fr}.dropdown-grid a{padding:10px!important}.dropdown-grid small{font-size:.8rem}.hero-services .service-dropdown{width:min(600px,calc(100vw - 45px));max-height:55svh;overflow:auto}.hero-services .dropdown-grid{grid-template-columns:1fr 1fr}.page-intro-grid{grid-template-columns:1fr}.service-stamp{display:none}.subpage-hero{padding:25px 0 45px}.subpage-hero h1{font-size:clamp(2.4rem,8vw,4rem)}.breadcrumbs{margin-bottom:25px}.service-detail-grid,.faq-grid,.brief-grid{grid-template-columns:1fr;gap:30px}.service-timeline{grid-template-columns:1fr 1fr}.studio-principles{grid-template-columns:1fr}.page-cta .container{flex-direction:column;align-items:flex-start;gap:25px}.brief-form{padding:22px}.hero-art{width:min(630px,100%)}.page-cta h2{font-size:2.3rem}}
@media(max-width:480px){.hero-services .dropdown-grid{grid-template-columns:1fr}.dropdown-intro p{font-size:1.3rem}.service-timeline{gap:25px 18px}.hero-services{width:100%}.hero-services>summary{width:fit-content}.subpage-hero h1{font-size:2.7rem;overflow-wrap:break-word}.brief-aside h2{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.service-dropdown{animation:none!important}}

/* ==PORTFOLIO== */
.sello-demo{position:absolute;left:12px;top:12px;z-index:2;background:var(--paper);
  color:var(--ink);border:1.5px solid var(--ink);border-radius:30px;padding:6px 12px;
  font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  box-shadow:3px 3px 0 var(--coral)}
.project-art{position:relative;display:block}
.project-art .project-media{display:block;width:100%;height:auto;aspect-ratio:4/3;
  object-fit:cover}
.aviso-demo{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.85rem;
  line-height:1.6;margin-top:22px;padding-top:18px;border-top:1px solid #17252633}
.aviso-demo .sello-demo{position:static}
.piezas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;
  margin-top:34px}
.pieza{margin:0;border:2px solid var(--ink);background:var(--paper);
  box-shadow:7px 7px 0 var(--coral)}
.pieza img{display:block;width:100%;height:auto}
.pieza figcaption{padding:14px 16px;font-size:.85rem;line-height:1.55;
  border-top:2px solid var(--ink)}
.hojas{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hojas .hoja{border:2px solid var(--ink);border-radius:40px;padding:13px 22px;
  font-size:.9rem;font-weight:700;box-shadow:4px 4px 0 var(--coral);
  transition:translate .25s var(--ease),box-shadow .25s var(--ease)}
.hojas .hoja:hover{translate:-2px -3px;box-shadow:6px 7px 0 var(--coral)}
@media(max-width:700px){.piezas-grid{grid-template-columns:1fr}}

/* ==VELALTA== la ficha del proyecto, con las normas y las aplicaciones
   dentro. Todo con el prefijo v- para no chocar con nada del sitio. */
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 600;
  font-display:swap;src:url('/fuentes/source-serif.woff2') format('woff2')}
.v-serif{font-family:'Source Serif 4',Georgia,serif}
.v-rejilla{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.v-caja{background:#fff;border:2px solid var(--ink);padding:22px;
  box-shadow:6px 6px 0 var(--coral)}
.v-caja.v-ancha{grid-column:1/-1}
.v-caja h3{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;
  color:#4B5730;margin:0 0 14px}
.v-caja.v-oscura{background:#4B5730}
.v-caja.v-oscura h3{color:#C9A044}
.v-caja.v-oscura .v-pie{color:#c8cfbd}
.v-pie{font-size:.82rem;line-height:1.55;color:#5c665f;margin:14px 0 0}
.v-aire{display:inline-block;padding:34px;outline:1px dashed #b8b2a0}
.v-tallas{display:flex;align-items:flex-end;gap:24px}
.v-tallas>div{text-align:center}
.v-tallas span{display:block;font-size:.68rem;color:#7a847d;margin-top:7px}
.v-tabla{overflow-x:auto}
.v-tabla table{border-collapse:collapse;width:100%;font-size:.88rem;min-width:520px}
.v-tabla td{border-bottom:1px solid #e2e0d8;padding:12px 10px;vertical-align:top}
.v-tabla small{color:#7a847d;font-size:.76rem}
.v-cod{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;
  white-space:nowrap}
.v-muestra{display:block;width:44px;height:44px;border:1px solid #00000022}
.v-specimen{font-family:'Source Serif 4',Georgia,serif;font-size:2.6rem;
  font-weight:600;color:#4B5730;margin:0 0 4px;line-height:1.1}
.v-alfabeto{font-family:'Source Serif 4',Georgia,serif;font-size:1.05rem;
  line-height:1.7;margin:0}

.v-titulo{font-family:Fraunces,Georgia,serif;font-size:1.7rem;margin:34px 0 4px}
.v-intro{font-size:.92rem;line-height:1.6;color:#5c665f;max-width:66ch;margin:0 0 18px}
.v-par{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.v-tarjeta{aspect-ratio:85/55;border:1px solid #00000018;padding:6%;
  display:flex;flex-direction:column;justify-content:space-between;
  background:#F6F1E7;box-shadow:7px 7px 0 #4b573026;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#1B2420}
.v-anverso{align-items:center;justify-content:center;gap:14px}
.v-lema{font-family:'Source Serif 4',Georgia,serif;font-size:.72rem;
  line-height:1.45;text-align:center;color:#6b7364;margin:0}
.v-reverso{background:#4B5730}
.v-datos{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;
  font-size:.62rem;line-height:1.5;color:#e6e2d4}
.v-datos p{margin:0}
.v-datos strong{color:#F6F1E7;font-weight:600}
.v-urgencias{font-size:.55rem;letter-spacing:.06em;color:#C9A044;margin:0;
  padding-top:7px;border-top:1px solid #ffffff2e}
.v-linea{display:flex;align-items:baseline;gap:7px;margin:0;font-size:.54rem;
  letter-spacing:.1em;text-transform:uppercase;color:#8a9184}
.v-linea i{flex:1;border-bottom:1px solid #4b573040;height:.7em}
.v-cuerpo-cita{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.v-fecha{display:flex;align-items:baseline;gap:10px}
.v-dia{font-family:'Source Serif 4',Georgia,serif;font-size:3.4rem;font-weight:600;
  line-height:.85;color:#4B5730}
.v-mes{font-family:'Source Serif 4',Georgia,serif;font-size:.82rem;line-height:1.3}
.v-quien{text-align:right;font-size:.55rem;line-height:1.5;color:#5c665f}
.v-quien p{margin:0 0 5px}
.v-quien strong{color:#4B5730;font-weight:600;font-size:.6rem}
.v-pie-cita{font-size:.54rem;line-height:1.55;color:#6b7364;margin:0;
  padding-top:6px;border-top:1px solid #4b573026}
.v-pie-cita strong{color:#4B5730;font-weight:600}
.v-dorso{background:#fff}
.v-dorso-titulo{font-family:'Source Serif 4',Georgia,serif;font-size:.88rem;
  font-weight:600;color:#4B5730;margin:0 0 6px;padding-bottom:5px;
  border-bottom:1px solid #4b573026}
.v-dorso-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v-dorso-cols h4{font-size:.5rem;letter-spacing:.11em;text-transform:uppercase;
  color:#C9A044;margin:0 0 4px}
.v-dorso ul{margin:0;padding-left:.85em;font-size:.5rem;line-height:1.5;color:#4a554f}
.v-dorso li{margin-bottom:3px}
.v-aviso{font-size:.5rem;line-height:1.55;color:#4a554f;margin:0;
  background:#4b57300d;border-left:2px solid #C9A044;padding:6px 8px}
.v-dorso-pie{display:flex;align-items:flex-end;justify-content:space-between;
  gap:10px;padding-top:6px;border-top:1px solid #4b573026}
.v-dorso-marca{color:#a9b29c;flex:0 0 42%}
.v-dorso-pie p{margin:0;font-size:.52rem;line-height:1.45;text-align:right;
  color:#4B5730;font-weight:600}
.v-dorso-pie span{color:#8a9184;font-weight:400}
.v-fachada{border:2px solid var(--ink);overflow:hidden}
.v-rotulo{background:#4B5730;padding:38px 6%;display:flex;justify-content:center}
.v-escaparate{background:linear-gradient(170deg,#cfd6dc,#b9c4cc);
  padding:34px 6% 42px;border-top:6px solid #9aa4ab}
.v-vinilo{background:#ffffff26;border:1px solid #ffffff55;padding:22px;text-align:center}
.v-vinilo p{font-family:'Source Serif 4',Georgia,serif;font-size:.72rem;
  letter-spacing:.06em;color:#2c3a33;margin:12px 0 0}
@media(max-width:820px){.v-rejilla,.v-par,.v-dorso-cols{grid-template-columns:1fr}}

/* ── Masalba (proyecto de demostración) ─────────────────────────────────
   Todo con prefijo m-: este CSS se suma al de los demás proyectos dentro
   del mismo pages.css. */
@font-face{font-family:'Alfa Slab One';src:url('/fuentes/alfa-slab.woff2') format('woff2');
 font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/fuentes/barlow-condensed.woff2') format('woff2');
 font-weight:600;font-style:normal;font-display:swap}
.m-rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.m-caja{border:1.5px solid #2A211B33;border-radius:2px;padding:26px;background:#FFFDF8;
 display:flex;flex-direction:column;gap:16px;justify-content:space-between}
.m-ancha{grid-column:span 2}
.m-oscura{background:#2A211B;color:#EFE3D2;border-color:#2A211B}
.m-oscura h3,.m-oscura .m-pie{color:#EFE3D2}
.m-caja h3{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.12em;
 text-transform:uppercase;font-size:1rem;margin:0;color:#2A211B}
.m-pie{font-size:.85rem;line-height:1.6;margin:0;color:#5B5044}
.m-aire{border:1px dashed #2A211B55;padding:34px}
.m-tallas{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap}
.m-tallas div{text-align:center}
.m-tallas span{display:block;font-size:.7rem;margin-top:8px;color:#5B5044}
.m-tabla{overflow:auto}
.m-tabla table{border-collapse:collapse;width:100%;font-size:.85rem}
.m-tabla th,.m-tabla td{border-bottom:1px solid #2A211B22;padding:11px 12px;text-align:left}
.m-tabla th{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
 letter-spacing:.1em;font-size:.75rem;color:#5B5044}
.m-tabla small{color:#5B5044}
.m-muestra{display:inline-block;width:15px;height:15px;border:1px solid #2A211B44;
 margin-right:9px;vertical-align:-2px}
.m-specimen{font-family:'Alfa Slab One',Georgia,serif;font-size:clamp(3rem,8vw,5.5rem);
 margin:0;line-height:1;color:#2A211B}
.m-alfabeto{font-family:'Alfa Slab One',Georgia,serif;font-size:.95rem;line-height:1.7;
 margin:10px 0 0;color:#2A211B;word-spacing:.1em}
.m-rotulo-muestra{font-family:'Barlow Condensed',sans-serif;letter-spacing:.3em;
 font-size:1.1rem;margin:14px 0 0;color:#5B5044}

.m-piezas{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.m-pieza{background:#FFFDF8;border:1.5px solid #2A211B33;padding:26px}
.m-pieza-ancha{grid-column:span 2}
.m-pieza h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
 letter-spacing:.12em;font-size:1rem;margin:0 0 10px;color:#2A211B}
.m-nota{font-size:.9rem;line-height:1.65;color:#5B5044;margin:0 0 22px}

/* La bolsa: un rectangulo alto con una banda lateral que hace de fuelle. */
.m-bolsa{display:flex;max-width:330px;margin:auto;box-shadow:6px 7px 0 #2A211B22}
.m-bolsa-fuelle{width:34px;background:#BF9C76}
.m-bolsa-cara{flex:1;background:#C8A882;padding:26px 22px 20px;text-align:center;
 display:flex;flex-direction:column;align-items:center;gap:9px;min-height:400px}
.m-bolsa-nombre{font-family:'Alfa Slab One',Georgia,serif;font-size:2.3rem;margin:4px 0 0;
 line-height:1;color:#2A211B}
.m-bolsa-bajada{font-family:'Barlow Condensed',sans-serif;letter-spacing:.2em;
 font-size:.72rem;margin:0;color:#2A211B}
.m-bolsa-lema{font-family:'Barlow Condensed',sans-serif;font-size:1rem;line-height:1.45;
 margin:auto 0 0;color:#2A211B}
.m-bolsa-pie{font-family:'Barlow Condensed',sans-serif;font-size:.68rem;line-height:1.5;
 margin:10px 0 0;color:#4A3D31;border-top:1px solid #2A211B33;padding-top:9px;width:100%}

/* La etiqueta: carton pequeno con un ojal arriba. */
.m-etiqueta{position:relative;max-width:290px;margin:auto;background:#EFE3D2;
 border:1px solid #2A211B44;padding:26px 20px 18px;box-shadow:6px 7px 0 #2A211B22}
.m-etiqueta-ojal{position:absolute;top:11px;left:50%;translate:-50% 0;width:13px;height:13px;
 border-radius:50%;border:1.5px solid #2A211B66}
.m-etiqueta-cabeza{display:flex;align-items:center;gap:13px;margin-top:9px;
 border-bottom:1px solid #2A211B33;padding-bottom:12px}
.m-etiqueta-tipo{font-family:'Alfa Slab One',Georgia,serif;font-size:1.25rem;margin:0;
 line-height:1.1;color:#2A211B}
.m-etiqueta-peso{font-family:'Barlow Condensed',sans-serif;letter-spacing:.18em;
 font-size:.75rem;margin:3px 0 0;color:#5B5044}
.m-etiqueta-datos{font-family:'Barlow Condensed',sans-serif;font-size:.82rem;line-height:1.5;
 margin:12px 0 0;color:#2A211B}
.m-etiqueta-aviso{font-family:'Barlow Condensed',sans-serif;font-size:.75rem;line-height:1.5;
 margin:12px 0 0;padding-top:10px;border-top:1px solid #2A211B33;color:#5B5044}

.m-envoltorio{display:grid;grid-template-columns:repeat(8,1fr);gap:16px;background:#C8A882;
 padding:22px;place-items:center;overflow:hidden}
.m-envoltorio span{display:block;line-height:0}

.m-rotulo{background:#2A211B;padding:30px 34px;display:flex;align-items:center;
 justify-content:space-between;gap:30px;flex-wrap:wrap}
.m-rotulo-marca{flex:1;min-width:240px}
.m-rotulo-horario{font-family:'Barlow Condensed',sans-serif;color:#C8A882;text-align:right;
 letter-spacing:.1em}
.m-rotulo-horario p{margin:0;font-size:1.05rem;line-height:1.5}
.m-rotulo-horario strong{color:#EFE3D2}
@media(max-width:900px){
 .m-rejilla,.m-piezas{grid-template-columns:1fr}
 .m-ancha,.m-pieza-ancha{grid-column:auto}
 .m-envoltorio{grid-template-columns:repeat(4,1fr)}
 .m-rotulo{flex-direction:column;align-items:flex-start}
 .m-rotulo-horario{text-align:left}
}

/* ── Punzón (proyecto de demostración) ──────────────────────────────────
   Todo con prefijo p-. Esta ficha va en negro entero, así que las dos
   secciones traen su propio fondo y su propio color de texto en vez de
   apoyarse en las clases del sitio. */
@font-face{font-family:'Archivo Black';src:url('/fuentes/archivo-black.woff2') format('woff2');
 font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/fuentes/space-grotesk.woff2') format('woff2');
 font-weight:400 700;font-style:normal;font-display:swap}
.p-fondo{background:#0B0B0C;color:#F2F0EA;background-image:none}
.p-fondo h2{color:#F2F0EA;font-family:'Archivo Black',Impact,sans-serif;letter-spacing:-.03em}
.p-fondo .copy{color:#B9B9B2}
.p-eyebrow{color:#D4FF2E}
.p-rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.p-caja{border:1px solid #2A2A2E;padding:26px;background:#141416;display:flex;
 flex-direction:column;gap:16px;justify-content:space-between}
.p-ancha{grid-column:span 2}
.p-clara{background:#F2F0EA;color:#0B0B0C;border-color:#F2F0EA}
.p-fluor{background:#D4FF2E;color:#0B0B0C;border-color:#D4FF2E}
.p-clara h3,.p-fluor h3{color:#0B0B0C}
.p-clara .p-pie,.p-fluor .p-pie{color:#33332F}
.p-caja h3{font-family:'Space Grotesk',sans-serif;letter-spacing:.16em;
 text-transform:uppercase;font-size:.8rem;margin:0;color:#D4FF2E}
.p-pie{font-family:'Space Grotesk',sans-serif;font-size:.85rem;line-height:1.6;
 margin:0;color:#9E9E97}
.p-aire{border:1px dashed #D4FF2E66;padding:30px}
.p-tallas{display:flex;align-items:flex-end;gap:26px;flex-wrap:wrap}
.p-tallas div{text-align:center}
.p-tallas span{display:block;font-family:'Space Grotesk',sans-serif;font-size:.7rem;
 margin-top:10px;color:#9E9E97}
.p-tabla{overflow:auto}
.p-tabla table{border-collapse:collapse;width:100%;font-family:'Space Grotesk',sans-serif;
 font-size:.85rem}
.p-tabla th,.p-tabla td{border-bottom:1px solid #2A2A2E;padding:11px 12px;text-align:left}
.p-tabla th{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#D4FF2E}
.p-tabla td{color:#E4E4DE}
.p-tabla small{color:#9E9E97}
.p-muestra{display:inline-block;width:15px;height:15px;border:1px solid #ffffff33;
 margin-right:9px;vertical-align:-2px}
.p-specimen{font-family:'Archivo Black',Impact,sans-serif;font-size:clamp(3.4rem,10vw,7rem);
 margin:0;line-height:.95;color:#F2F0EA;letter-spacing:-.04em}
.p-alfabeto{font-family:'Archivo Black',Impact,sans-serif;font-size:.95rem;line-height:1.7;
 margin:10px 0 0;color:#D4FF2E;word-spacing:.12em}
.p-grotesk{font-family:'Space Grotesk',sans-serif;font-size:1.05rem;margin:16px 0 0;
 color:#E4E4DE}

.p-piezas{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.p-pieza{background:#141416;border:1px solid #2A2A2E;padding:26px}
.p-pieza-ancha{grid-column:span 2}
.p-pieza h3{font-family:'Space Grotesk',sans-serif;text-transform:uppercase;
 letter-spacing:.16em;font-size:.8rem;margin:0 0 10px;color:#D4FF2E}
.p-nota{font-family:'Space Grotesk',sans-serif;font-size:.9rem;line-height:1.65;
 color:#9E9E97;margin:0 0 22px}

.p-tarjeta{background:#0B0B0C;border:1px solid #33333A;padding:24px;max-width:420px;
 margin:auto;font-family:'Space Grotesk',sans-serif}
.p-tarjeta-cabeza{display:flex;align-items:center;gap:14px;border-bottom:1px solid #33333A;
 padding-bottom:16px}
.p-tarjeta-cabeza p{margin:0;font-family:'Archivo Black',sans-serif;font-size:1.35rem;
 line-height:1.05;color:#F2F0EA;letter-spacing:-.02em}
.p-tarjeta-cabeza span{font-family:'Space Grotesk',sans-serif;font-size:.68rem;
 letter-spacing:.18em;color:#D4FF2E}
.p-lista{margin:18px 0 0;padding-left:1.1em;color:#D8D8D2;font-size:.85rem;line-height:1.6}
.p-lista li{margin-bottom:11px}
.p-lista strong{color:#D4FF2E}
.p-tarjeta-pie{font-size:.75rem;line-height:1.6;margin:16px 0 0;padding-top:14px;
 border-top:1px solid #33333A;color:#9E9E97}
.p-tarjeta-pie strong{color:#F2F0EA}

.p-impreso{background:#F2F0EA;color:#0B0B0C;padding:24px;max-width:420px;margin:auto;
 font-family:'Space Grotesk',sans-serif}
.p-impreso-cabeza{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
 border-bottom:2px solid #0B0B0C;padding-bottom:14px}
.p-impreso-cabeza p{margin:0;font-size:.72rem;letter-spacing:.12em;text-align:right;
 font-weight:700}
.p-impreso-cabeza span{font-weight:400;color:#55554F;letter-spacing:.04em}
.p-campos{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:18px 0}
.p-campos label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#55554F;
 display:block}
.p-campos .p-ancho{grid-column:span 2}
.p-campos i{display:block;border-bottom:1px solid #0B0B0C;height:22px;margin-top:4px}
.p-casilla{display:flex;gap:10px;align-items:flex-start;font-size:.78rem;line-height:1.5;
 margin:0 0 9px}
.p-casilla span{flex:none;width:14px;height:14px;border:1.5px solid #0B0B0C;margin-top:2px}
.p-firmas{display:grid;grid-template-columns:1fr 1fr .7fr;gap:16px;margin-top:20px;
 font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#55554F}
.p-firmas i{display:block;border-bottom:1px solid #0B0B0C;height:34px}

.p-escaparate{background:linear-gradient(160deg,#14161A,#0B0B0C 60%);border:1px solid #2A2A2E;
 padding:38px 34px;display:flex;justify-content:space-between;align-items:center;gap:34px;
 flex-wrap:wrap}
.p-escaparate-marca{flex:1;min-width:230px}
.p-escaparate-datos{font-family:'Space Grotesk',sans-serif;text-align:right;
 letter-spacing:.14em;font-size:.78rem;color:#B9B9B2}
.p-escaparate-datos p{margin:0 0 7px}
.p-dato-fluor{color:#D4FF2E;font-weight:700;font-size:1rem}

.p-historias{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.p-historia{aspect-ratio:9/16;background:#0B0B0C;border:1px solid #2A2A2E;padding:18px;
 display:flex;flex-direction:column;justify-content:space-between;
 font-family:'Space Grotesk',sans-serif}
.p-historia-foto{flex:1;border:1px dashed #3A3A40;display:grid;place-items:center;
 margin-bottom:14px}
.p-historia-foto span{font-size:.62rem;letter-spacing:.18em;color:#6E6E68;text-align:center}
.p-historia-pie{display:flex;align-items:center;gap:10px}
.p-historia-pie p{margin:0;font-size:.7rem;line-height:1.4;color:#E4E4DE}
.p-historia-pie span{color:#9E9E97}
.p-historia-titular{font-family:'Archivo Black',sans-serif;font-size:2rem;line-height:.95;
 margin:0;color:#0B0B0C;letter-spacing:-.03em}
.p-historia-titular.p-hueso{color:#F2F0EA}
.p-historia-fluor{background:#D4FF2E;border-color:#D4FF2E;color:#0B0B0C}
.p-historia-dato{font-weight:700;letter-spacing:.1em;margin:0;font-size:.85rem}
.p-historia-cola{font-size:.68rem;letter-spacing:.18em;margin:0}
.p-historia-pasos{margin:0;padding-left:1.1em;font-size:.72rem;line-height:1.5;color:#B9B9B2}
.p-historia-pasos li{margin-bottom:8px}
@media(max-width:900px){
 .p-rejilla,.p-piezas{grid-template-columns:1fr}
 .p-ancha,.p-pieza-ancha{grid-column:auto}
 .p-historias{grid-template-columns:1fr}
 .p-escaparate{flex-direction:column;align-items:flex-start}
 .p-escaparate-datos{text-align:left}
}