/* ===== TuMicroneedling — Cupón ===== */
:root{
  --tmn-teal:#14A08C; --tmn-teal-osc:#0D6B5E; --tmn-salmon:#DCB4A0;
  --tmn-crema:#FAF7F2; --tmn-negro:#0F0C08;
}
.cup-wrap{max-width:1080px;margin:0 auto;padding:36px 18px 64px;}

/* Landing: 2 columnas (info + form) */
.cup-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;}
@media(max-width:820px){.cup-grid{grid-template-columns:1fr;gap:24px;}}

.cup-kicker{display:inline-block;color:var(--tmn-teal-osc);font-weight:700;font-size:.78rem;
  letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;}
.cup-info h1{margin:0 0 12px;font-size:2.3rem;line-height:1.15;color:var(--tmn-negro);}
.cup-info h1 em{color:var(--tmn-teal-osc);font-style:italic;}
.cup-sub{color:#666;font-size:1.05rem;margin:0 0 20px;}
.cup-benes{list-style:none;margin:0;padding:0;}
.cup-benes li{padding:7px 0 7px 28px;position:relative;color:#333;font-size:.98rem;}
.cup-benes li::before{content:'✓';position:absolute;left:0;color:var(--tmn-teal);font-weight:800;}

/* Form card */
.cup-form-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 12px 40px rgba(15,12,8,.1);}
.cup-form-card h2{margin:0 0 4px;font-size:1.4rem;}
.cup-form-sub{color:#888;font-size:.9rem;margin:0 0 18px;}
.cup-label{display:block;font-weight:600;font-size:.9rem;margin:12px 0 5px;}
.cup-req{color:#d9663f;} .cup-opt{color:#aaa;font-weight:400;font-size:.82rem;}
.cup-input{width:100%;padding:13px 14px;border:1px solid #e2ddd5;border-radius:11px;font-size:1rem;
  box-sizing:border-box;background:#fff;color:var(--tmn-negro);}
.cup-input:focus{outline:none;border-color:var(--tmn-teal);}
.cup-hint{color:#999;font-size:.8rem;margin:5px 0 0;}
.cup-btn{width:100%;margin-top:18px;background:var(--tmn-teal);color:#fff;border:none;padding:15px;
  border-radius:12px;font-weight:700;font-size:1.05rem;cursor:pointer;}
.cup-btn:hover{background:var(--tmn-teal-osc);}
.cup-legal{color:#aaa;font-size:.76rem;margin:12px 0 0;text-align:center;}
.cup-errores{background:#fdecec;border-radius:10px;padding:10px 14px;margin-bottom:14px;}
.cup-errores p{margin:2px 0;color:#c0392b;font-size:.88rem;}

/* Gracias */
.cup-gracias{text-align:center;max-width:560px;margin:0 auto 40px;}
.cup-check{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;
  background:var(--tmn-teal);color:#fff;border-radius:50%;font-size:1.6rem;margin-bottom:16px;}
.cup-gracias h1{margin:0 0 8px;font-size:1.9rem;color:var(--tmn-negro);}
.cup-gracias-sub{color:#666;margin:0 0 22px;}
.cup-codigo{background:var(--tmn-crema);border:2px dashed var(--tmn-teal);border-radius:16px;padding:20px;}
.cup-codigo span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#999;margin-bottom:6px;}
.cup-codigo strong{font-size:2rem;letter-spacing:3px;color:var(--tmn-teal-osc);}
.cup-codigo-nota{color:#777;font-size:.92rem;margin:14px 0 0;}

.cup-centros{margin-top:20px;}
.cup-centros h2{text-align:center;font-size:1.4rem;margin:0 0 20px;}
.cup-vertodos{text-align:center;margin-top:22px;}
.cup-vertodos a{color:var(--tmn-teal-osc);font-weight:700;text-decoration:none;}

/* Reutiliza el grid del directorio */
.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;}
.dir-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;
  text-decoration:none;color:inherit;box-shadow:0 6px 22px rgba(15,12,8,.06);border:1px solid var(--tmn-teal);
  transition:transform .15s,box-shadow .15s;}
.dir-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,12,8,.12);}
.dir-card-img{height:150px;background-size:cover;background-position:center;position:relative;}
.dir-card-img.is-ph{background:linear-gradient(135deg,var(--tmn-teal),var(--tmn-teal-osc));}
.dir-badge{position:absolute;left:10px;bottom:10px;background:var(--tmn-teal);color:#fff;
  font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:999px;}
.dir-card-body{padding:14px 16px 16px;}
.dir-card-nombre{margin:0 0 4px;font-size:1.05rem;line-height:1.25;color:var(--tmn-negro);}
.dir-card-meta{margin:0 0 6px;color:#777;font-size:.86rem;}
.dir-card-rating{margin:0;color:var(--tmn-teal-osc);font-weight:700;font-size:.88rem;}
.dir-card-rating small{color:#aaa;font-weight:400;}

/* Landing: refuerzos */
.cup-benes li{padding:9px 0 9px 26px;}
.cup-benes li strong{color:var(--tmn-negro);}
.cup-trust{margin:18px 0 0;color:#999;font-size:.86rem;font-style:italic;}
.cup-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;}
@media(max-width:700px){.cup-pasos{grid-template-columns:1fr;}}
.cup-paso{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 22px rgba(15,12,8,.05);text-align:center;}
.cup-paso span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  background:var(--tmn-teal);color:#fff;border-radius:50%;font-weight:800;margin-bottom:10px;}
.cup-paso p{margin:0;color:#555;font-size:.92rem;}

/* ===== Voucher (cupón visual descargable) ===== */
.voucher{max-width:420px;margin:0 auto;border-radius:22px;overflow:hidden;text-align:left;
  box-shadow:0 18px 50px rgba(15,12,8,.18);background:#fff;}
.voucher-head{background:linear-gradient(160deg,var(--tmn-salmon) 0%,#e7c7b6 55%,var(--tmn-crema) 100%);
  padding:26px 26px 22px;}
.voucher-brand{font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:.02em;
  text-shadow:0 1px 3px rgba(0,0,0,.15);margin-bottom:14px;}
.voucher-hero{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.voucher-title{font-size:2rem;font-weight:900;line-height:.95;color:#fff;letter-spacing:.01em;
  text-shadow:0 2px 4px rgba(0,0,0,.12);}
.voucher-pct{font-size:3.4rem;font-weight:900;color:var(--tmn-teal);line-height:.85;}
.voucher-pct span{font-size:1.6rem;vertical-align:top;}
.voucher-claim{margin:16px 0 0;color:#5c4636;font-weight:600;font-size:.95rem;}
.voucher-code{background:var(--tmn-negro);color:#fff;text-align:center;padding:18px;}
.voucher-code span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#b8b0a6;}
.voucher-code strong{display:block;font-size:1.9rem;letter-spacing:4px;color:#fff;margin:4px 0;}
.voucher-code em{color:var(--tmn-salmon);font-style:normal;font-size:.86rem;}
.voucher-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 24px;}
.voucher-info h4{margin:0 0 5px;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--tmn-teal-osc);}
.voucher-info p{margin:0;font-size:.82rem;color:#666;line-height:1.4;}
.voucher-foot{background:var(--tmn-teal);color:#fff;text-align:center;padding:12px;font-size:.82rem;font-weight:600;}
.voucher-actions{text-align:center;margin:22px auto 0;max-width:420px;}
.voucher-actions .cup-btn{width:auto;padding:13px 30px;}

/* Logo dentro del voucher */
.voucher-logo{height:30px;width:auto;display:block;margin-bottom:14px;}

/* FAQ (compartida) */
.faq-wrap{max-width:820px;margin:0 auto;}
.faq-wrap details{background:#fff;border-radius:12px;padding:15px 18px;margin-bottom:10px;box-shadow:0 4px 14px rgba(15,12,8,.05);}
.faq-wrap summary{font-weight:600;cursor:pointer;color:#0F0C08;font-family:'DM Sans',sans-serif;}
.faq-wrap details p{margin:10px 0 0;color:#666;line-height:1.55;}
.cup-faq{padding:20px 18px 10px;}

/* ===== Bandas con aire (landing /cupon) ===== */
.cup-band{width:100%;}
.cup-band--white{background:#fff;}
.cup-band--crema{background:var(--tmn-crema);}
.cup-inner{max-width:1080px;margin:0 auto;padding:64px 20px;}
.cup-inner.cup-grid{align-items:center;}
/* El grid hereda las 2 columnas ya definidas en .cup-grid */
.cup-band .cup-pasos{margin-top:0;}
.cup-band .faq-wrap h2{margin-bottom:24px;}
@media(max-width:820px){.cup-inner{padding:44px 20px;}}

/* Franja de vista previa (dueño de centro) */
.cup-preview-bar{background:var(--tmn-negro);color:#fff;text-align:center;padding:10px 16px;font-size:.9rem;}
.cup-preview-bar a{color:var(--tmn-salmon);font-weight:700;text-decoration:underline;margin-left:6px;}

/* ===== Card destacado "en tu zona" ===== */
.cup-enzona-head{text-align:center;margin-bottom:18px;}
.cup-enzona-pill{display:inline-block;background:rgba(20,160,140,.12);color:var(--tmn-teal-osc);
  font-weight:700;font-size:.8rem;padding:5px 14px;border-radius:999px;margin-bottom:8px;}
.cup-enzona-head h2{margin:0;font-size:1.5rem;}
.cup-enzona-card{display:grid;grid-template-columns:300px 1fr;gap:0;background:#fff;border:2px solid var(--tmn-teal);
  border-radius:20px;overflow:hidden;max-width:860px;margin:0 auto;box-shadow:0 14px 40px rgba(20,160,140,.16);}
@media(max-width:600px){.cup-enzona-card{grid-template-columns:1fr;}}
.cup-enzona-img{min-height:200px;background-size:cover;background-position:center;}
.cup-enzona-img.is-ph{background:linear-gradient(135deg,var(--tmn-teal),var(--tmn-teal-osc));}
.cup-enzona-body{padding:24px;}
.dir-badge--static{position:static;display:inline-block;margin-bottom:10px;}
.cup-enzona-body h3{margin:0 0 4px;font-size:1.4rem;color:var(--tmn-negro);}
.cup-enzona-meta{margin:0 0 6px;color:#777;font-size:.95rem;}
.cup-enzona-rating{margin:0 0 18px;color:var(--tmn-teal-osc);font-weight:700;}
.cup-enzona-rating small{color:#aaa;font-weight:400;}
.cup-enzona-cta{display:flex;gap:10px;flex-wrap:wrap;}
.cup-enzona-wa{background:#25D366;color:#fff;text-decoration:none;padding:12px 22px;border-radius:11px;font-weight:700;}
.cup-enzona-wa:hover{background:#1da851;}
.cup-enzona-ver{background:#fff;color:var(--tmn-teal-osc);border:1.5px solid var(--tmn-teal);
  text-decoration:none;padding:12px 22px;border-radius:11px;font-weight:700;}
.cup-enzona-ver:hover{background:var(--tmn-crema);}

/* ===== Layout cupón + centro "en tu zona" lado a lado (PC) ===== */
.cup-match{margin:10px auto 0;}
.cup-match:not(.has-match){max-width:460px;}
.cup-match.has-match{max-width:1080px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
@media(max-width:860px){.cup-match.has-match{grid-template-columns:1fr;gap:32px;max-width:460px;}}
.cup-match-col{width:100%;}
.cup-match-voucher{display:flex;flex-direction:column;align-items:center;}
.cup-match-voucher .voucher{max-width:100%;}
.cup-match-centro{text-align:left;}
.cup-enzona-h2{font-size:1.6rem;margin:8px 0 18px;}
.cup-enzona-card--col{grid-template-columns:1fr;max-width:none;width:100%;margin:0;}
.cup-enzona-card--col .cup-enzona-img{min-height:230px;}
.cup-enzona-card--col .cup-enzona-cta{flex-direction:row;flex-wrap:wrap;}
.cup-enzona-card--col .cup-enzona-wa,
.cup-enzona-card--col .cup-enzona-ver{white-space:nowrap;}
/* Más aire entre bloques */
.cup-centros{margin-top:64px;max-width:1080px;}
.cup-centros h2{margin-bottom:24px;}

/* Sección centro "en tu zona" apilada (plan B) */
.cup-enzona-sec{margin-top:52px;}
.cup-enzona-head{text-align:center;margin-bottom:20px;}
.cup-enzona-sec .cup-enzona-body{padding:28px;}
@media(max-width:600px){.cup-enzona-card{grid-template-columns:1fr;}}