/* 24Ventas - botones, accesos a servicios, planes y páginas comerciales */
:root{--d24vt-blue:var(--d24-primary,#1d4ed8);--d24vt-dark:var(--d24-dark,#0b2a6f);--d24vt-accent:var(--d24-accent,#f5b800)}
.d24vt-svg{width:1.3em;height:1.3em;flex:none}
.d24vt-badge{display:inline-block;color:#fff;font-size:11px;font-weight:800;border-radius:99px;padding:3px 10px;white-space:nowrap}

/* Botones */
.d24vt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid transparent;border-radius:10px;padding:10px 18px;font-weight:800;text-decoration:none;line-height:1.15;cursor:pointer;font-size:15px;transition:transform .1s,box-shadow .1s}
.d24vt-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.2)}
.d24vt-btn small{display:block;font-weight:600;font-size:11px;opacity:.85}
.d24vt-btn b{display:block}
.d24vt-btn--primary{background:var(--d24vt-blue);color:#fff}
.d24vt-btn--ghost{background:#fff;color:var(--d24vt-blue);border-color:var(--d24vt-blue)}
.d24vt-btn--panel{background:var(--d24vt-blue);color:#fff;border-color:rgba(255,255,255,.35);text-align:left}
.d24vt-btn--wa{background:#16a34a;color:#fff;text-align:left}
.d24vt-btn--big{padding:14px 24px;font-size:17px}
.d24vt-cta{display:flex;gap:10px;align-items:center;margin-left:auto;flex-wrap:wrap}

/* Accesos a servicios */
.d24vt-svc{margin:16px 0 20px}
.d24vt-svc__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.d24vt-svc__item{display:flex;align-items:center;gap:14px;background:#fff;color:#0f172a;text-decoration:none;border:1px solid #dbe3ee;border-radius:12px;padding:14px 16px;border-top:4px solid var(--svc);transition:box-shadow .12s,transform .12s}
.d24vt-svc__item:hover{box-shadow:0 6px 18px rgba(0,0,0,.14);transform:translateY(-2px)}
.d24vt-svc__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--svc);color:#fff;flex:none}
.d24vt-svc__ic .d24vt-svg{width:28px;height:28px}
.d24vt-svc__tx{flex:1;min-width:0;display:flex;flex-direction:column}
.d24vt-svc__tx strong{font-size:1.05rem;line-height:1.2}
.d24vt-svc__tx small{color:#64748b;font-size:.85rem}
.d24vt-svc__btn{flex:none;background:var(--svc);color:#fff;border-radius:8px;padding:8px 12px;font-weight:800;font-size:.82rem;white-space:nowrap}
/* tiles: botones sólidos de color */
.d24vt-svc--tiles .d24vt-svc__item{background:var(--svc);color:#fff;border:0;border-radius:10px;justify-content:center;text-align:center;flex-direction:column;gap:6px;padding:16px}
.d24vt-svc--tiles .d24vt-svc__ic{background:rgba(255,255,255,.2)}
.d24vt-svc--tiles .d24vt-svc__tx{align-items:center}
.d24vt-svc--tiles .d24vt-svc__tx small{color:rgba(255,255,255,.9)}
.d24vt-svc--tiles .d24vt-svc__btn{background:rgba(0,0,0,.22)}
/* minimal: blanco con línea de color */
.d24vt-svc--minimal .d24vt-svc__item{border:0;border-bottom:4px solid var(--svc);border-radius:6px;box-shadow:0 1px 6px rgba(0,0,0,.08)}
.d24vt-svc--minimal .d24vt-svc__ic{background:transparent;color:var(--svc)}
.d24vt-svc--minimal .d24vt-svc__btn{display:none}
/* bar: banda celeste con tres columnas */
.d24vt-svc--bar{background:#e8f1fb;border-radius:10px;padding:12px 16px;border:1px solid #cfe0f3}
.d24vt-svc__title{margin:-12px 0 10px -16px;display:inline-block;background:var(--d24vt-dark);color:#fff;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;padding:7px 18px 7px 16px;border-radius:10px 0 14px 0}
.d24vt-svc--bar .d24vt-svc__item{background:transparent;border:0;border-top:0;border-radius:0;box-shadow:none;padding:6px 8px}
.d24vt-svc--bar .d24vt-svc__ic{background:var(--svc);border-radius:50%}
.d24vt-svc--bar .d24vt-svc__btn{background:transparent;color:var(--svc);padding:0}
/* stack: apilados para ponerlos al costado */
.d24vt-svc--stack{margin:0;height:100%}
.d24vt-svc--stack .d24vt-svc__grid{grid-template-columns:1fr;height:100%;align-content:stretch}
.d24vt-wrapnav{margin-top:14px}

/* Planes */
.d24vt-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:18px 0 28px;align-items:stretch}
.d24vt-plan{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border:2px solid #dbe3ee;border-radius:16px;padding:24px 22px}
.d24vt-plan.is-hl{border-color:var(--d24vt-blue);box-shadow:0 10px 30px rgba(29,78,216,.18)}
.d24vt-plan__tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--d24vt-accent);color:#0f172a;font-weight:800;font-size:12px;border-radius:99px;padding:4px 14px;white-space:nowrap}
.d24vt-plan h3{margin:0;font-size:1.3rem}
.d24vt-plan__tl{margin:0;color:#64748b;font-size:.92rem}
.d24vt-plan__price{display:flex;align-items:baseline;gap:8px;margin:10px 0 0}
.d24vt-plan__price b{font-size:2.1rem;line-height:1;color:var(--d24vt-dark)}
.d24vt-plan__price span{color:#64748b}
.d24vt-plan__gb{margin:0 0 6px;font-weight:700;color:var(--d24vt-blue)}
.d24vt-plan ul{list-style:none;margin:6px 0 14px;padding:0;flex:1;display:grid;gap:8px}
.d24vt-plan li{display:flex;gap:8px;align-items:flex-start;line-height:1.35}
.d24vt-plan li .d24vt-svg{color:#16a34a;margin-top:1px;stroke-width:2.4}
.d24vt-plan small{color:#64748b;text-align:center;font-size:.78rem}

/* Páginas comerciales */
.d24vt-hero{border-radius:18px;padding:36px 30px;margin:0 0 26px;color:#fff}
.d24vt-hero h1{margin:0 0 10px;color:#fff;font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.1}
.d24vt-hero p{margin:0 0 14px;font-size:1.1rem;max-width:640px;opacity:.95}
.d24vt-hero--blue{background:linear-gradient(135deg,var(--d24vt-dark),var(--d24vt-blue))}
.d24vt-hero--dark{background:linear-gradient(135deg,#0f172a,#1e3a8a)}
.d24vt-hero--red{background:linear-gradient(135deg,#7f1d1d,#dc2626)}
.d24vt-hero .d24vt-btn--ghost{background:transparent;color:#fff;border-color:#fff}
.d24vt-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:0 0 28px}
.d24vt-feat{background:#f1f5f9;border-radius:14px;padding:18px 20px}
.d24vt-feat h3{margin:0 0 6px;font-size:1.05rem;color:var(--d24vt-dark)}
.d24vt-feat p{margin:0;color:#475569;font-size:.94rem}
.d24vt-network{background:#e8f1fb;border-left:6px solid var(--d24vt-blue);border-radius:10px;padding:6px 22px 14px;margin:26px 0}
.d24vt-steps{list-style:none;counter-reset:s;margin:12px 0 26px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.d24vt-steps li{counter-increment:s;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #dbe3ee;border-radius:12px;padding:14px}
.d24vt-steps li:before{content:counter(s);flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--d24vt-blue);color:#fff;font-weight:800}
.d24vt-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:12px 0 26px}
.d24vt-ex{display:block;color:#0f172a;text-decoration:none;border:1px solid #dbe3ee;border-radius:12px;overflow:hidden;background:#fff}
.d24vt-ex img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.d24vt-ex span{display:block;padding:10px 14px;font-weight:700}
.d24vt-audios{display:grid;gap:12px;margin:12px 0 26px}
.d24vt-audio{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:#f1f5f9;border-radius:12px;padding:12px 16px}
.d24vt-audio audio{flex:1 1 260px;max-width:100%}
.d24vt-tablewrap{overflow-x:auto;margin:12px 0}
.d24vt-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dbe3ee;border-radius:12px;overflow:hidden}
.d24vt-table td{padding:14px 16px;border-bottom:1px solid #e8edf4;vertical-align:middle}
.d24vt-table small{color:#64748b}
.d24vt-price{text-align:right;font-weight:800;font-size:1.15rem;color:var(--d24vt-dark);white-space:nowrap}
.d24vt-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 26px}
.d24vt-note{color:#64748b;font-size:.9rem}

/* Formularios y mensajes */
.d24vt-form{display:grid;gap:14px;max-width:680px;background:#fff;border:1px solid #dbe3ee;border-radius:16px;padding:22px}
.d24vt-form label{display:block;font-weight:700;font-size:.9rem}
.d24vt-form label i{color:#dc2626;font-style:normal}
.d24vt-form label small{font-weight:400;color:#64748b}
.d24vt-form input[type=text],.d24vt-form input[type=email],.d24vt-form input[type=tel],.d24vt-form select,.d24vt-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font:16px system-ui,sans-serif}
.d24vt-form__2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.d24vt-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important}
.d24vt-check input{margin-top:4px}
.d24vt-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.d24vt-msg{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:14px 18px;margin:0 0 16px}
.d24vt-msg--ok{background:#f0fdf4;border-color:#bbf7d0}
.d24vt-msg--bad{background:#fef2f2;border-color:#fecaca}

/* Celular */
@media (max-width:900px){.d24vt-svc__grid{grid-template-columns:1fr}.d24vt-svc--tiles .d24vt-svc__item{flex-direction:row;text-align:left;justify-content:flex-start}.d24vt-svc--tiles .d24vt-svc__tx{align-items:flex-start}}
@media (max-width:700px){
	.d24vt-cta{width:100%;margin:10px 0 0}
	.d24vt-cta .d24vt-btn{flex:1;padding:10px 12px}
	.d24vt-form__2{grid-template-columns:1fr}
	.d24vt-hero{padding:26px 20px}
	.d24vt-svc__btn{display:none}
}