/* =========================================================
   Create Plastic — estilos para descripciones de producto
   Todas las reglas de componentes quedan limitadas a .cpx.
   ========================================================= */
.cpx{--ink:#0b1220;--mut:#5b6472;--line:#e6e8ec;container-type:inline-size;color:var(--ink);margin-top:8px}
.cpx *{box-sizing:border-box}
.cpx img,.cpx video{width:100%;height:auto;display:block}
.cpx .cpx-eye{font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;color:#8a919c!important;font-weight:600;margin:0 0 8px!important;line-height:1.2!important}
.cpx .cpx-t{font-size:clamp(22px,4.2cqi,34px)!important;line-height:1.12!important;margin:0 0 12px!important;font-weight:700;letter-spacing:-.015em;color:inherit}
.cpx p.cpx-d{color:var(--mut);margin:0;line-height:1.65}

/* Portada */
.cpx .cpx-hero{background:#000;border-radius:22px;overflow:hidden;color:#fff}
.cpx .cpx-hero video,.cpx .cpx-hero > img,.cpx .cpx-hero .cpx-bg{aspect-ratio:4/3;object-fit:cover;background:#000;width:100%}
.cpx .cpx-hero-txt{padding:clamp(22px,5cqi,44px);background:#000}
.cpx .cpx-hero h2{font-size:clamp(32px,7cqi,58px);line-height:1.02;margin:0;font-weight:700;color:#fff!important;letter-spacing:-.025em}
.cpx .cpx-hero .cpx-sub{color:#c7ccd4!important;margin:12px 0 0;max-width:580px;line-height:1.55}

/* Fila de datos */
.cpx .cpx-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;margin:14px 0 0;overflow:hidden}
.cpx .cpx-stat{padding:18px 16px;border-left:1px solid var(--line)}
.cpx .cpx-stat:first-child{border-left:0}
.cpx .cpx-stat b{display:block;white-space:nowrap;font-size:clamp(16px,2.9cqi,24px);font-weight:700;letter-spacing:-.01em;line-height:1.15}
.cpx .cpx-stat span{display:block;font-size:13px;color:var(--mut);margin-top:4px}
@container (max-width:620px){.cpx .cpx-stats{grid-template-columns:1fr 1fr}.cpx .cpx-stat:nth-child(3){border-left:0}.cpx .cpx-stat:nth-child(n+3){border-top:1px solid var(--line)}}

/* Bloques negros */
.cpx .cpx-dark{background:#000;color:#fff;border-radius:22px;overflow:hidden;margin:clamp(24px,5cqi,44px) 0}
.cpx .cpx-dark .cpx-in{padding:clamp(22px,5cqi,44px) clamp(22px,5cqi,44px) 0;max-width:680px}
.cpx .cpx-dark .cpx-t{color:#fff!important}
.cpx .cpx-dark p.cpx-d{color:#a9b0ba!important}
.cpx .cpx-dark video,.cpx .cpx-dark > img{margin-top:clamp(12px,3cqi,24px);background:#000}

/* Filas texto + imagen */
.cpx .cpx-row{display:grid;grid-template-columns:1fr;gap:20px;align-items:center;padding:clamp(28px,6cqi,56px) 0;border-bottom:1px solid var(--line)}
@container (min-width:760px){.cpx .cpx-row{grid-template-columns:5fr 7fr;gap:44px}.cpx .cpx-row.rev{grid-template-columns:7fr 5fr}.cpx .cpx-row.rev .cpx-media{order:-1}}
.cpx .cpx-media video,.cpx .cpx-media img{border-radius:18px;background:#f3f4f6}

/* Dos tarjetas */
.cpx .cpx-two{display:grid;grid-template-columns:1fr;gap:14px;margin-top:22px}
@container (min-width:640px){.cpx .cpx-two{grid-template-columns:1fr 1fr}}
.cpx .cpx-card{background:#0e0e10;border-radius:20px;overflow:hidden;color:#fff}
.cpx .cpx-card video,.cpx .cpx-card img{background:#0e0e10}
.cpx .cpx-card .cpx-c{padding:18px 22px 24px}
.cpx .cpx-card b{display:block;font-size:22px;color:#fff;letter-spacing:-.01em}
.cpx .cpx-card p.cpx-d{color:#a9b0ba!important;margin-top:6px;font-size:15px}

/* Secciones */
.cpx .cpx-sec,.cpx .cpx-end{padding:clamp(28px,6cqi,56px) 0 0}

/* Bloque destacado con clip vertical */
.cpx .cpx-feat{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;background:#000;color:#fff;border-radius:22px;padding:clamp(22px,5cqi,48px);margin:clamp(24px,5cqi,44px) 0}
@container (min-width:700px){.cpx .cpx-feat{grid-template-columns:1.1fr .9fr;gap:48px}}
.cpx .cpx-feat .cpx-t{color:#fff!important}
.cpx .cpx-feat p.cpx-d{color:#a9b0ba!important}
.cpx .cpx-phone{max-width:340px;width:100%;margin:0 auto;border-radius:28px;overflow:hidden;box-shadow:0 0 0 1px #26262a,0 30px 80px rgba(255,255,255,.06)}
.cpx .cpx-list{list-style:none;padding:0;margin:18px 0 0}
.cpx .cpx-list li{color:#d5d9df;padding:10px 0;border-top:1px solid #222226;font-size:15px}

/* Galerías */
.cpx .cpx-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.cpx .cpx-photos img{border-radius:16px;aspect-ratio:3/4;object-fit:cover}
.cpx .cpx-photos .wide{grid-column:1/-1;aspect-ratio:16/7}
.cpx .cpx-gal{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.cpx .cpx-gal img{aspect-ratio:1/1;object-fit:cover;border-radius:16px}
.cpx .cpx-film video{border-radius:20px;background:#000}

/* Llamado a la acción */
.cpx .cpx-cta{margin-top:clamp(28px,6cqi,48px);background:#f3f4f6;border-radius:22px;padding:clamp(24px,5cqi,40px);text-align:center}
.cpx .cpx-cta p.cpx-d{margin:0 auto 18px;max-width:480px}
.cpx a.cpx-btn{display:inline-block;background:#0b1220;color:#fff!important;text-decoration:none;padding:13px 24px;border-radius:999px;font-weight:600;font-size:15px}