/* cpuproductlayout — blocks.css: bloques propios (ficha y tarjeta) */
.cpl-notice, .cpl-list-blk, .cpl-badges, .cpl-video { --cpl-navy:#051a59; --cpl-line:#e5e9f0; --cpl-green:#0a8a4a; --cpl-green-bg:#e8f6ee; }
/* Aviso destacado */
.cpl-notice { display: flex; gap: 12px; align-items: flex-start; border-radius: 12px; padding: 12px 16px; border: 1px solid; font-size: calc(14px * var(--cpl-scale, 1)); }
.cpl-notice__icon { font-size: 1.5em; line-height: 1; flex: 0 0 auto; }
.cpl-notice__body { min-width: 0; }
.cpl-notice__title { display: block; font-weight: 700; margin-bottom: 2px; color: var(--cpl-color, inherit); }
.cpl-notice__text { margin: 0; color: var(--cpl-color, inherit); }
.cpl-notice--info    { background: #eef4ff; border-color: #c7d8fb; color: #163b8c; }
.cpl-notice--success { background: #e8f6ee; border-color: #b8e0c8; color: #0b5e35; }
.cpl-notice--warning { background: #fff6e5; border-color: #f6d79b; color: #7a4b00; }
.cpl-notice--danger  { background: #fdecec; border-color: #f2b8b8; color: #8e1c1c; }
.cpl-notice--brand   { background: var(--cpl-accent, var(--cpl-navy)); border-color: transparent; color: #fff; }
.cpl-notice--neutral { background: #f5f7fa; border-color: var(--cpl-line); color: var(--cpl-navy); }

/* Lista de ventajas */
.cpl-list-blk__title { font-size: calc(18px * var(--cpl-scale, 1)); font-weight: 700; margin: 0 0 8px; color: var(--cpl-color, var(--cpl-navy)); }
.cpl-list-blk__items { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--cpl-cols, 1), minmax(0, 1fr)); gap: 8px 16px; }
.cpl-list-blk__item { display: flex; gap: 10px; align-items: flex-start; font-size: calc(15px * var(--cpl-scale, 1)); color: var(--cpl-color, inherit); }
.cpl-list-blk__icon { flex: 0 0 auto; width: 1.6em; height: 1.6em; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--cpl-green-bg); color: var(--cpl-accent, var(--cpl-green)); font-size: .95em; }
@media (max-width: 575px) { .cpl-list-blk__items { grid-template-columns: 1fr; } }

/* Etiquetas */
.cpl-badges { display: flex; flex-wrap: wrap; gap: 8px; justify-content: var(--cpl-justify, flex-start); }
.cpl-badges__item { display: inline-flex; align-items: center; gap: 4px; background: var(--cpl-accent, #eef3fb); color: var(--cpl-color, var(--cpl-navy)); font-weight: 600; font-size: calc(13px * var(--cpl-scale, 1)); padding: 5px 12px; border-radius: 999px; }
.cpl-badges--square .cpl-badges__item { border-radius: 6px; }

/* Vídeo */
.cpl-video__title { font-size: calc(18px * var(--cpl-scale, 1)); font-weight: 700; margin: 0 0 8px; color: var(--cpl-color, var(--cpl-navy)); }
.cpl-video__frame { position: relative; aspect-ratio: 16 / 9; border-radius: inherit; overflow: hidden; background: #000; }
.cpl-video__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Separador */
.cpl-sep { display: flex; align-items: center; }
.cpl-sep::before { content: ""; flex: 1; border-top: 1px solid var(--cpl-accent, var(--cpl-line)); }
.cpl-sep--none::before { border: 0; }
.cpl-sep--dashed::before { border-top-style: dashed; }
.cpl-sep--dotted::before { border-top-style: dotted; border-top-width: 2px; }