.bg-wrap{max-width:1180px;margin:0 auto;padding:28px 22px 70px;color:#17263b}
.bg-wrap *{box-sizing:border-box}
.bg-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;font-size:13px;color:#66778b;margin:12px 0 25px}
.bg-breadcrumb a{color:#426b9d;text-decoration:none}
.bg-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#1670cb}
.bg-hero{background:linear-gradient(125deg,#0c2445,#164b86 70%,#1769bc);color:white;border-radius:22px;padding:44px 48px;margin-bottom:32px}
.bg-hero .bg-eyebrow{color:#a7d4ff}
.bg-hero h1{font-size:clamp(28px,4vw,43px);line-height:1.16;letter-spacing:-1px;margin:15px 0}
.bg-hero>p{max-width:750px;font-size:16px;line-height:1.7;color:#e2ecfa}
.bg-hero-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.bg-stat{min-width:160px;background:#ffffff17;border:1px solid #ffffff30;padding:15px 20px;border-radius:12px}
.bg-stat small{display:block;font-size:12px;color:#c4d9f3;margin-bottom:6px}
.bg-stat strong{font-size:24px}
.bg-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.bg-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none!important;font-weight:750;font-size:13px;border-radius:9px;padding:11px 17px;transition:transform .15s,background .15s;text-align:center}
.bg-button:hover{transform:translateY(-1px)}
.bg-primary{background:#1374db;color:#fff!important}
.bg-primary:hover{background:#095eae}
.bg-hero .bg-primary{background:white;color:#124b85!important}
.bg-secondary{background:#eaf2fc;color:#16568d!important;border:1px solid #d5e4f5}
.bg-hero .bg-secondary{background:#ffffff19;border-color:#ffffff60;color:white!important}
.bg-section{margin:38px 0 48px}
.bg-section>h2,.bg-section-heading h2{font-size:clamp(23px,2.8vw,29px);letter-spacing:-.6px;margin:8px 0 15px}
.bg-section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:23px}
.bg-section-heading>p{max-width:330px;color:#6a7b8f;font-size:14px;line-height:1.6}
.bg-advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bg-advice{background:#fff;border:1px solid #dfe8f2;border-radius:15px;padding:24px;box-shadow:0 3px 12px #163a6410}
.bg-advice-icon{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#eaf3ff;color:#1566b2;font-weight:800;font-size:13px}
.bg-advice h3{font-size:23px;margin:17px 0 8px}
.bg-advice p{color:#5d6e81;font-size:14px;line-height:1.7;min-height:75px}
.bg-advice strong{color:#1766ad;font-size:13px}
.bg-toolbar{display:flex;gap:15px;flex-wrap:wrap;background:white;border:1px solid #e0e8f2;padding:19px;border-radius:13px;margin-bottom:15px}
.bg-filter{flex:1;min-width:170px}
.bg-filter label{display:block;font-size:12px;font-weight:800;margin-bottom:7px;color:#50647d}
.bg-filter select{width:100%;padding:11px 13px;border:1px solid #cbd9e8;border-radius:8px;background:#fff;color:#22354b;font:inherit;font-size:14px}
.bg-result-count{font-size:13px;font-weight:700;color:#63758a;margin:12px 0}
.bg-products{display:grid;gap:13px}
.bg-product{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid #dfe7f1;border-radius:14px;padding:20px 22px;box-shadow:0 3px 12px #1a47700b}
.bg-product[hidden]{display:none!important}
.bg-product-main{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:250px}
.bg-product-number{background:#f0f5fb;color:#67809b;font-size:12px;font-weight:800;padding:10px;border-radius:8px}
.bg-product-info{flex:1}
.bg-product-info h3{font-size:15px;line-height:1.5;margin:8px 0;color:#233449}
.bg-tags{display:flex;gap:7px;flex-wrap:wrap}
.bg-tags span{background:#eaf3ff;color:#125eab;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:800}
.bg-product-meta{display:flex;flex-wrap:wrap;gap:13px;color:#78879a;font-size:12px}
.bg-product-side{display:flex;align-items:center;justify-content:flex-end;gap:25px;flex-wrap:wrap}
.bg-product-price{text-align:right;min-width:125px}
.bg-product-price small{display:block;color:#748399;font-size:11px}
.bg-product-price strong{display:block;font-size:23px;color:#0d3766;white-space:nowrap}
.bg-product-price .bg-no-price{font-size:13px;color:#7b8998}
.bg-product-actions{display:flex;gap:8px;flex-wrap:wrap}
.bg-offers-details{width:100%;border-top:1px solid #edf1f5;padding-top:12px}
.bg-offers-details summary{cursor:pointer;color:#1765b0;font-size:13px;font-weight:750}
.bg-offers-list{margin-top:12px}
.bg-offer-row{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:11px 0;border-bottom:1px solid #eef2f6;font-size:13px}
.bg-offer-row a{color:#146cbe;font-weight:700}
.bg-disclaimer{font-size:12px;line-height:1.6;color:#78889a;margin-top:18px}
.bg-editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bg-editorial-grid>div{background:#fff;border:1px solid #e1e9f2;border-radius:13px;padding:23px}
.bg-editorial-grid h3{font-size:16px;margin:0 0 10px}
.bg-editorial-grid p{font-size:14px;color:#65768b;line-height:1.7;margin:0}
.bg-faq details{background:#fff;border:1px solid #e0e8f2;border-radius:11px;margin:10px 0;padding:17px 20px}
.bg-faq summary{font-size:14px;font-weight:800;cursor:pointer}
.bg-faq details p{color:#63758b;font-size:14px;line-height:1.7}
.bg-bottom-cta{text-align:center;background:#eaf3fe;border:1px solid #d4e5f9;border-radius:18px;padding:36px 20px;margin-top:40px}
.bg-bottom-cta h2{margin:0 0 10px;font-size:24px}
.bg-bottom-cta p{color:#61758a;margin-bottom:22px}
.bg-empty{padding:30px;text-align:center;background:#f0f5fb;border-radius:12px;color:#65778b}
.bg-preview{background:#fff4db;color:#805600;border:1px solid #e9cf8a;border-radius:9px;padding:13px 18px;margin-bottom:20px;font-size:13px;font-weight:800}
.bg-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.bg-index-card{background:white;border:1px solid #dfe7f0;border-radius:15px;padding:25px;text-decoration:none!important;color:inherit!important}
.bg-index-card h2{font-size:21px;margin:12px 0}
.bg-index-card p{color:#66778b;font-size:14px}
.bg-link{color:#146cbd;font-weight:800;font-size:13px}
@media(max-width:800px){
.bg-hero{padding:30px 24px}
.bg-section-heading{display:block}
.bg-advice-grid{grid-template-columns:1fr}
.bg-editorial-grid{grid-template-columns:1fr}
.bg-product-side{width:100%;justify-content:space-between}
.bg-product-price{text-align:left}
.bg-index-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
.bg-wrap{padding:18px 12px 45px}
.bg-hero{padding:25px 19px;border-radius:15px}
.bg-hero-stats{gap:8px}
.bg-stat{min-width:120px;flex:1;padding:12px}
.bg-stat strong{font-size:19px}
.bg-toolbar{padding:14px}
.bg-filter{min-width:100%}
.bg-product{padding:17px}
.bg-product-main{min-width:0}
.bg-product-side{gap:12px}
.bg-product-actions{width:100%}
.bg-product-actions .bg-button{flex:1}
.bg-product-info h3{font-size:14px}
}

/* ===== REDISEÑO DE TARJETAS COMPARATIVAS ===== */

.bg-products {
    gap: 16px;
}

.bg-product {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 24px;
    row-gap: 18px;
    padding: 22px 24px;
    border: 1px solid #dce6f1;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(24, 57, 92, .045);
}

.bg-product-main {
    min-width: 0;
    align-items: flex-start;
}

.bg-product-number {
    min-width: 35px;
    text-align: center;
    box-sizing: border-box;
}

.bg-product-info h3 {
    margin: 2px 0 8px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    color: #102e50;
}

.bg-product-meta {
    gap: 8px 16px;
}

.bg-product-side {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    min-width: 0;
    width: auto;
}

.bg-product-price {
    box-sizing: border-box;
    min-width: 145px;
    padding: 10px 16px;
    text-align: left;
    border-radius: 10px;
    background: #f0f6fd;
}

.bg-product-price small {
    font-size: 12px;
    margin-bottom: 3px;
}

.bg-product-price strong {
    font-size: 25px;
    line-height: 1.25;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
}

.bg-product-side .bg-product-actions {
    width: auto;
    flex-wrap: nowrap;
}

.bg-product-side .bg-button {
    white-space: nowrap;
    text-align: center;
}

.bg-product-side .bg-primary {
    border-radius: 9px;
    padding: 13px 17px;
}

.bg-offers-details {
    grid-column: 1 / -1;
    width: 100%;
    padding-top: 14px;
    border-top: 1px solid #e9eff6;
}

.bg-offers-details summary {
    width: fit-content;
    font-weight: 800;
    padding: 3px 0;
}

.bg-offers-list {
    margin-top: 14px;
    overflow: hidden;
    border: 1px solid #e9eff6;
    border-radius: 10px;
}

.bg-offer-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(110px, .4fr) 145px;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    border-bottom: 1px solid #edf1f6;
    font-size: 13px;
}

.bg-offer-row:last-child {
    border-bottom: 0;
}

.bg-offer-row:first-child {
    background: #effaf3;
}

.bg-offer-row:first-child strong {
    color: #08783d;
}

.bg-offer-row > span {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #263e58;
}

.bg-offer-row > strong {
    text-align: right;
    font-size: 14px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    color: #102e50;
}

.bg-offer-row > a {
    display: inline-block;
    text-align: center;
    padding: 8px 10px;
    border-radius: 7px;
    background: #edf5ff;
    color: #1268bc;
    text-decoration: none;
    font-weight: 800;
    white-space: nowrap;
}

.bg-offer-row > a:hover {
    background: #dcecff;
}

@media (max-width: 850px) {
    .bg-product {
        grid-template-columns: minmax(0, 1fr);
    }

    .bg-product-side {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 520px) {
    .bg-product {
        padding: 16px;
        row-gap: 14px;
    }

    .bg-product-side {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .bg-product-price {
        width: 100%;
        min-width: 0;
    }

    .bg-product-side .bg-product-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .bg-product-side .bg-button {
        flex: 1;
    }

    .bg-offer-row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        padding: 12px;
    }

    .bg-offer-row > strong {
        text-align: right;
    }

    .bg-offer-row > a {
        grid-column: 1 / -1;
        width: 100%;
        box-sizing: border-box;
    }
}

/* ===== TIPOGRAFÍA MÁS LIGERA EN COMPARATIVAS ===== */

.bg-product-info h3 {
    font-weight: 600;
}

.bg-product-price strong {
    font-weight: 600;
}

.bg-offer-row > strong {
    font-weight: 500;
}

.bg-offer-row:first-child strong {
    font-weight: 600;
}


/* Botones Ir a tienda con tipografía más ligera */
.bg-offer-row > a {
    font-weight: 500;
}


/* Desplegable de tiendas con tipografía más ligera */
.bg-offers-details summary {
    font-weight: 500;
}


/* ===== CABECERA BLANCA Y ELEGANTE ===== */

.bg-hero {
    background: #ffffff;
    color: #173453;
    border: 1px solid #dfe7f1;
    border-radius: 16px;
    padding: 32px 38px;
    margin-bottom: 28px;
    box-shadow: 0 3px 14px rgba(24, 57, 92, .035);
}

.bg-hero .bg-eyebrow {
    color: #3375b7;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .8px;
}

.bg-hero h1 {
    color: #142f4e;
    font-size: clamp(27px, 3vw, 36px);
    line-height: 1.25;
    letter-spacing: -.6px;
    font-weight: 600;
    margin: 13px 0;
}

.bg-hero > p {
    max-width: 850px;
    color: #61758b;
    font-size: 15px;
    line-height: 1.7;
}

.bg-hero-stats {
    margin-top: 24px;
    gap: 12px;
}

.bg-stat {
    min-width: 155px;
    background: #f3f7fc;
    border: 1px solid #e3ebf5;
    border-radius: 10px;
    padding: 13px 18px;
}

.bg-stat small {
    color: #657b92;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
}

.bg-stat strong {
    color: #174b7e;
    font-size: 22px;
    font-weight: 600;
}

.bg-hero-actions {
    margin-top: 22px;
    gap: 10px;
}

.bg-hero .bg-primary {
    background: #1473d2;
    color: #ffffff !important;
    border: 1px solid #1473d2;
    font-weight: 500;
}

.bg-hero .bg-primary:hover {
    background: #095fb4;
}

.bg-hero .bg-secondary {
    background: #f0f5fb;
    color: #286196 !important;
    border: 1px solid #dce7f3;
    font-weight: 500;
}

.bg-hero .bg-secondary:hover {
    background: #e5effa;
}

/* Adaptación para móviles */

@media (max-width: 800px) {
    .bg-hero {
        padding: 26px 24px;
    }
}

@media (max-width: 520px) {
    .bg-hero {
        padding: 22px 18px;
        border-radius: 13px;
    }

    .bg-hero h1 {
        font-size: 27px;
        letter-spacing: -.4px;
    }

    .bg-stat {
        min-width: 0;
        flex: 1 1 125px;
        padding: 12px;
    }

    .bg-stat strong {
        font-size: 20px;
    }
}


/* Botón Ver mejor oferta con tipografía más ligera */
.bg-product-actions .bg-primary {
    font-weight: 500;
}


/* Botón Volver a comparar con tipografía más ligera */
.bg-button {
    font-weight: 500;
}