/* Estilos propios de /certificaciones/. Reutiliza variables y clases de /assets/css/styles.css */
.pendiente{background:#fbbf24;color:#000;padding:0 .35em;border-radius:4px;font-weight:700;font-size:.92em}
.cert-hero{padding:5rem 0 3rem}
.cert-hero .hero-title{font-size:2.6rem}
.crumbs{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}
.crumbs a{color:var(--emerald-400)}
.signer-card{display:flex;gap:1.25rem;align-items:center;background:var(--bg-card);border:1px solid var(--border-focus);border-radius:16px;padding:1.5rem;max-width:760px}
.signer-avatar{flex:0 0 76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--emerald-600),var(--cyan-400));display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:1.6rem;color:var(--text-inverse)}
.signer-card h3{font-family:var(--font-heading);font-size:1.2rem;margin-bottom:.25rem}
.signer-card p{color:var(--text-muted);font-size:.95rem;line-height:1.55}
.checklist{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.checklist li{display:flex;gap:.6rem;align-items:flex-start;color:var(--text-muted);line-height:1.5}
.checklist li::before{content:"✓";color:var(--emerald-400);font-weight:800}
.cert-two{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.cert-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem}
.cert-box h3{font-family:var(--font-heading);font-size:1.1rem;margin-bottom:.75rem}
.cert-box.warn{border-color:rgba(251,191,36,.45)}
.cert-note{color:var(--text-dim);font-size:.85rem;line-height:1.5;margin-top:.75rem}
.quote-form{display:grid;gap:1rem;max-width:640px;background:var(--bg-card);border:1px solid var(--border-focus);border-radius:16px;padding:1.75rem}
.quote-form label{display:grid;gap:.35rem;font-size:.9rem;color:var(--text-muted);font-weight:600}
.quote-form input,.quote-form select{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-main);padding:.75rem .9rem;font:inherit}
.quote-form input:focus,.quote-form select:focus{outline:none;border-color:var(--border-focus)}
.quote-form .consent{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.82rem;line-height:1.5}
.quote-form .consent input{margin-top:.2rem}
.quote-msg{font-size:.85rem;color:var(--amber-400);min-height:1.2em}
@media (max-width:768px){.cert-two{grid-template-columns:1fr}.cert-hero .hero-title{font-size:1.9rem}.signer-card{flex-direction:column;text-align:center}}