:root{--f3-magenta:#d71960;--f3-ink:#17151a;--f3-paper:#fffdf9;--f3-soft:#f5f1ed;--f3-line:#ded7d1;--f3-lime:#d9f27b;--f3-blue:#cce8ff}
.fase3{background:var(--f3-paper);color:var(--f3-ink)}
.fase3 h1,.fase3 h2,.fase3 h3{letter-spacing:-.035em}.fase3 h1{font-size:clamp(3rem,7vw,6.4rem);line-height:1.02;margin:0 0 1.25rem}.fase3 h2{font-size:clamp(1.9rem,3.6vw,3.2rem);line-height:1.1;margin:0 0 1rem}.fase3 p{line-height:1.62}
.f3-hero{padding:clamp(4.5rem,9vw,8rem) 0 5rem;overflow:hidden}.f3-hero-grid,.f3-business-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(2rem,6vw,6rem);align-items:center}.f3-hero-copy{font-size:clamp(1.2rem,2.2vw,1.65rem);max-width:670px}.f3-hero-collage{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;transform:rotate(1.5deg)}.f3-hero-collage img{width:100%;height:100%;object-fit:cover;border-radius:1.5rem;box-shadow:0 20px 60px #3b24331c}.f3-hero-collage img:first-child{grid-row:span 2;min-height:520px}
.f3-family-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--f3-line);border-bottom:1px solid var(--f3-line);margin-top:3rem}.f3-family{padding:2rem 1.25rem;color:inherit;text-decoration:none;border-right:1px solid var(--f3-line);transition:.2s}.f3-family:last-child{border:0}.f3-family:hover{background:var(--f3-lime);transform:translateY(-4px)}.f3-family span,.f3-service-number,.f3-business-cards span{font-weight:900;color:var(--f3-magenta)}.f3-family h3{font-size:1.65rem;margin:.75rem 0}.f3-family p{font-size:.9rem;margin:0}.f3-center{text-align:center;margin-top:2rem}
.f3-soft{background:var(--f3-soft)}.f3-section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.f3-section-head>p{max-width:360px}.f3-work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.f3-work-grid figure{margin:0;grid-column:span 4}.f3-work-grid figure:nth-child(4),.f3-work-grid figure:nth-child(5){grid-column:span 6}.f3-work-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1.25rem}.f3-work-grid figcaption{font-weight:800;margin:.6rem .2rem}
.f3-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,9vw,8rem);align-items:start}.f3-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--f3-line)}.f3-steps li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--f3-line)}.f3-steps span{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:50%;background:var(--f3-magenta);color:white;font-weight:900}.f3-steps p{margin:.25rem 0 0}
.f3-tool{background:var(--f3-magenta);color:white;padding:clamp(4rem,8vw,7rem) 0}.f3-tool-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:4rem;align-items:center}.f3-light-link{color:white}.v3 .f3-light-link,.v3 .f3-cta .v3-text-link{color:#fff;text-decoration:underline}.f3-tool-card{background:white;color:var(--f3-ink);border-radius:1.5rem;padding:2rem}.f3-tool-card p{margin:0}.f3-tool-card strong{display:block;font-size:1.6rem;color:var(--f3-ink);line-height:1.2}.f3-tool-card span{display:block;margin-top:.5rem}.f3-tool-card hr{border:0;border-top:1px solid var(--f3-line);margin:1.5rem 0}
.f3-review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.f3-review-grid figure{margin:0;padding:2rem;background:white;border-radius:1.25rem;border:1px solid var(--f3-line)}.f3-review-grid blockquote{font-size:1.1rem;margin:0 0 1.2rem}.f3-review-grid figcaption{font-size:.85rem;font-weight:800;color:#6e6570}
.f3-contact-grid,.f3-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,7rem);align-items:start}.f3-contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.f3-contact-links a{font-weight:850;color:var(--f3-magenta)}.f3-form{display:grid;gap:1rem;padding:2rem;background:var(--f3-soft);border-radius:1.5rem}.f3-form label{font-weight:800}.f3-form input,.f3-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:.4rem;border:1px solid #bdb4ae;border-radius:.7rem;background:white;padding:.85rem;font:inherit}.f3-form textarea{resize:vertical}.f3-form .f3-check{display:flex;gap:.7rem;align-items:flex-start;font-weight:500}.f3-form .f3-check input{width:auto;margin:.25rem 0 0}.f3-location{background:var(--f3-ink);color:white;padding:5rem 0}.f3-map{min-height:260px;border:1px solid #ffffff3d;border-radius:1.5rem;padding:2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:radial-gradient(circle at 70% 20%,#d71960 0 7%,transparent 7.5%),linear-gradient(135deg,#302b32,#17151a)}.f3-map strong{font-size:1.5rem;margin-bottom:1.2rem}
.f3-page-hero,.f3-business-hero{padding:clamp(5rem,10vw,9rem) 0 4rem}.f3-page-hero h1,.f3-business-hero h1{max-width:1000px}.f3-service-list>article{display:grid;grid-template-columns:280px 1fr;gap:2.5rem;padding:3.5rem 0;border-top:1px solid var(--f3-line)}.f3-service-number{font-size:2rem}.f3-service-list>article p{margin:0 0 1rem;max-width:62ch}.f3-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.f3-link-grid a{display:flex;flex-direction:column;gap:.35rem;padding:1.3rem;border:1px solid var(--f3-line);border-radius:1rem;color:inherit;text-decoration:none;background:white}.f3-link-grid a:hover{border-color:var(--f3-magenta);transform:translateY(-2px)}.f3-link-grid span{font-size:.9rem;color:#655f65}.f3-link-grid--wide{grid-template-columns:repeat(3,1fr)}.f3-cta{padding:4rem 0;background:var(--f3-magenta);color:white}.f3-cta-grid{display:flex;justify-content:space-between;align-items:center;gap:2rem}.f3-cta h2{margin:.3rem 0}
.f3-business-proof{background:var(--f3-soft);padding:1rem;border-radius:1.5rem}.f3-business-proof img{width:100%;height:380px;object-fit:cover;border-radius:1rem}.f3-business-proof div{display:grid;gap:.5rem;padding:1.2rem .5rem .4rem}.f3-business-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem}.f3-business-cards article{padding:1.5rem;border-top:4px solid var(--f3-magenta);background:var(--f3-soft)}.f3-proof-band{background:var(--f3-blue);padding:2.5rem 0}.f3-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.f3-proof-grid div{display:flex;flex-direction:column}.f3-proof-grid strong{font-size:1.25rem}.f3-proof-grid span{font-size:.9rem}
.f3-page-hero h1{font-size:clamp(3.5rem,8vw,7.2rem)}.f3-business-hero h1{font-size:clamp(3.2rem,6.5vw,6.2rem);max-width:780px}
@media(max-width:900px){.f3-service-list>article{grid-template-columns:1fr}.f3-hero-grid,.f3-business-grid,.f3-split,.f3-tool-grid,.f3-contact-grid,.f3-location-grid{grid-template-columns:1fr}.f3-family-grid{grid-template-columns:1fr 1fr}.f3-family{border-bottom:1px solid var(--f3-line)}.f3-link-grid,.f3-link-grid--wide,.f3-business-cards{grid-template-columns:1fr 1fr}.f3-hero-collage img:first-child{min-height:360px}.f3-section-head{align-items:start;flex-direction:column}.f3-service-list>article{grid-template-columns:60px 1fr}}
@media(max-width:600px){.fase3 h1{font-size:2.6rem}.fase3 h2{font-size:1.8rem}.f3-family-grid,.f3-review-grid,.f3-link-grid,.f3-link-grid--wide,.f3-business-cards,.f3-proof-grid{grid-template-columns:1fr}.f3-work-grid figure,.f3-work-grid figure:nth-child(4),.f3-work-grid figure:nth-child(5){grid-column:span 12}.f3-service-list>article{grid-template-columns:1fr;gap:.5rem}.f3-cta-grid{align-items:flex-start;flex-direction:column}.f3-hero-collage{grid-template-columns:1fr 1fr}.f3-hero-collage img:first-child{grid-column:span 2;min-height:320px}}
.f3-stars{margin:0 0 .9rem;color:var(--f3-magenta);font-size:1.05rem;letter-spacing:.15em;line-height:1}
.f3-tool-card p{margin:0 0 .35rem}
.f3-tool-card strong{display:inline;font-size:1rem;color:var(--f3-ink);line-height:1.4}
.f3-service-photo{width:100%;height:auto;border-radius:1rem;margin-bottom:1rem;aspect-ratio:4/3;object-fit:cover}
.f3-service-list>article>div:first-child{align-self:start}

