/* ══════════════════════════════════════════════════════════════
   CVPro · plantillas.css
   Las 20 plantillas reales del producto, extraídas de
   plantillas-cv.html. Lo que se ve en los ejemplos ES el
   documento que el cliente descarga.

   Lo usan las 140 páginas de /ejemplos/. El navegador lo
   descarga UNA sola vez y lo cachea: la segunda página que
   visite el usuario carga al instante.

   ⚠️ Si cambias una plantilla en plantillas-cv.html, regenera
      este archivo o los ejemplos quedarán desincronizados.
   ══════════════════════════════════════════════════════════════ */

.cv-h1{font-family:'Montserrat',sans-serif;background:#fff;color:#1a1a1a;width:794px;overflow-wrap:break-word;word-break:break-word}
.cv-h1 .hdr{background:#0d1b2a;padding:36px 40px;display:flex;gap:24px;align-items:center}
.cv-h1 .ph{width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid #FFD000;flex-shrink:0;background:#2a4a6b;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#FFD000}
.cv-h1 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-h1 .nm{font-size:1.8rem;font-weight:700;color:#fff;line-height:1.1}
.cv-h1 .rl{color:#FFD000;font-size:0.82rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin:5px 0 12px}
.cv-h1 .ct{display:flex;flex-wrap:wrap;gap:8px}
.cv-h1 .ci{font-size:0.72rem;color:#ccc}
.cv-h1 .bd{display:grid;grid-template-columns:210px minmax(0,1fr)}
.cv-h1 .sb{background:#f0f4f8;padding:24px 20px}
.cv-h1 .mn{padding:24px 26px}
.cv-h1 .st{font-size:0.6rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#0d1b2a;border-bottom:2px solid #FFD000;padding-bottom:4px;margin-bottom:12px}
.cv-h1 .sk{margin-bottom:8px}
.cv-h1 .sn{font-size:0.72rem;font-weight:600;color:#333;margin-bottom:2px}
.cv-h1 .sb2{height:4px;background:#ddd;border-radius:2px}
.cv-h1 .sf{height:100%;background:linear-gradient(90deg,#0d1b2a,#FFD000);border-radius:2px}
.cv-h1 .jb{margin-bottom:16px;padding-left:12px;border-left:3px solid #FFD000}
.cv-h1 .jt{font-size:0.86rem;font-weight:700;color:#0d1b2a}
.cv-h1 .jm{font-size:0.72rem;color:#666;margin:3px 0 7px}
.cv-h1 .bl{font-size:0.74rem;color:#444;line-height:1.6;margin-bottom:2px;padding-left:10px;position:relative}
.cv-h1 .bl::before{content:'▸';position:absolute;left:0;color:#0d1b2a;font-size:0.65rem}
.cv-h1 .li{display:flex;justify-content:space-between;font-size:0.74rem;margin-bottom:5px}

/* H2 NEGRO DORADO */
.cv-h2{font-family:'Raleway',sans-serif;background:#fff;color:#1a1a1a;width:794px}
.cv-h2 .hdr{background:#111;padding:32px 36px;display:flex;gap:20px;align-items:center}
.cv-h2 .ph{width:90px;height:90px;border-radius:10px;overflow:hidden;border:3px solid #FFD000;flex-shrink:0;background:#222;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#FFD000}
.cv-h2 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-h2 .nm{font-size:1.7rem;font-weight:700;color:#fff}
.cv-h2 .rl{color:#FFD000;font-size:0.78rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin:4px 0 10px}
.cv-h2 .gl{width:40px;height:2px;background:#FFD000;margin-bottom:10px}
.cv-h2 .ct{display:flex;flex-wrap:wrap;gap:10px}
.cv-h2 .ci{font-size:0.7rem;color:#aaa}
.cv-h2 .bd{display:grid;grid-template-columns:1fr 240px}
.cv-h2 .mn{padding:24px 28px}
.cv-h2 .sb{background:#f9f9f9;padding:24px 20px;border-left:1px solid #eee}
.cv-h2 .st{font-size:0.62rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#111;margin-bottom:12px;display:flex;align-items:center;gap:6px}
.cv-h2 .st::after{content:'';flex:1;height:1px;background:#FFD000}
.cv-h2 .jb{margin-bottom:16px}
.cv-h2 .jh{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3px}
.cv-h2 .jt{font-size:0.86rem;font-weight:700;color:#111}
.cv-h2 .jd{font-size:0.68rem;background:#111;color:#FFD000;padding:2px 7px;border-radius:3px}
.cv-h2 .jm{font-size:0.74rem;color:#666;margin-bottom:7px}
.cv-h2 .bl{font-size:0.73rem;color:#444;line-height:1.6;margin-bottom:2px;padding-left:12px;position:relative}
.cv-h2 .bl::before{content:'→';position:absolute;left:0;color:#FFD000;font-size:0.6rem}
.cv-h2 .tg{display:inline-block;background:#111;color:#FFD000;font-size:0.67rem;padding:3px 8px;border-radius:3px;margin:2px;font-weight:700}

/* H3 MINIMALISTA */
.cv-h3{font-family:'Lato',sans-serif;background:#fff;color:#1a1a1a;width:794px}
.cv-h3 .hdr{padding:30px 36px;border-bottom:3px solid #1a1a1a;display:flex;justify-content:space-between;align-items:center}
.cv-h3 .ph{width:80px;height:80px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#eee;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#666}
.cv-h3 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-h3 .nm{font-size:2rem;font-weight:900;color:#1a1a1a;letter-spacing:-1px;line-height:1}
.cv-h3 .rl{font-size:0.8rem;font-weight:300;color:#666;letter-spacing:4px;text-transform:uppercase;margin-top:5px}
.cv-h3 .ct{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap}
.cv-h3 .ci{font-size:0.72rem;color:#888}
.cv-h3 .bd{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:26px 36px}
.cv-h3 .col{padding:0 14px}
.cv-h3 .col:first-child{padding-left:0;border-right:1px solid #eee}
.cv-h3 .col:last-child{padding-right:0}
.cv-h3 .st{font-size:0.58rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#1a1a1a;margin-bottom:12px;padding-bottom:3px;border-bottom:2px solid #1a1a1a}
.cv-h3 .jb{margin-bottom:14px}
.cv-h3 .jt{font-size:0.84rem;font-weight:700;color:#1a1a1a}
.cv-h3 .jm{font-size:0.7rem;color:#888;margin:2px 0 5px}
.cv-h3 .bl{font-size:0.72rem;color:#555;line-height:1.6;margin-bottom:2px;padding-left:8px;position:relative}
.cv-h3 .bl::before{content:'·';position:absolute;left:0;font-weight:900}
.cv-h3 .dr{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.cv-h3 .dn{font-size:0.72rem;font-weight:700}
.cv-h3 .ds{display:flex;gap:3px}
.cv-h3 .dot{width:7px;height:7px;border-radius:50%;background:#eee}
.cv-h3 .dot.f{background:#1a1a1a}

/* H4 VERDE OLIVA */
.cv-h4{font-family:'Poppins',sans-serif;background:#fff;color:#1a1a1a;width:794px}
.cv-h4 .hdr{background:#2d4a22;padding:32px 36px;display:flex;gap:22px;align-items:flex-start}
.cv-h4 .ph{width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid #c8e6a0;flex-shrink:0;background:#3d6130;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#c8e6a0}
.cv-h4 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-h4 .nm{font-size:1.7rem;font-weight:700;color:#fff;line-height:1.1}
.cv-h4 .rl{color:#c8e6a0;font-size:0.78rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;margin:4px 0 10px}
.cv-h4 .ct{display:flex;flex-direction:column;gap:4px}
.cv-h4 .ci{font-size:0.7rem;color:#b0cc96}
.cv-h4 .bd{display:grid;grid-template-columns:220px minmax(0,1fr)}
.cv-h4 .sb{background:#f4f8f0;padding:22px 18px;border-right:3px solid #c8e6a0}
.cv-h4 .mn{padding:22px 24px}
.cv-h4 .st{font-size:0.6rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#2d4a22;margin-bottom:10px;padding:3px 7px;background:#e8f5d8;border-left:3px solid #2d4a22}
.cv-h4 .sk{margin-bottom:8px}
.cv-h4 .sn{font-size:0.72rem;font-weight:600;color:#333;margin-bottom:2px}
.cv-h4 .sb2{height:4px;background:#ddd;border-radius:2px}
.cv-h4 .sf{height:100%;background:#2d4a22;border-radius:2px}
.cv-h4 .jb{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #eee}
.cv-h4 .jb:last-child{border:none}
.cv-h4 .jt{font-size:0.84rem;font-weight:700;color:#2d4a22}
.cv-h4 .jm{font-size:0.7rem;color:#888;margin:3px 0 6px}
.cv-h4 .bl{font-size:0.72rem;color:#555;line-height:1.6;margin-bottom:2px;padding-left:10px;position:relative}
.cv-h4 .bl::before{content:'▪';position:absolute;left:0;color:#2d4a22}

/* H5 TECH AZUL */
.cv-h5{font-family:'Montserrat',sans-serif;background:#fff;color:#1a1a1a;width:794px}
.cv-h5 .hdr{background:#0a0a0a;padding:0;display:flex}
.cv-h5 .ph-rect{width:140px;flex-shrink:0;overflow:hidden;background:#1a1a2e;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#00d4ff;min-height:150px}
.cv-h5 .ph-rect img{width:100%;height:100%;object-fit:cover;display:block}
.cv-h5 .hdr-info{flex:1;padding:24px 28px;border-left:4px solid #00d4ff}
.cv-h5 .nm{font-size:1.7rem;font-weight:700;color:#fff;line-height:1.1}
.cv-h5 .rl{color:#00d4ff;font-size:0.78rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin:4px 0 10px}
.cv-h5 .ct{display:flex;flex-wrap:wrap;gap:8px}
.cv-h5 .ci{font-size:0.7rem;color:#aaa}
.cv-h5 .bd{display:grid;grid-template-columns:1fr 200px}
.cv-h5 .mn{padding:22px 26px}
.cv-h5 .sb{background:#f5f9ff;padding:22px 18px;border-left:1px solid #e0eeff}
.cv-h5 .st{font-size:0.6rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#0066ff;margin-bottom:12px;border-bottom:2px solid #00d4ff;padding-bottom:3px}
.cv-h5 .jb{margin-bottom:14px;padding-left:10px;border-left:2px solid #0066ff}
.cv-h5 .jt{font-size:0.84rem;font-weight:700;color:#0a0a0a}
.cv-h5 .jm{font-size:0.7rem;color:#666;margin:2px 0 6px}
.cv-h5 .bl{font-size:0.72rem;color:#444;line-height:1.6;margin-bottom:2px;padding-left:8px;position:relative}
.cv-h5 .bl::before{content:'>';position:absolute;left:0;color:#0066ff;font-weight:700;font-size:0.6rem}
.cv-h5 .tg{display:inline-block;background:#e0eeff;color:#0066ff;font-size:0.65rem;padding:2px 7px;border-radius:3px;margin:2px;font-weight:700}
.cv-h5 .sk{margin-bottom:8px}
.cv-h5 .sn{font-size:0.7rem;font-weight:600;margin-bottom:2px}
.cv-h5 .sb2{height:4px;background:#ddd;border-radius:2px}
.cv-h5 .sf{height:100%;background:linear-gradient(90deg,#0066ff,#00d4ff);border-radius:2px}

/* M1 ROSA GOLD */
.cv-m1{font-family:'Montserrat',sans-serif;background:#fff;color:#1a1a1a;width:794px}
.cv-m1 .nm{font-family:'Playfair Display',serif}
.cv-m1 .hdr{background:linear-gradient(135deg,#2d1b35,#4a2d5c);padding:32px 36px;display:flex;gap:22px;align-items:center}
.cv-m1 .ph{width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid #e8b4d0;flex-shrink:0;background:#3d2448;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#e8b4d0}
.cv-m1 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-m1 .nm{font-size:1.8rem;font-weight:700;color:#fff;letter-spacing:0.5px;line-height:1.1}
.cv-m1 .rl{color:#e8b4d0;font-size:0.78rem;font-weight:400;letter-spacing:3px;text-transform:uppercase;margin:4px 0 10px;font-family:'Montserrat',sans-serif}
.cv-m1 .gl{width:50px;height:2px;background:linear-gradient(90deg,#e8b4d0,#c9a96e);margin-bottom:10px}
.cv-m1 .ct{display:flex;flex-wrap:wrap;gap:8px}
.cv-m1 .ci{font-size:0.7rem;color:#d4a8c0;font-family:'Montserrat',sans-serif}
.cv-m1 .bd{display:grid;grid-template-columns:210px minmax(0,1fr)}
.cv-m1 .sb{background:#fdf5f8;padding:22px 18px;border-right:1px solid #f0d8e5}
.cv-m1 .mn{padding:22px 24px}
.cv-m1 .st{font-size:0.6rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#4a2d5c;margin-bottom:12px;padding-bottom:4px;border-bottom:2px solid #e8b4d0;font-family:'Montserrat',sans-serif}
.cv-m1 .sk{margin-bottom:8px}
.cv-m1 .sn{font-size:0.72rem;color:#555;margin-bottom:2px;font-family:'Montserrat',sans-serif}
.cv-m1 .sb2{height:4px;background:#f0d8e5;border-radius:2px}
.cv-m1 .sf{height:100%;background:linear-gradient(90deg,#4a2d5c,#e8b4d0);border-radius:2px}
.cv-m1 .jb{margin-bottom:16px}
.cv-m1 .jt{font-size:0.86rem;font-weight:700;color:#2d1b35}
.cv-m1 .jm{font-size:0.7rem;color:#999;margin:3px 0 7px;font-family:'Montserrat',sans-serif}
.cv-m1 .bl{font-size:0.73rem;color:#555;line-height:1.6;margin-bottom:2px;padding-left:12px;position:relative;font-family:'Montserrat',sans-serif}
.cv-m1 .bl::before{content:'✦';position:absolute;left:0;color:#e8b4d0;font-size:0.45rem;top:4px}

/* M2 TEAL */
.cv-m2{font-family:'Montserrat',sans-serif;background:#fff;color:#1a1a1a;width:794px}
.cv-m2 .hdr{background:#0d4f4f;padding:32px 36px;display:flex;gap:22px;align-items:center}
.cv-m2 .ph{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #7ecece;flex-shrink:0;background:#1a6b6b;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#7ecece}
.cv-m2 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-m2 .nm{font-size:1.75rem;font-weight:700;color:#fff}
.cv-m2 .rl{color:#7ecece;font-size:0.78rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;margin:4px 0 10px}
.cv-m2 .ct{display:flex;flex-wrap:wrap;gap:10px}
.cv-m2 .ci{font-size:0.7rem;color:#aacece}
.cv-m2 .bd{display:grid;grid-template-columns:1fr 220px}
.cv-m2 .mn{padding:22px 26px}
.cv-m2 .sb{background:#f0f8f8;padding:22px 18px;border-left:3px solid #7ecece}
.cv-m2 .st{font-size:0.6rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#0d4f4f;margin-bottom:12px;border-bottom:2px solid #7ecece;padding-bottom:3px}
.cv-m2 .jb{margin-bottom:16px;padding-left:12px;border-left:3px solid #7ecece}
.cv-m2 .jt{font-size:0.86rem;font-weight:700;color:#0d4f4f}
.cv-m2 .jm{font-size:0.7rem;color:#888;margin:3px 0 7px}
.cv-m2 .bl{font-size:0.73rem;color:#555;line-height:1.6;margin-bottom:2px;padding-left:10px;position:relative}
.cv-m2 .bl::before{content:'◆';position:absolute;left:0;color:#0d4f4f;font-size:0.35rem;top:5px}
.cv-m2 .sk{margin-bottom:8px}
.cv-m2 .sn{font-size:0.72rem;font-weight:600;color:#333;margin-bottom:2px}
.cv-m2 .sb2{height:4px;background:#d8eded;border-radius:2px}
.cv-m2 .sf{height:100%;background:#0d4f4f;border-radius:2px}
.cv-m2 .tg{display:inline-block;background:#e0f4f4;color:#0d4f4f;font-size:0.65rem;padding:2px 7px;border-radius:3px;margin:2px;font-weight:700}

/* M3 NARANJA */
.cv-m3{font-family:'Poppins',sans-serif;background:#fff;color:#1a1a1a;width:794px}
.cv-m3 .hdr{padding:28px 36px;display:flex;gap:22px;align-items:center;border-bottom:4px solid #ff6b35}
.cv-m3 .ph{width:95px;height:95px;border-radius:50%;overflow:hidden;border:4px solid #ff6b35;flex-shrink:0;background:#fff3ee;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ff6b35}
.cv-m3 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-m3 .nm{font-size:1.75rem;font-weight:700;color:#1a1a1a}
.cv-m3 .rl{color:#ff6b35;font-size:0.78rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin:3px 0 8px}
.cv-m3 .ct{display:flex;flex-wrap:wrap;gap:10px}
.cv-m3 .ci{font-size:0.7rem;color:#888}
.cv-m3 .bd{display:grid;grid-template-columns:220px minmax(0,1fr)}
.cv-m3 .sb{background:#fff8f5;padding:22px 18px;border-right:2px solid #ffe0d4}
.cv-m3 .mn{padding:22px 24px}
.cv-m3 .st{font-size:0.6rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#ff6b35;margin-bottom:10px;padding:3px 7px;background:#fff0ea;border-radius:3px}
.cv-m3 .jb{margin-bottom:14px}
.cv-m3 .jt{font-size:0.84rem;font-weight:700;color:#1a1a1a}
.cv-m3 .jd{display:inline-block;background:#ff6b35;color:#fff;font-size:0.62rem;padding:2px 7px;border-radius:3px;margin-bottom:6px}
.cv-m3 .jm{font-size:0.7rem;color:#888;margin-bottom:6px}
.cv-m3 .bl{font-size:0.72rem;color:#555;line-height:1.6;margin-bottom:2px;padding-left:10px;position:relative}
.cv-m3 .bl::before{content:'→';position:absolute;left:0;color:#ff6b35;font-size:0.6rem;font-weight:700}
.cv-m3 .sk{margin-bottom:8px}
.cv-m3 .sn{font-size:0.72rem;font-weight:600;color:#333;margin-bottom:2px}
.cv-m3 .sb2{height:4px;background:#ffe0d4;border-radius:2px}
.cv-m3 .sf{height:100%;background:#ff6b35;border-radius:2px}

/* M4 BURDEOS */
.cv-m4{font-family:'Raleway',sans-serif;background:#fff;color:#1a1a1a;width:794px}
.cv-m4 .hdr{background:#6b1a1a;padding:32px 36px;display:flex;gap:22px;align-items:center;border-bottom:3px solid #c9a96e}
.cv-m4 .ph{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #c9a96e;flex-shrink:0;background:#8b2a2a;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#c9a96e}
.cv-m4 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-m4 .nm{font-size:1.8rem;font-weight:700;color:#fff}
.cv-m4 .rl{color:#e8d5a0;font-size:0.78rem;font-weight:400;letter-spacing:3px;text-transform:uppercase;margin:4px 0 10px}
.cv-m4 .ct{display:flex;flex-wrap:wrap;gap:8px}
.cv-m4 .ci{font-size:0.7rem;color:#d4b4a0}
.cv-m4 .bd{display:grid;grid-template-columns:210px minmax(0,1fr)}
.cv-m4 .sb{background:#fdf8f5;padding:22px 18px;border-right:1px solid #f0e0d5}
.cv-m4 .mn{padding:22px 24px}
.cv-m4 .st{font-size:0.6rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#6b1a1a;margin-bottom:12px;padding-bottom:3px;border-bottom:2px solid #c9a96e}
.cv-m4 .jb{margin-bottom:16px}
.cv-m4 .jt{font-size:0.86rem;font-weight:700;color:#6b1a1a}
.cv-m4 .jm{font-size:0.7rem;color:#999;margin:3px 0 7px}
.cv-m4 .bl{font-size:0.73rem;color:#555;line-height:1.6;margin-bottom:2px;padding-left:10px;position:relative}
.cv-m4 .bl::before{content:'◈';position:absolute;left:0;color:#c9a96e;font-size:0.45rem;top:3px}
.cv-m4 .sk{margin-bottom:8px}
.cv-m4 .sn{font-size:0.72rem;font-weight:600;color:#333;margin-bottom:2px}
.cv-m4 .sb2{height:4px;background:#f0e0d5;border-radius:2px}
.cv-m4 .sf{height:100%;background:linear-gradient(90deg,#6b1a1a,#c9a96e);border-radius:2px}
.cv-m4 .tg{display:inline-block;background:#fdf0ea;color:#6b1a1a;font-size:0.65rem;padding:2px 7px;border-radius:3px;margin:2px;font-weight:600;border:1px solid #c9a96e}

/* M5 LAVANDA */
.cv-m5{font-family:'Lato',sans-serif;background:#fff;color:#1a1a1a;width:794px}
.cv-m5 .hdr{background:linear-gradient(135deg,#4a3f8b,#6b5fa0);padding:32px 36px;display:flex;gap:22px;align-items:center}
.cv-m5 .ph{width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid #c4b8f0;flex-shrink:0;background:#5a4f9b;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#c4b8f0}
.cv-m5 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-m5 .nm{font-size:1.75rem;font-weight:700;color:#fff}
.cv-m5 .rl{color:#c4b8f0;font-size:0.78rem;font-weight:300;letter-spacing:3px;text-transform:uppercase;margin:4px 0 10px}
.cv-m5 .ct{display:flex;flex-wrap:wrap;gap:8px}
.cv-m5 .ci{font-size:0.7rem;color:#b0a4e0}
.cv-m5 .bd{display:grid;grid-template-columns:210px minmax(0,1fr)}
.cv-m5 .sb{background:#f7f5ff;padding:22px 18px;border-right:3px solid #c4b8f0}
.cv-m5 .mn{padding:22px 24px}
.cv-m5 .st{font-size:0.6rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#4a3f8b;margin-bottom:12px;border-bottom:2px solid #c4b8f0;padding-bottom:3px}
.cv-m5 .jb{margin-bottom:16px;padding-bottom:14px;border-bottom:1px dashed #e0d8ff}
.cv-m5 .jb:last-child{border:none}
.cv-m5 .jt{font-size:0.86rem;font-weight:700;color:#4a3f8b}
.cv-m5 .jm{font-size:0.7rem;color:#999;margin:3px 0 7px}
.cv-m5 .bl{font-size:0.73rem;color:#555;line-height:1.6;margin-bottom:2px;padding-left:10px;position:relative}
.cv-m5 .bl::before{content:'◉';position:absolute;left:0;color:#c4b8f0;font-size:0.4rem;top:5px}
.cv-m5 .sk{margin-bottom:8px}
.cv-m5 .sn{font-size:0.72rem;font-weight:700;color:#333;margin-bottom:2px}
.cv-m5 .sb2{height:4px;background:#e0d8ff;border-radius:2px}
.cv-m5 .sf{height:100%;background:linear-gradient(90deg,#4a3f8b,#c4b8f0);border-radius:2px}
.cv-m5 .lb{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.cv-m5 .lbg{background:#4a3f8b;color:#c4b8f0;font-size:0.62rem;padding:2px 6px;border-radius:3px;font-weight:700}

/* ══════════════════════════════════════════════════════════════════
   10 PLANTILLAS PREMIUM — diseños originales (h6-h10, m6-m10)
   Antes eran CLONES de h1-h5/m1-m5: 20 plantillas pero solo 10 diseños.
   Ahora son 10 estéticas genuinamente distintas, con tipografías
   premium y jerarquías diferenciadas por sector profesional.
   Todas conservan las clases del renderizador compartido
   (.hdr .ph .nm .rl .ct .ci .bd .sb .mn .st .sk .sn .sb2 .sf .jb .jt
   .jm .bl .li .edu-item) para que funcionen sin tocar el motor.
   ══════════════════════════════════════════════════════════════════ */

/* ── h6 · EJECUTIVO EDITORIAL ─────────────────────────────────────
   Serif de alto contraste, franja fina superior, mucho aire.
   Para dirección, consultoría, legal, finanzas.                    */
.cv-h6{font-family:'Inter',sans-serif;background:#fff;color:#14161a;width:794px;overflow-wrap:break-word;word-break:break-word}
.cv-h6 .hdr{background:#fff;padding:44px 48px 26px;display:flex;gap:26px;align-items:flex-end;border-top:7px solid #1a2b4a;border-bottom:1px solid #e6e8ec}
.cv-h6 .ph{width:96px;height:96px;border-radius:3px;overflow:hidden;border:none;flex-shrink:0;background:#eef1f5;display:flex;align-items:center;justify-content:center}
.cv-h6 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-h6 .nm{font-family:'DM Serif Display',serif;font-size:2.15rem;font-weight:400;color:#14161a;line-height:1.05;letter-spacing:-0.5px}
.cv-h6 .rl{color:#66707e;font-size:0.74rem;font-weight:600;letter-spacing:3.5px;text-transform:uppercase;margin:7px 0 12px}
.cv-h6 .ct{display:flex;flex-wrap:wrap;gap:14px}
.cv-h6 .ci{font-size:0.71rem;color:#66707e}
.cv-h6 .bd{display:grid;grid-template-columns:200px minmax(0,1fr)}
.cv-h6 .sb{background:#fbfcfd;padding:28px 22px;border-right:1px solid #e6e8ec}
.cv-h6 .mn{padding:28px 30px}
.cv-h6 .st{font-family:'Inter',sans-serif;font-size:0.58rem;font-weight:700;letter-spacing:2.8px;text-transform:uppercase;color:#1a2b4a;padding-bottom:6px;margin-bottom:14px;border-bottom:1px solid #dfe3e8}
.cv-h6 .sk{margin-bottom:7px}
.cv-h6 .sn{font-size:0.72rem;font-weight:500;color:#2c333d;margin-bottom:2px}
.cv-h6 .sb2{height:2px;background:#e6e8ec}
.cv-h6 .sf{height:100%;background:#1a2b4a}
.cv-h6 .jb{margin-bottom:19px}
.cv-h6 .jt{font-family:'DM Serif Display',serif;font-size:1rem;font-weight:400;color:#14161a}
.cv-h6 .jm{font-size:0.71rem;color:#8a929e;margin:2px 0 8px;letter-spacing:.3px}
.cv-h6 .bl{font-size:0.745rem;color:#3d444e;line-height:1.68;margin-bottom:4px;padding-left:15px;position:relative}
.cv-h6 .bl::before{content:'';position:absolute;left:0;top:9px;width:6px;height:1px;background:#1a2b4a}
.cv-h6 .li{font-size:0.72rem;color:#3d444e}
.cv-h6 .sk-item{font-size:0.72rem;color:#3d444e;margin-bottom:5px}

/* ── h7 · TÉCNICO MONOESPACIADO ───────────────────────────────────
   Geométrica, retícula visible, acento eléctrico.
   Para ingeniería, TI, datos, arquitectura.                        */
.cv-h7{font-family:'Space Grotesk',sans-serif;background:#fff;color:#0f1115;width:794px;overflow-wrap:break-word;word-break:break-word}
.cv-h7 .hdr{background:#0f1115;padding:34px 40px;display:flex;gap:22px;align-items:center;position:relative}
.cv-h7 .hdr::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#00e5a0 0%,#00e5a0 22%,#1e2228 22%)}
.cv-h7 .ph{width:92px;height:92px;border-radius:6px;overflow:hidden;border:2px solid #00e5a0;flex-shrink:0;background:#1e2228;display:flex;align-items:center;justify-content:center}
.cv-h7 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-h7 .nm{font-size:1.72rem;font-weight:700;color:#fff;line-height:1.08;letter-spacing:-0.8px}
.cv-h7 .rl{color:#00e5a0;font-size:0.7rem;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;margin:6px 0 11px}
.cv-h7 .ct{display:flex;flex-wrap:wrap;gap:10px}
.cv-h7 .ci{font-size:0.7rem;color:#9aa3ad}
.cv-h7 .bd{display:grid;grid-template-columns:206px minmax(0,1fr)}
.cv-h7 .sb{background:#f5f7f8;padding:24px 20px}
.cv-h7 .mn{padding:24px 28px}
.cv-h7 .st{font-size:0.57rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#0f1115;margin-bottom:12px;padding-bottom:5px;border-bottom:2px solid #00e5a0}
.cv-h7 .sk{margin-bottom:8px}
.cv-h7 .sn{font-size:0.7rem;font-weight:500;color:#2b3038;margin-bottom:3px}
.cv-h7 .sb2{height:5px;background:#e2e6e9;border-radius:0}
.cv-h7 .sf{height:100%;background:#00c98d;border-radius:0}
.cv-h7 .jb{margin-bottom:16px;padding-left:13px;border-left:2px solid #00e5a0}
.cv-h7 .jt{font-size:0.87rem;font-weight:700;color:#0f1115;letter-spacing:-0.2px}
.cv-h7 .jm{font-size:0.69rem;color:#78818c;margin:3px 0 7px;font-weight:500}
.cv-h7 .bl{font-size:0.73rem;color:#3a4048;line-height:1.62;margin-bottom:3px;padding-left:13px;position:relative}
.cv-h7 .bl::before{content:'▸';position:absolute;left:0;color:#00c98d;font-size:0.65rem}
.cv-h7 .li{font-size:0.71rem;color:#3a4048}
.cv-h7 .sk-item{font-size:0.71rem;color:#3a4048;margin-bottom:5px}

/* ── h8 · CLÁSICO INSTITUCIONAL ───────────────────────────────────
   Sobrio, sin foto destacada, tipografía de libro.
   Para medicina, docencia, sector público, investigación.          */
.cv-h8{font-family:'Inter',sans-serif;background:#fff;color:#1c1c1c;width:794px;overflow-wrap:break-word;word-break:break-word}
.cv-h8 .hdr{background:#fff;padding:40px 46px 22px;display:flex;gap:24px;align-items:center;border-bottom:2.5px solid #6b1f2e}
.cv-h8 .ph{width:88px;height:88px;border-radius:50%;overflow:hidden;border:1px solid #d8d2d3;flex-shrink:0;background:#f4f0f0;display:flex;align-items:center;justify-content:center}
.cv-h8 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-h8 .nm{font-family:'Cormorant Garamond',serif;font-size:2.35rem;font-weight:700;color:#1c1c1c;line-height:1.02}
.cv-h8 .rl{color:#6b1f2e;font-size:0.75rem;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;margin:4px 0 10px}
.cv-h8 .ct{display:flex;flex-wrap:wrap;gap:13px}
.cv-h8 .ci{font-size:0.71rem;color:#6a6265}
.cv-h8 .bd{display:grid;grid-template-columns:205px minmax(0,1fr)}
.cv-h8 .sb{background:#faf7f7;padding:26px 21px}
.cv-h8 .mn{padding:26px 30px}
.cv-h8 .st{font-family:'Cormorant Garamond',serif;font-size:0.92rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#6b1f2e;margin-bottom:12px;padding-bottom:4px;border-bottom:1px solid #e0d6d8}
.cv-h8 .sk{margin-bottom:7px}
.cv-h8 .sn{font-size:0.72rem;font-weight:500;color:#33302f;margin-bottom:2px}
.cv-h8 .sb2{height:3px;background:#e8e0e2}
.cv-h8 .sf{height:100%;background:#8d3244}
.cv-h8 .jb{margin-bottom:17px}
.cv-h8 .jt{font-size:0.89rem;font-weight:700;color:#6b1f2e}
.cv-h8 .jm{font-size:0.71rem;color:#8a8083;margin:2px 0 7px;font-style:normal}
.cv-h8 .bl{font-size:0.745rem;color:#3c3839;line-height:1.66;margin-bottom:4px;padding-left:14px;position:relative}
.cv-h8 .bl::before{content:'—';position:absolute;left:0;color:#a8737f;font-size:0.7rem}
.cv-h8 .li{font-size:0.72rem;color:#3c3839}
.cv-h8 .sk-item{font-size:0.72rem;color:#3c3839;margin-bottom:5px}

/* ── h9 · MINIMAL DE UNA COLUMNA ──────────────────────────────────
   Sin barra lateral, todo el ancho, máxima legibilidad ATS.
   Para perfiles con mucha experiencia que necesitan espacio.       */
.cv-h9{font-family:'Inter',sans-serif;background:#fff;color:#111;width:794px;overflow-wrap:break-word;word-break:break-word}
.cv-h9 .hdr{background:#fff;padding:46px 52px 20px;display:flex;gap:24px;align-items:center}
.cv-h9 .ph{width:84px;height:84px;border-radius:50%;overflow:hidden;border:none;flex-shrink:0;background:#f2f2f2;display:flex;align-items:center;justify-content:center}
.cv-h9 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-h9 .nm{font-size:2.05rem;font-weight:800;color:#111;line-height:1.05;letter-spacing:-1.2px}
.cv-h9 .rl{color:#111;font-size:0.8rem;font-weight:500;letter-spacing:0;text-transform:none;margin:4px 0 9px}
.cv-h9 .ct{display:flex;flex-wrap:wrap;gap:16px}
.cv-h9 .ci{font-size:0.72rem;color:#767676}
.cv-h9 .bd{display:block;padding:0 52px 30px}
.cv-h9 .sb{background:transparent;padding:16px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 34px;align-items:start}
.cv-h9 .mn{padding:20px 0 0}
.cv-h9 .st{font-size:0.57rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#111;margin-bottom:11px;padding-bottom:5px;border-bottom:1.5px solid #111}
.cv-h9 .sk{margin-bottom:6px}
.cv-h9 .sn{font-size:0.72rem;font-weight:500;color:#333;margin-bottom:2px}
.cv-h9 .sb2{height:2px;background:#e8e8e8}
.cv-h9 .sf{height:100%;background:#111}
.cv-h9 .jb{margin-bottom:17px}
.cv-h9 .jt{font-size:0.88rem;font-weight:700;color:#111}
.cv-h9 .jm{font-size:0.71rem;color:#8a8a8a;margin:2px 0 7px}
.cv-h9 .bl{font-size:0.745rem;color:#3a3a3a;line-height:1.66;margin-bottom:4px;padding-left:14px;position:relative}
.cv-h9 .bl::before{content:'·';position:absolute;left:3px;color:#111;font-weight:700}
.cv-h9 .li{font-size:0.72rem;color:#3a3a3a}
.cv-h9 .sk-item{font-size:0.72rem;color:#3a3a3a;margin-bottom:5px}

/* ── h10 · CORPORATIVO DE BLOQUE ──────────────────────────────────
   Cabecera sólida a sangre, contraste alto, presencia.
   Para ventas, comercial, dirección de operaciones.                */
.cv-h10{font-family:'Inter',sans-serif;background:#fff;color:#15181d;width:794px;overflow-wrap:break-word;word-break:break-word}
.cv-h10 .hdr{background:#15181d;padding:38px 44px;display:flex;gap:24px;align-items:center}
.cv-h10 .ph{width:104px;height:104px;border-radius:2px;overflow:hidden;border:none;flex-shrink:0;background:#2a2f37;display:flex;align-items:center;justify-content:center}
.cv-h10 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-h10 .nm{font-size:1.95rem;font-weight:800;color:#fff;line-height:1.06;letter-spacing:-1px;text-transform:uppercase}
.cv-h10 .rl{color:#e07a3f;font-size:0.73rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin:8px 0 12px}
.cv-h10 .ct{display:flex;flex-wrap:wrap;gap:12px}
.cv-h10 .ci{font-size:0.71rem;color:#a8b0ba}
.cv-h10 .bd{display:grid;grid-template-columns:214px minmax(0,1fr)}
.cv-h10 .sb{background:#15181d;color:#d5dae0;padding:26px 22px}
.cv-h10 .mn{padding:26px 30px}
.cv-h10 .st{font-size:0.57rem;font-weight:700;letter-spacing:2.8px;text-transform:uppercase;color:#15181d;margin-bottom:12px;padding-bottom:5px;border-bottom:2px solid #e07a3f}
.cv-h10 .sb .st{color:#e07a3f;border-bottom-color:#3a4049}
.cv-h10 .sk{margin-bottom:8px}
.cv-h10 .sn{font-size:0.71rem;font-weight:500;color:#d5dae0;margin-bottom:3px}
.cv-h10 .sb2{height:3px;background:#333941}
.cv-h10 .sf{height:100%;background:#e07a3f}
.cv-h10 .jb{margin-bottom:17px;padding-left:14px;border-left:3px solid #e07a3f}
.cv-h10 .jt{font-size:0.88rem;font-weight:700;color:#15181d}
.cv-h10 .jm{font-size:0.71rem;color:#7d858f;margin:3px 0 7px}
.cv-h10 .bl{font-size:0.74rem;color:#3a4049;line-height:1.64;margin-bottom:4px;padding-left:13px;position:relative}
.cv-h10 .bl::before{content:'▪';position:absolute;left:0;color:#e07a3f;font-size:0.6rem}
.cv-h10 .li{font-size:0.71rem;color:#d5dae0}
.cv-h10 .sk-item{font-size:0.71rem;color:#d5dae0;margin-bottom:5px}

/* ── m6 · EDITORIAL SUAVE ─────────────────────────────────────────
   Serif contemporánea, paleta terrosa, elegancia sin adorno.
   Para comunicación, RRHH, diseño, gestión cultural.               */
.cv-m6{font-family:'Inter',sans-serif;background:#fff;color:#1f1b1a;width:794px;overflow-wrap:break-word;word-break:break-word}
.cv-m6 .hdr{background:#fbf7f4;padding:42px 46px 28px;display:flex;gap:26px;align-items:center;border-bottom:1px solid #e9ded6}
.cv-m6 .ph{width:98px;height:98px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 1px #e0d2c8;flex-shrink:0;background:#f0e6df;display:flex;align-items:center;justify-content:center}
.cv-m6 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-m6 .nm{font-family:'Fraunces',serif;font-size:2.1rem;font-weight:600;color:#1f1b1a;line-height:1.06;letter-spacing:-0.4px}
.cv-m6 .rl{color:#a56a4a;font-size:0.73rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin:6px 0 11px}
.cv-m6 .ct{display:flex;flex-wrap:wrap;gap:13px}
.cv-m6 .ci{font-size:0.71rem;color:#8a7a70}
.cv-m6 .bd{display:grid;grid-template-columns:202px minmax(0,1fr)}
.cv-m6 .sb{background:#fdfbf9;padding:26px 21px;border-right:1px solid #f0e6df}
.cv-m6 .mn{padding:26px 30px}
.cv-m6 .st{font-size:0.57rem;font-weight:700;letter-spacing:2.8px;text-transform:uppercase;color:#a56a4a;margin-bottom:13px;padding-bottom:5px;border-bottom:1px solid #ecdfd6}
.cv-m6 .sk{margin-bottom:7px}
.cv-m6 .sn{font-size:0.72rem;font-weight:500;color:#3a322e;margin-bottom:2px}
.cv-m6 .sb2{height:3px;background:#f0e6df;border-radius:2px}
.cv-m6 .sf{height:100%;background:#c98d68;border-radius:2px}
.cv-m6 .jb{margin-bottom:18px}
.cv-m6 .jt{font-family:'Fraunces',serif;font-size:0.98rem;font-weight:600;color:#1f1b1a}
.cv-m6 .jm{font-size:0.71rem;color:#9a8b82;margin:2px 0 8px}
.cv-m6 .bl{font-size:0.745rem;color:#463e3a;line-height:1.68;margin-bottom:4px;padding-left:14px;position:relative}
.cv-m6 .bl::before{content:'';position:absolute;left:0;top:9px;width:7px;height:1px;background:#c98d68}
.cv-m6 .li{font-size:0.72rem;color:#463e3a}
.cv-m6 .sk-item{font-size:0.72rem;color:#463e3a;margin-bottom:5px}

/* ── m7 · MODERNA DE ACENTO ───────────────────────────────────────
   Barra lateral de color, tipografía limpia, energía contenida.
   Para marketing, ventas, atención al cliente, retail.             */
.cv-m7{font-family:'Inter',sans-serif;background:#fff;color:#191a2e;width:794px;overflow-wrap:break-word;word-break:break-word}
.cv-m7 .hdr{background:#fff;padding:40px 44px 24px;display:flex;gap:24px;align-items:center;border-left:9px solid #6c4ef0}
.cv-m7 .ph{width:96px;height:96px;border-radius:50%;overflow:hidden;border:3px solid #6c4ef0;flex-shrink:0;background:#efecfd;display:flex;align-items:center;justify-content:center}
.cv-m7 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-m7 .nm{font-size:1.9rem;font-weight:800;color:#191a2e;line-height:1.06;letter-spacing:-1px}
.cv-m7 .rl{color:#6c4ef0;font-size:0.74rem;font-weight:700;letter-spacing:2.6px;text-transform:uppercase;margin:6px 0 11px}
.cv-m7 .ct{display:flex;flex-wrap:wrap;gap:12px}
.cv-m7 .ci{font-size:0.71rem;color:#787a99}
.cv-m7 .bd{display:grid;grid-template-columns:206px minmax(0,1fr)}
.cv-m7 .sb{background:#f7f5fe;padding:26px 21px}
.cv-m7 .mn{padding:26px 30px}
.cv-m7 .st{font-size:0.57rem;font-weight:700;letter-spacing:2.8px;text-transform:uppercase;color:#191a2e;margin-bottom:12px;padding-bottom:5px;border-bottom:2px solid #6c4ef0}
.cv-m7 .sk{margin-bottom:8px}
.cv-m7 .sn{font-size:0.71rem;font-weight:500;color:#3c3d55;margin-bottom:3px}
.cv-m7 .sb2{height:5px;background:#e6e2fa;border-radius:3px}
.cv-m7 .sf{height:100%;background:linear-gradient(90deg,#6c4ef0,#a78bfa);border-radius:3px}
.cv-m7 .jb{margin-bottom:17px;padding-left:14px;border-left:3px solid #d9d2fb}
.cv-m7 .jt{font-size:0.88rem;font-weight:700;color:#191a2e}
.cv-m7 .jm{font-size:0.71rem;color:#8b8da8;margin:3px 0 7px}
.cv-m7 .bl{font-size:0.74rem;color:#42445e;line-height:1.64;margin-bottom:4px;padding-left:13px;position:relative}
.cv-m7 .bl::before{content:'●';position:absolute;left:0;color:#6c4ef0;font-size:0.45rem;top:6px}
.cv-m7 .li{font-size:0.71rem;color:#42445e}
.cv-m7 .sk-item{font-size:0.71rem;color:#42445e;margin-bottom:5px}

/* ── m8 · SERENA DE DOS TONOS ─────────────────────────────────────
   Verde profundo, composición tranquila, mucha respiración.
   Para salud, educación, trabajo social, ONG.                      */
.cv-m8{font-family:'Inter',sans-serif;background:#fff;color:#14201c;width:794px;overflow-wrap:break-word;word-break:break-word}
.cv-m8 .hdr{background:#1d3a32;padding:38px 44px;display:flex;gap:24px;align-items:center}
.cv-m8 .ph{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #7fc4ad;flex-shrink:0;background:#2a4f45;display:flex;align-items:center;justify-content:center}
.cv-m8 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-m8 .nm{font-family:'Fraunces',serif;font-size:2rem;font-weight:600;color:#fff;line-height:1.06}
.cv-m8 .rl{color:#7fc4ad;font-size:0.73rem;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;margin:6px 0 11px}
.cv-m8 .ct{display:flex;flex-wrap:wrap;gap:12px}
.cv-m8 .ci{font-size:0.71rem;color:#b8cfc7}
.cv-m8 .bd{display:grid;grid-template-columns:204px minmax(0,1fr)}
.cv-m8 .sb{background:#f4f8f6;padding:26px 21px}
.cv-m8 .mn{padding:26px 30px}
.cv-m8 .st{font-size:0.57rem;font-weight:700;letter-spacing:2.8px;text-transform:uppercase;color:#1d3a32;margin-bottom:12px;padding-bottom:5px;border-bottom:2px solid #7fc4ad}
.cv-m8 .sk{margin-bottom:7px}
.cv-m8 .sn{font-size:0.72rem;font-weight:500;color:#2f453e;margin-bottom:2px}
.cv-m8 .sb2{height:4px;background:#dfeae5;border-radius:2px}
.cv-m8 .sf{height:100%;background:#4a8f7a;border-radius:2px}
.cv-m8 .jb{margin-bottom:17px}
.cv-m8 .jt{font-size:0.88rem;font-weight:700;color:#1d3a32}
.cv-m8 .jm{font-size:0.71rem;color:#84968f;margin:2px 0 7px}
.cv-m8 .bl{font-size:0.745rem;color:#3b4b45;line-height:1.66;margin-bottom:4px;padding-left:14px;position:relative}
.cv-m8 .bl::before{content:'◦';position:absolute;left:0;color:#4a8f7a;font-weight:700}
.cv-m8 .li{font-size:0.72rem;color:#3b4b45}
.cv-m8 .sk-item{font-size:0.72rem;color:#3b4b45;margin-bottom:5px}

/* ── m9 · CONTEMPORÁNEA DE FILETE ─────────────────────────────────
   Sin foto grande, filete vertical, aire y precisión.
   Para consultoría, finanzas, legal, dirección.                    */
.cv-m9{font-family:'Inter',sans-serif;background:#fff;color:#101114;width:794px;overflow-wrap:break-word;word-break:break-word}
.cv-m9 .hdr{background:#fff;padding:44px 48px 24px;display:flex;gap:24px;align-items:center;position:relative}
.cv-m9 .hdr::before{content:'';position:absolute;left:0;top:44px;bottom:24px;width:4px;background:#b8935f}
.cv-m9 .ph{width:88px;height:88px;border-radius:50%;overflow:hidden;border:1px solid #e8e4dc;flex-shrink:0;background:#f6f3ee;display:flex;align-items:center;justify-content:center}
.cv-m9 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-m9 .nm{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:600;color:#101114;line-height:1.02}
.cv-m9 .rl{color:#b8935f;font-size:0.72rem;font-weight:600;letter-spacing:3.5px;text-transform:uppercase;margin:5px 0 11px}
.cv-m9 .ct{display:flex;flex-wrap:wrap;gap:14px}
.cv-m9 .ci{font-size:0.71rem;color:#7d7a74}
.cv-m9 .bd{display:grid;grid-template-columns:198px minmax(0,1fr)}
.cv-m9 .sb{background:#fcfbf9;padding:26px 21px;border-right:1px solid #eee9e1}
.cv-m9 .mn{padding:26px 30px}
.cv-m9 .st{font-size:0.56rem;font-weight:700;letter-spacing:3.2px;text-transform:uppercase;color:#101114;margin-bottom:13px;padding-bottom:5px;border-bottom:1px solid #b8935f}
.cv-m9 .sk{margin-bottom:7px}
.cv-m9 .sn{font-size:0.72rem;font-weight:500;color:#33322f;margin-bottom:2px}
.cv-m9 .sb2{height:2px;background:#eee9e1}
.cv-m9 .sf{height:100%;background:#b8935f}
.cv-m9 .jb{margin-bottom:18px}
.cv-m9 .jt{font-family:'Cormorant Garamond',serif;font-size:1.08rem;font-weight:700;color:#101114}
.cv-m9 .jm{font-size:0.7rem;color:#918d86;margin:1px 0 8px;letter-spacing:.3px}
.cv-m9 .bl{font-size:0.745rem;color:#3d3b37;line-height:1.68;margin-bottom:4px;padding-left:14px;position:relative}
.cv-m9 .bl::before{content:'';position:absolute;left:0;top:9px;width:7px;height:1px;background:#b8935f}
.cv-m9 .li{font-size:0.72rem;color:#3d3b37}
.cv-m9 .sk-item{font-size:0.72rem;color:#3d3b37;margin-bottom:5px}

/* ── m10 · CREATIVA DE CABECERA PARTIDA ───────────────────────────
   Bloque de color asimétrico, tipografía display, carácter.
   Para diseño, publicidad, moda, eventos.                          */
.cv-m10{font-family:'Inter',sans-serif;background:#fff;color:#1a1420;width:794px;overflow-wrap:break-word;word-break:break-word}
.cv-m10 .hdr{background:linear-gradient(105deg,#2d1b3d 0%,#2d1b3d 62%,#e8577f 62%,#e8577f 100%);padding:40px 44px;display:flex;gap:24px;align-items:center}
.cv-m10 .ph{width:100px;height:100px;border-radius:14px;overflow:hidden;border:3px solid #fff;flex-shrink:0;background:#453055;display:flex;align-items:center;justify-content:center}
.cv-m10 .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cv-m10 .nm{font-family:'DM Serif Display',serif;font-size:2.05rem;font-weight:400;color:#fff;line-height:1.06}
.cv-m10 .rl{color:#ffc9d8;font-size:0.73rem;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;margin:6px 0 11px}
.cv-m10 .ct{display:flex;flex-wrap:wrap;gap:12px}
.cv-m10 .ci{font-size:0.71rem;color:#d6c8e2}
.cv-m10 .bd{display:grid;grid-template-columns:206px minmax(0,1fr)}
.cv-m10 .sb{background:#faf6fb;padding:26px 21px}
.cv-m10 .mn{padding:26px 30px}
.cv-m10 .st{font-size:0.57rem;font-weight:700;letter-spacing:2.8px;text-transform:uppercase;color:#2d1b3d;margin-bottom:12px;padding-bottom:5px;border-bottom:2px solid #e8577f}
.cv-m10 .sk{margin-bottom:8px}
.cv-m10 .sn{font-size:0.71rem;font-weight:500;color:#3f3348;margin-bottom:3px}
.cv-m10 .sb2{height:5px;background:#f0e4f2;border-radius:3px}
.cv-m10 .sf{height:100%;background:linear-gradient(90deg,#2d1b3d,#e8577f);border-radius:3px}
.cv-m10 .jb{margin-bottom:17px;padding-left:14px;border-left:3px solid #e8577f}
.cv-m10 .jt{font-family:'DM Serif Display',serif;font-size:1rem;font-weight:400;color:#2d1b3d}
.cv-m10 .jm{font-size:0.71rem;color:#8d7f96;margin:2px 0 7px}
.cv-m10 .bl{font-size:0.74rem;color:#453d4c;line-height:1.64;margin-bottom:4px;padding-left:13px;position:relative}
.cv-m10 .bl::before{content:'✦';position:absolute;left:0;color:#e8577f;font-size:0.6rem}
.cv-m10 .li{font-size:0.71rem;color:#453d4c}
.cv-m10 .sk-item{font-size:0.71rem;color:#453d4c;margin-bottom:5px}

/* ── Ajustes de la vitrina (no afectan al PDF del producto) ── */
.cv-stage #cvDemo p{font-size:0.72rem;line-height:1.6}
.cv-stage #cvDemo .ph svg{width:100%;height:100%;display:block}


/* ══════════════════════════════════════════════════════════════
   VITRINA · PLANTILLAS DE BARRA LATERAL DERECHA
   En el producto, h2/h5/m2 llevan el HTML con la columna principal
   ANTES que la lateral, por eso su grid es "1fr 240px".
   En las páginas de ejemplo se usa UN solo HTML (con .sb primero)
   y se cambia la clase, así que aquí hay que invertir el orden
   visual con `order` para que la lateral vuelva a la derecha y
   conserve su ancho estrecho. Sin esto, la barra lateral ocupaba
   la columna ancha y la experiencia quedaba espachurrada.
   ══════════════════════════════════════════════════════════════ */
.cv-stage .cv-h2 .sb, .cv-stage .cv-h5 .sb, .cv-stage .cv-m2 .sb{order:2}
.cv-stage .cv-h2 .mn, .cv-stage .cv-h5 .mn, .cv-stage .cv-m2 .mn{order:1}
.cv-stage .cv-h2 .bd, .cv-stage .cv-h5 .bd, .cv-stage .cv-m2 .bd{
  grid-template-columns:minmax(0,1fr) var(--sb-w,220px)
}
.cv-stage .cv-h2 .bd{--sb-w:240px}
.cv-stage .cv-h5 .bd{--sb-w:200px}
.cv-stage .cv-m2 .bd{--sb-w:220px}

/* Idiomas: nombre a la izquierda y nivel a la derecha en TODAS las
   plantillas. Sin esto, en las que no definen .li como flex el texto
   salía pegado ("EspañolNativo"). */
.cv-stage [class*="cv-"] .li{
  display:flex;justify-content:space-between;gap:10px;align-items:baseline
}