/* Abelinux Home v4 */
#abx-home{color:var(--abx-text,#0f172a);font-size:var(--abx-fs-base,15px);font-weight:var(--abx-fw-body,400);}
#abx-home *,#abx-home *::before,#abx-home *::after{box-sizing:border-box;}
#abx-home a{text-decoration:none;}

/* HERO */
.abx-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--abx-bg,#f8fafc);border-bottom:1px solid #e2e8f0;align-items:stretch;}
.abx-hero-left{padding:48px 36px 44px;display:flex;flex-direction:column;justify-content:center;}
.abx-badge{display:inline-block;background:#dbeafe;color:#1d4ed8;font-size:12px;padding:5px 14px;border-radius:20px;margin-bottom:18px;border:1px solid #bfdbfe;width:fit-content;font-weight:600;}
.abx-hero-h1{font-size:var(--abx-fs-h1,32px);font-weight:700;color:var(--abx-text,#0f172a);line-height:1.25;margin:0 0 14px;}
.abx-hero-h1 span{color:var(--abx-primary,#2563eb);}
.abx-hero-p{font-size:var(--abx-fs-base,15px);color:#475569;line-height:1.7;margin:0 0 28px;}
.abx-hero-btns{display:flex;gap:10px;flex-wrap:wrap;}
.abx-btn{display:inline-block;padding:12px 22px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s;}
.abx-btn:hover{opacity:.85;}
.abx-btn-primary{background:var(--abx-primary,#2563eb);color:#fff;}
.abx-btn-green{background:#059669;color:#fff;}
.abx-btn-ghost{background:#fff;color:#475569;border:1.5px solid #cbd5e1;}

/* CARRUSEL — cuadrado perfecto */
.abx-hero-carousel{position:relative;overflow:hidden;aspect-ratio:16/9;}
.abx-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .9s ease;}
.abx-slide.active{opacity:1;}
.abx-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2;}
.abx-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;border:none;padding:0;transition:all .25s;}
.abx-dot.active{background:#fff;width:26px;border-radius:5px;}

/* TRUST BAR — claro, controlado por variables */
.abx-trust{background:var(--abx-trust-bg,#f1f5f9);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;padding:14px 20px;gap:10px;}
.abx-trust span{font-size:13px;color:var(--abx-trust-text,#334155);font-weight:500;}

/* STATS */
.abx-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e2e8f0;}
.abx-stat{padding:22px 10px;text-align:center;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:5px;}
.abx-stat:last-child{border-right:none;}
.abx-stat-n{font-size:28px;font-weight:700;}
.abx-stat-l{font-size:12px;color:#64748b;}
.abx-stat-blue .abx-stat-n{color:#2563eb;}
.abx-stat-green .abx-stat-n{color:#059669;}
.abx-stat-amber .abx-stat-n{color:#d97706;}
.abx-stat-purple .abx-stat-n{color:#7c3aed;}

/* SECCIONES */
.abx-section{padding:40px 28px;}
.abx-sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
.abx-sec-hd h2{font-size:var(--abx-fs-h2,22px);font-weight:700;margin:0;display:flex;align-items:center;gap:10px;color:var(--abx-text,#0f172a);}
.abx-sec-hd a{font-size:13px;color:var(--abx-primary,#2563eb);font-weight:600;}
.abx-pill{font-size:11px;padding:3px 12px;border-radius:20px;font-weight:700;}
.abx-pill-green{background:#dcfce7;color:#166534;}
.abx-pill-blue{background:#dbeafe;color:#1d4ed8;}

/* SERVICIOS */
.abx-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.abx-svc-card{border:1px solid #e2e8f0;border-top-width:4px;border-radius:0 0 12px 12px;padding:22px;background:#fff;transition:box-shadow .2s;}
.abx-svc-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.07);}
.abx-svc-ico{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px;}
.abx-svc-card strong{display:block;font-size:15px;font-weight:700;margin-bottom:8px;color:var(--abx-text,#0f172a);}
.abx-svc-card p{font-size:13px;color:#64748b;line-height:1.6;margin:0 0 12px;}
.abx-svc-card a{font-size:13px;color:var(--abx-primary,#2563eb);font-weight:600;}

/* PRODUCTOS */
#abx-home .abx-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start;}
#abx-home .abx-prod-card{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:box-shadow .2s,border-color .15s;cursor:pointer;}
#abx-home .abx-prod-card:hover{box-shadow:0 4px 18px rgba(0,0,0,.08);border-color:var(--abx-primary,#2563eb);}
#abx-home .abx-prod-img{display:flex;height:100px;background:#f8fafc;align-items:center;justify-content:center;font-size:46px;position:relative;width:100%;}
#abx-home .abx-prod-badge{position:absolute;top:8px;right:8px;color:#fff;font-size:10px;padding:3px 9px;border-radius:10px;font-weight:700;}
.abx-badge-red{background:#dc2626;}.abx-badge-green{background:#059669;}
#abx-home .abx-prod-body{display:block;padding:14px;width:100%;}
#abx-home .abx-prod-name{display:block;font-size:12px;font-weight:600;line-height:1.4;margin-bottom:8px;color:#0f172a;}
#abx-home .abx-prod-price{display:block;font-size:16px;color:var(--abx-primary,#2563eb);font-weight:700;margin-bottom:10px;}
#abx-home .abx-prod-price s{font-size:12px;color:#94a3b8;margin-left:6px;font-weight:400;}
#abx-home .abx-prod-quote{display:block;font-size:13px;color:#64748b;margin-bottom:10px;}
#abx-home .abx-prod-btn{display:block;background:#dbeafe;color:#1d4ed8;padding:8px;border-radius:8px;font-size:12px;text-align:center;font-weight:700;}
#abx-home .abx-prod-btn:hover{background:var(--abx-primary,#2563eb);color:#fff;}

/* WHATSAPP */
.abx-wa-banner{margin:0 28px 28px;background:#064e3b;border-radius:14px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.abx-wa-left{display:flex;align-items:center;gap:18px;}
.abx-wa-ico{width:54px;height:54px;border-radius:50%;background:#059669;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;}
.abx-wa-title{font-size:17px;font-weight:700;color:#ecfdf5;margin-bottom:4px;}
.abx-wa-sub{font-size:12px;color:#6ee7b7;}
.abx-wa-btn{background:#25d366;color:#fff;padding:13px 26px;border-radius:9px;font-size:14px;font-weight:700;white-space:nowrap;flex-shrink:0;}
.abx-wa-btn:hover{background:#16a34a;color:#fff;}

/* BLOG DESTACADO */
.abx-feat-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.abx-feat-main{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;}
.abx-feat-thumb{height:180px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;}
.abx-feat-emoji{font-size:58px;}
.abx-feat-cat-badge{position:absolute;bottom:12px;left:14px;color:#fff;font-size:11px;padding:4px 13px;border-radius:10px;font-weight:700;}
.abx-feat-body{padding:18px;}
.abx-feat-body h3{font-size:17px;font-weight:700;line-height:1.4;margin:0 0 8px;}
.abx-feat-body h3 a{color:var(--abx-text,#0f172a);}
.abx-feat-body h3 a:hover{color:var(--abx-primary,#2563eb);}
.abx-feat-body p{font-size:13px;color:#64748b;line-height:1.6;margin:0 0 10px;}
.abx-feat-meta{font-size:12px;color:#94a3b8;display:block;margin-bottom:12px;}
.abx-read-btn{display:inline-block;background:#dbeafe;color:#1d4ed8;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;}
.abx-read-btn:hover{background:var(--abx-primary,#2563eb);color:#fff;}

/* SIDE POSTS — fondos claros */
.abx-side-posts{display:flex;flex-direction:column;gap:10px;}
.abx-sp{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;overflow:hidden;transition:border-color .15s;}
.abx-sp:hover{border-color:var(--abx-primary,#2563eb);}
.abx-sp-img{width:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:28px;min-height:72px;}
.abx-sp-body{padding:12px 14px;}
.abx-sp-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;}
.abx-sp-title{font-size:13px;font-weight:600;line-height:1.35;color:var(--abx-text,#0f172a);}
.abx-sp-date{font-size:11px;color:#94a3b8;margin-top:3px;}

/* GRID POSTS — fondos claros */
.abx-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.abx-post-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;display:block;transition:border-color .15s,box-shadow .15s;}
.abx-post-card:hover{border-color:var(--abx-primary,#2563eb);box-shadow:0 4px 16px rgba(37,99,235,.1);}
.abx-post-img{height:96px;display:flex;align-items:center;justify-content:center;font-size:38px;}
.abx-post-body{padding:12px 14px;}
.abx-post-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;}
.abx-post-title{font-size:13px;font-weight:600;line-height:1.35;color:var(--abx-text,#0f172a);margin-bottom:5px;}
.abx-post-date{font-size:11px;color:#94a3b8;}

/* ALIADOS — rectángulos de colores */
.abx-aliados-section{padding:40px 28px;background:var(--abx-bg,#f8fafc);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;}
.abx-aliados-title{font-size:var(--abx-fs-h2,22px);font-weight:700;color:var(--abx-text,#0f172a);text-align:center;margin:0 0 28px;}
.abx-aliados{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;}
.abx-aliado{color:#fff;padding:18px 36px;border-radius:12px;font-size:18px;font-weight:700;letter-spacing:.3px;transition:transform .15s,box-shadow .15s;cursor:default;}
.abx-aliado:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.18);}

/* CONTACTO */
.abx-contact-section{background:var(--abx-bg,#f8fafc);border-top:1px solid #e2e8f0;}
.abx-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;}
.abx-contact-info{display:flex;flex-direction:column;gap:14px;}
.abx-contact-item{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px;}
.abx-contact-item>span{font-size:22px;flex-shrink:0;margin-top:2px;}
.abx-contact-item strong{display:block;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;}
.abx-contact-item span span,.abx-contact-item div>span{font-size:15px;color:var(--abx-text,#0f172a);font-weight:500;}
.abx-contact-wa{background:#25d366;color:#fff;padding:13px 22px;border-radius:9px;font-size:14px;font-weight:700;text-align:center;display:block;}
.abx-contact-wa:hover{background:#16a34a;color:#fff;}
.abx-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:12px;}
.abx-form input,.abx-form textarea{width:100%;padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;color:var(--abx-text,#0f172a);background:#f8fafc;font-family:inherit;box-sizing:border-box;}
.abx-form input:focus,.abx-form textarea:focus{outline:none;border-color:var(--abx-primary,#2563eb);background:#fff;}
.abx-form textarea{resize:vertical;min-height:100px;}
.abx-form button{background:var(--abx-primary,#2563eb);color:#fff;border:none;padding:13px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;}
.abx-form button:hover{opacity:.9;}
.abx-form-ok{color:#059669;font-size:13px;font-weight:600;margin:0;}
.abx-map iframe{width:100%;height:460px;border:0;display:block;}
.abx-map{border-radius:14px;overflow:hidden;border:1px solid #e2e8f0;}
.abx-map-placeholder{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:12px;padding:40px;text-align:center;color:#64748b;font-size:14px;}

/* RESPONSIVE */
@media(max-width:960px){
    .abx-hero{grid-template-columns:1fr;}
    .abx-hero-carousel{aspect-ratio:16/9;}
    .abx-svc-grid{grid-template-columns:1fr 1fr;}
    .abx-prod-grid{grid-template-columns:1fr 1fr;}
    .abx-feat-layout{grid-template-columns:1fr;}
    .abx-contact-grid{grid-template-columns:1fr;}
    .abx-post-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:580px){
    .abx-hero-left{padding:28px 18px;}
    .abx-stats{grid-template-columns:repeat(2,1fr);}
    .abx-svc-grid,.abx-prod-grid,.abx-post-grid{grid-template-columns:1fr;}
    .abx-section{padding:28px 16px;}
    .abx-wa-banner{margin:0 16px 20px;flex-direction:column;align-items:flex-start;}
    .abx-trust{display:none;}
    .abx-aliados-section{padding:28px 16px;}
    .abx-aliado{padding:14px 24px;font-size:15px;}
}

/* Productos — imagen real y estado vacío */
#abx-home .abx-prod-img{height:160px;background-size:cover;background-position:center;}
#abx-home .abx-no-products{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:12px;padding:32px;text-align:center;color:#64748b;font-size:14px;line-height:1.7;}