/* ===== Portada · fusión 2026-08-04 ===== */
.f3-mag{color:var(--f3-magenta)}
.f3-hero-op{margin:.9rem 0 0;font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:#6b6360}

/* Héroe · muestrario de polaroids */
.f3-muestrario{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;align-content:center}
.f3-sample{position:relative;display:block;padding:.55rem .55rem 2rem;background:#fff;border:1px solid var(--f3-line);border-radius:.35rem;box-shadow:0 10px 24px rgba(33,26,28,.10);text-decoration:none;color:inherit;transition:transform .18s}
.f3-sample:nth-child(1){transform:rotate(-2deg)}
.f3-sample:nth-child(2){transform:rotate(1.5deg)}
.f3-sample:nth-child(3){transform:rotate(1deg)}
.f3-sample:nth-child(4){transform:rotate(-1.5deg)}
.f3-sample:hover{transform:rotate(0) translateY(-3px)}
.f3-sample img{width:100%;height:150px;object-fit:cover;border-radius:.2rem}
.f3-sample .lbl{position:absolute;left:.7rem;bottom:.55rem;font-family:"IBM Plex Mono",monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#6b6360}

/* Encargos en horizontal */
.f3-encargo-fila{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--f3-line);border-bottom:1px solid var(--f3-line);margin:1.1rem 0 1.4rem}
.f3-encargo{display:flex;flex-direction:column;gap:.5rem;padding:1.6rem 1.3rem 1.8rem;border-right:1px solid var(--f3-line);color:inherit;text-decoration:none;transition:background .15s}
.f3-encargo:last-child{border-right:0}
.f3-encargo:hover{background:#fff}
.f3-encargo .n{font-family:"IBM Plex Mono",monospace;font-size:.74rem;letter-spacing:.1em;color:var(--f3-magenta)}
.f3-encargo .v{font-size:1.45rem;font-weight:800;letter-spacing:-.015em}
.f3-encargo .p{font-family:"IBM Plex Mono",monospace;font-size:.78rem;line-height:1.7;color:#6b6360}

/* Pastilla negra de negocios */
.f3-negocios-sec{padding-block:0 0}
.f3-neg-caja{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.9rem 2.2rem;background:var(--f3-ink,#211a1c);color:#fff;border-radius:1.1rem}
.f3-neg-caja h2{margin:0 0 .45rem;font-size:1.25rem;line-height:1.25}
.f3-neg-caja p{margin:0;font-size:.95rem;color:#e6dfe1;max-width:52ch}

/* Galería de trabajos con etiqueta y pie */
.f3-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.f3-gal-item{position:relative;display:block;border-radius:1rem;overflow:hidden;text-decoration:none;color:#fff}
.f3-gal-item img{width:100%;height:260px;object-fit:cover;display:block;transition:transform .25s}
.f3-gal-item.tall{grid-row:span 2}
.f3-gal-item.tall img{height:100%;min-height:540px}
.f3-gal-item:hover img{transform:scale(1.03)}
.f3-gal-item .cap{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:.35rem;padding:2.4rem 1.1rem .95rem;background:linear-gradient(transparent,rgba(20,14,16,.82))}
.f3-gal-item .k{align-self:flex-start;padding:.18rem .5rem;background:var(--f3-magenta);border-radius:.3rem;font-family:"IBM Plex Mono",monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}
.f3-gal-item .c{font-size:.9rem;font-weight:700;line-height:1.35}

/* Proceso en línea */
.f3-pasos{display:flex;flex-wrap:wrap;gap:.75rem 2.4rem;margin:0;padding:1.2rem 0 0;list-style:none;border-top:1px solid var(--f3-line);font-weight:700}
.f3-pasos span{margin-right:.5rem;font-family:"IBM Plex Mono",monospace;font-size:.75rem;color:var(--f3-magenta)}

/* Tarjeta de calculadoras */
.f3-calc-caja{padding:2.3rem 2.4rem;background:#fff;border:1px solid var(--f3-line);border-radius:1.2rem;box-shadow:0 14px 34px rgba(33,26,28,.07)}
.f3-calc-caja h2{font-size:clamp(1.5rem,3vw,2.15rem);margin:.5rem 0 .7rem}
.f3-calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1.6rem}
.f3-calc-item{display:flex;flex-direction:column;gap:.4rem;padding:1.15rem 1.1rem;border:1px solid var(--f3-line);border-radius:.85rem;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.f3-calc-item:hover{border-color:var(--f3-magenta);transform:translateY(-2px)}
.f3-calc-item .t{font-weight:800;font-size:.98rem}
.f3-calc-item .d{font-size:.83rem;line-height:1.5;color:#6b6360}
.f3-calc-item .fl{margin-top:auto;padding-top:.4rem;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--f3-magenta)}
.f3-calc-pie{margin:1.4rem 0 0;font-size:.9rem;color:#6b6360}
.f3-calc-pie a{color:var(--f3-magenta);font-weight:750}

/* Formulario: archivos y nota final */
.f3-form input[type=file]{width:100%;padding:.8rem;border:1.5px dashed var(--f3-line);border-radius:.65rem;background:#fdfaf8;font-size:.85rem;cursor:pointer}
.f3-form input[type=file]:hover{border-color:var(--f3-magenta)}
.f3-form input[type=file]::file-selector-button{margin-right:.8rem;padding:.45rem .9rem;border:0;border-radius:.4rem;background:var(--f3-ink,#211a1c);color:#fff;font-weight:700;font-size:.78rem;cursor:pointer}
.f3-form label small{display:block;margin-top:.35rem;font-size:.76rem;font-weight:500;color:#6b6360}
.f3-form-alt{margin:.9rem 0 0;text-align:center;font-size:.86rem;color:#6b6360}
.f3-form-alt a{color:var(--f3-magenta);font-weight:750}

/* Contacto y horario */
.f3-taller-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.f3-dato{margin:.25rem 0;font-weight:600}
.f3-dato a{color:inherit}
.f3-horario{padding:1.6rem 1.8rem;background:#fff;border:1px solid var(--f3-line);border-radius:1.1rem}
.f3-horario .hb{padding:1.05rem 0;border-top:1px solid var(--f3-line)}
.f3-horario .hb:first-of-type{border-top:0;padding-top:.7rem}
.f3-horario h3{margin:0 0 .45rem;font-size:1.02rem}
.f3-horario p{margin:0;font-size:.9rem;line-height:1.55}
.f3-horario table{width:100%;border-collapse:collapse;font-size:.9rem}
.f3-horario th{padding:.18rem 0;text-align:left;font-weight:600;color:#6b6360}
.f3-horario td{padding:.18rem 0;text-align:right;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.f3-horario .nota{margin-top:.4rem;font-size:.78rem;color:#6b6360}

/* Pie compacto */
.f3-pie{display:grid;grid-template-columns:200px 1fr;gap:2.5rem;align-items:start}
.f3-pie-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}

@media(max-width:900px){
  .f3-encargo-fila{grid-template-columns:1fr 1fr}
  .f3-encargo{border-bottom:1px solid var(--f3-line)}
  .f3-gal{grid-template-columns:1fr 1fr}
  .f3-gal-item.tall{grid-row:auto}
  .f3-gal-item.tall img{min-height:260px;height:260px}
  .f3-calc-grid{grid-template-columns:1fr 1fr}
  .f3-taller-grid{grid-template-columns:1fr}
  .f3-neg-caja{flex-direction:column;align-items:flex-start}
  .f3-pie{grid-template-columns:1fr}
  .f3-pie-cols{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .f3-encargo-fila{grid-template-columns:1fr}
  .f3-encargo{border-right:0}
  .f3-gal{grid-template-columns:1fr}
  .f3-muestrario{gap:.8rem}
  .f3-sample img{height:120px}
  .f3-calc-grid{grid-template-columns:1fr}
  .f3-pie-cols{grid-template-columns:1fr}
}
.f3-contacto-final{background:#f4ece6}

/* Espaciado entre secciones, más contenido y menos aire */
.fase3 .v3-section{padding-block:clamp(2.4rem,4.5vw,4.25rem)}
.fase3 .f3-hero{padding-block:clamp(2.8rem,5vw,4.75rem) clamp(2rem,4vw,3.5rem)}
.fase3 .v3-section-head{margin-bottom:clamp(1.4rem,3vw,2.2rem)}

/* Pie compacto: títulos pequeños y menos padding */
.v3 .v3-footer .f3-pie{padding-block:2.6rem 1.6rem}
.v3 .v3-footer .f3-pie h2{margin:0 0 .9rem;font-size:.78rem;font-weight:760;letter-spacing:.05em;text-transform:uppercase;line-height:1.3;opacity:.75}
.v3 .v3-footer .v3-footer-bottom{padding-block:1rem 1.4rem}

/* Aviso en rosa dentro de la ayuda del formulario */
.f3-hint{color:var(--f3-magenta);font-weight:600}

/* Calculadoras: tarjeta oscura que destaca del resto */
.f3-calc-caja{background:var(--f3-ink,#211a1c);color:#fff;border:0;box-shadow:0 18px 44px rgba(33,26,28,.22)}
.f3-calc-caja .v3-kicker{color:var(--f3-magenta)}
.f3-calc-caja .v3-lead{color:#e6dfe1}
.f3-calc-item{background:#fdfaf8;color:#211a1c;border:0}
.f3-calc-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.f3-calc-pie{color:#cfc5c8}
.f3-calc-pie a{color:#ff5c96}

/* Pide online: las tres ramas y la puerta de originales */
.f3-ramas{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.f3-rama{display:flex;flex-direction:column;gap:.5rem;padding:1.6rem 1.4rem;background:#fff;border:1px solid var(--f3-line);border-radius:1rem;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}
.f3-rama:hover{border-color:var(--f3-magenta);transform:translateY(-3px);box-shadow:0 12px 26px rgba(33,26,28,.10)}
.f3-rama .ico{font-size:1.6rem;line-height:1}
.f3-rama strong{font-size:1.15rem;font-weight:800;letter-spacing:-.01em}
.f3-rama .d{font-size:.88rem;line-height:1.55;color:#6b6360}
.f3-rama .fl{margin-top:auto;padding-top:.5rem;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--f3-magenta)}
.f3-door-alt{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.6rem;padding:1.4rem 1.6rem;border:1.5px dashed var(--f3-line);border-radius:1rem}
.f3-door-alt strong{font-size:1.02rem}
.f3-door-alt p{margin:.3rem 0 0;font-size:.9rem;color:#6b6360;max-width:56ch}
@media(max-width:900px){.f3-ramas{grid-template-columns:1fr}.f3-door-alt{flex-direction:column;align-items:flex-start}}

/* Portada: dos puertas en la tarjeta oscura */
.f3-doors{display:grid;grid-template-columns:1.35fr 1fr;gap:.9rem;margin-top:1.6rem}
.f3-door{display:flex;flex-direction:column;gap:.45rem;padding:1.4rem 1.3rem;background:#fdfaf8;color:#211a1c;border-radius:.9rem;text-decoration:none;transition:transform .15s,box-shadow .15s}
.f3-door:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.f3-door .k{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--f3-magenta)}
.f3-door strong{font-size:1.08rem;font-weight:800;letter-spacing:-.01em;line-height:1.3}
.f3-door .d{font-size:.85rem;line-height:1.55;color:#6b6360}
.f3-door .fl{margin-top:auto;padding-top:.45rem;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--f3-magenta)}
@media(max-width:720px){.f3-doors{grid-template-columns:1fr}}

/* Empieza tu pedido: las tres puertas */
.f3-puertas{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}
.f3-puerta{display:flex;flex-direction:column;gap:.55rem;padding:1.7rem 1.5rem;background:#fff;border:1px solid var(--f3-line);border-radius:1.1rem;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}
.f3-puerta:hover{border-color:var(--f3-magenta);transform:translateY(-3px);box-shadow:0 14px 30px rgba(33,26,28,.10)}
.f3-puerta .k{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--f3-magenta)}
.f3-puerta strong{font-size:1.08rem;font-weight:800;letter-spacing:-.01em;line-height:1.35}
.f3-puerta .d{font-size:.88rem;line-height:1.55;color:#6b6360}
.f3-puerta-btn{margin-top:auto;align-self:flex-start}
.f3-puerta-ayuda{background:transparent;border-style:dashed}
.f3-como{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--f3-line)}
.f3-pasos-lista{display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin:.9rem 0 0;padding:0;list-style:none;counter-reset:paso}
.f3-pasos-lista li{counter-increment:paso;font-weight:700;font-size:.94rem}
.f3-pasos-lista li::before{content:counter(paso);margin-right:.5rem;font-family:"IBM Plex Mono",monospace;font-size:.75rem;color:var(--f3-magenta)}
.f3-recogida-bloque{margin-top:2.4rem;padding:1.6rem 1.8rem;background:#fff;border:1px solid var(--f3-line);border-radius:1.1rem;max-width:640px}
.f3-recogida-bloque p{margin:.5rem 0 0;font-size:.92rem;line-height:1.6}
.hor-tabla-ped{width:100%;max-width:420px;border-collapse:collapse;font-size:.92rem;margin:.7rem 0 .3rem}
.hor-tabla-ped th{padding:.18rem 0;text-align:left;font-weight:600;color:#6b6360}
.hor-tabla-ped td{padding:.18rem 0;text-align:right;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.f3-nota-suave{color:#6b6360;font-size:.84rem!important}
.f3-ramas-una{grid-template-columns:1fr;margin-top:1rem}
@media(max-width:900px){.f3-puertas{grid-template-columns:1fr}}
.f3-doors-tres{grid-template-columns:1fr 1fr 1fr}
@media(max-width:900px){.f3-doors-tres{grid-template-columns:1fr}}

/* Pedido rápido: calculadora en la entrada */
.f3-atajo{margin:.9rem 0 0;font-size:.92rem}
.f3-atajo a{color:var(--f3-magenta);font-weight:750}
.rp-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.1rem;align-items:start}
.rp-card{padding:1.3rem 1.4rem;background:#fff;border:1px solid var(--f3-line);border-radius:1rem}
#rp-calc{display:flex;flex-direction:column;gap:1rem}
.rp-zone{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;padding:1.2rem;border:1.5px dashed var(--f3-line);border-radius:.8rem;background:#fdfaf8}
.rp-zone.is-dragging{border-color:var(--f3-magenta);background:rgba(215,25,96,.06)}
.rp-zone span{font-size:.85rem;color:#6b6360}
.rp-errors{margin-top:.7rem;padding:.7rem .9rem;border-radius:.6rem;background:#fdecec;color:#8d1f2c;font-size:.85rem;font-weight:600}
.rp-list{margin:.8rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}
.rp-file{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;border:1px solid var(--f3-line);border-radius:.6rem;font-size:.88rem}
.rp-file[data-status="invalid"]{border-color:#e2a9a9;background:#fdf3f3}
.rp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.rp-meta{color:#6b6360;white-space:nowrap}
.rp-copies{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#6b6360}
.rp-copies input{width:4.2rem;padding:.35rem .45rem;border:1px solid var(--f3-line);border-radius:.4rem;font:inherit}
.rp-remove{border:0;background:none;font-size:1.15rem;line-height:1;color:#6b6360;cursor:pointer}
.rp-remove:hover{color:var(--f3-magenta)}
.rp-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
.rp-opts fieldset{margin:0;padding:0;border:0}
.rp-opts legend{margin-bottom:.4rem;font-size:.72rem;font-weight:760;letter-spacing:.06em;text-transform:uppercase;color:#6b6360}
.rp-grid .segmented{display:flex;border:1px solid var(--f3-line);border-radius:.55rem;overflow:hidden}
.rp-grid .segmented label{flex:1}
.rp-grid .segmented input{position:absolute;opacity:0;pointer-events:none}
.rp-grid .segmented span{display:block;padding:.55rem .4rem;text-align:center;font-size:.82rem;font-weight:700;cursor:pointer;border-right:1px solid var(--f3-line)}
.rp-grid .segmented label:last-child span{border-right:0}
.rp-grid .segmented input:checked+span{background:var(--f3-magenta);color:#fff}
.rp-datos{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.rp-datos label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:760;letter-spacing:.03em;text-transform:uppercase;color:#4b4340}
.rp-datos input[type=text],.rp-datos input:not([type]){padding:.7rem .8rem;border:1px solid var(--f3-line);border-radius:.55rem;font:inherit;font-size:.95rem}
.rp-datos .f3-check{grid-column:1/-1;flex-direction:row;display:flex;align-items:center;gap:.5rem;text-transform:none;letter-spacing:0;font-weight:500;font-size:.85rem}
.rp-panel{position:sticky;top:5.5rem;display:flex;flex-direction:column;gap:.7rem;padding:1.4rem 1.5rem;background:var(--f3-ink,#211a1c);color:#fff;border-radius:1rem}
.rp-state{margin:0;font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:#cfc5c8}
.rp-price{margin:0;font-size:2.6rem;font-weight:850;letter-spacing:-.02em;line-height:1}
.rp-facts{margin:0;display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}
.rp-facts div{display:flex;justify-content:space-between;gap:1rem}
.rp-facts dt{color:#cfc5c8}
.rp-facts dd{margin:0;font-weight:700;text-align:right}
.rp-pickup{padding:.8rem .9rem;background:rgba(255,255,255,.07);border-radius:.7rem}
.rp-pickup .k{display:block;font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;color:#cfc5c8}
.rp-pickup strong{display:block;margin:.2rem 0;font-size:1.02rem}
.rp-pickup small{color:#cfc5c8;font-size:.76rem;line-height:1.45;display:block}
.rp-send{width:100%;justify-content:center}
.rp-legal{margin:0;font-size:.76rem;line-height:1.5;color:#cfc5c8}
.rp-done{grid-column:1/-1;border-color:var(--f3-magenta)}
.rp-done p{margin:.3rem 0 0}
.rp-otras{margin-top:2.2rem;padding-top:1.5rem;border-top:1px solid var(--f3-line)}
.rp-otras-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1rem}
.rp-otras-grid a{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;border:1px solid var(--f3-line);border-radius:.8rem;text-decoration:none;color:inherit;transition:border-color .15s}
.rp-otras-grid a:hover{border-color:var(--f3-magenta)}
.rp-otras-grid strong{font-size:.95rem}
.rp-otras-grid span{font-size:.82rem;line-height:1.5;color:#6b6360}
.rp-mostrador{border-style:dashed!important;background:transparent}
.rp-ayuda{max-width:640px}
.rp-wa{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem}
@media(max-width:900px){.rp-grid{grid-template-columns:1fr}.rp-panel{position:static}.rp-opts{grid-template-columns:1fr}.rp-datos{grid-template-columns:1fr}.rp-otras-grid{grid-template-columns:1fr}}

/* Portada: las tres puertas en vertical, como camino */
.f3-doors-tres{grid-template-columns:1fr;max-width:720px}
.f3-doors-tres .f3-door{flex-direction:row;align-items:center;flex-wrap:wrap;gap:.35rem 1rem}
.f3-doors-tres .f3-door .k{flex-basis:100%}
.f3-doors-tres .f3-door strong{flex:1;min-width:220px}
.f3-doors-tres .f3-door .d{flex-basis:100%}
.f3-doors-tres .f3-door .fl{margin-top:0;padding-top:0}

/* Puertas de la portada: icono a la izquierda y jerarquía más clara */
.f3-doors-tres .f3-door{display:grid;grid-template-columns:2.6rem 1fr auto;grid-template-rows:auto auto auto;gap:.15rem 1rem;align-items:center}
.f3-doors-tres .f3-door .ic{grid-row:1/4;color:var(--f3-magenta);display:flex}
.f3-doors-tres .f3-door .k{grid-column:2/4}
.f3-doors-tres .f3-door strong{grid-column:2;font-size:1.05rem;min-width:0}
.f3-doors-tres .f3-door .fl{grid-column:3;grid-row:2}
.f3-doors-tres .f3-door .d{grid-column:2/4;font-size:.82rem}

/* Pedidos: la ayuda como bloque oscuro, corte claro entre zonas */
.f3-soft{background:#f2e9e1}
.rp-ayuda-dark{max-width:720px;padding:2rem 2.2rem;background:var(--f3-ink,#211a1c);color:#fff;border-radius:1.2rem}
.rp-ayuda-dark .v3-kicker{color:var(--f3-magenta)}
.rp-ayuda-dark .v3-lead{color:#e6dfe1}
.rp-ayuda-dark .rp-wa{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.1rem}

/* Portada: icono grande a la derecha de cada puerta */
.f3-doors-tres .f3-door{grid-template-columns:1fr 3.2rem}
.f3-doors-tres .f3-door .ic{grid-column:2;grid-row:1/5;justify-self:end;align-self:center}
.f3-doors-tres .f3-door .k{grid-column:1}
.f3-doors-tres .f3-door strong{grid-column:1}
.f3-doors-tres .f3-door .d{grid-column:1}
.f3-doors-tres .f3-door .fl{grid-column:1;grid-row:auto;margin-top:.2rem}

/* Pedidos: otras opciones como tarjetas con foto */
.rp-otras-visual a{padding:0;overflow:hidden}
.rp-otras-visual img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.rp-otras-visual strong{padding:.9rem 1.1rem 0}
.rp-otras-visual span{padding:0 1.1rem 1rem}
.rp-otras-visual .rp-mostrador img{filter:saturate(.55)}
@media(min-width:1000px){.rp-otras-visual{grid-template-columns:repeat(4,1fr)}}

/* Panel del precio: marca de agua */
.rp-panel{position:relative;overflow:hidden}
.rp-marca{position:absolute;top:-14px;right:-14px;color:#fff;opacity:.09;pointer-events:none}
.rp-panel>*{position:relative}
.ayuda-tam{margin:.6rem 0 0;font-size:.82rem;line-height:1.5;color:#4b4340}
.ayuda-tam--sec{color:#6b6360;font-size:.78rem}