/**
 * LQB — Entrega rápida
 * Diseño visible, limpio y orientado a conversión.
 */

.lqb-entrega-box {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    width: 100%;
    margin: 14px 0 18px;
    padding: 13px 14px;

    border: 1px solid #e6e1b6;
    border-left: 5px solid #fef200;
    border-radius: 9px;

    background:
        linear-gradient(
            135deg,
            #fffef4 0%,
            #ffffff 100%
        );

    box-shadow:
        0 4px 14px
        rgba(0, 0, 0, 0.06);

    color: #222;
}

.lqb-entrega-box.lqb-entrega-oculta {
    display: none !important;
}

.lqb-entrega-icono {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 30px;

    width: 30px;
    height: 30px;
    margin-top: 1px;

    border-radius: 50%;

    background: #eaf8ef;
    color: #159447;

    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}

.lqb-entrega-contenido {
    flex: 1 1 auto;
    min-width: 0;
}

.lqb-entrega-titulo {
    margin: 0;

    color: #1e1e1e;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;

    text-transform: none;
}

.lqb-entrega-tiempo {
    color: #111;

    font-weight: 900;
    font-variant-numeric: tabular-nums;

    white-space: nowrap;
}

.lqb-entrega-hoy,
.lqb-entrega-manana {
    color: #159447;

    font-weight: 900;
}

.lqb-dia-destacado {
    display: inline-block;

    padding: 2px 8px;

    border: 1px solid
        rgba(21, 148, 71, 0.18);

    border-radius: 6px;

    background:
        rgba(21, 148, 71, 0.09);

    color: #159447;

    font-weight: 900;
}

.lqb-entrega-mensaje {
    margin-top: 5px;

    color: #4e4e4e;

    font-size: 12.5px;
    line-height: 1.45;
}

.lqb-entrega-regiones {
    margin-top: 3px;

    color: #777;

    font-size: 11px;
    line-height: 1.4;
}

@media (max-width: 480px) {
    .lqb-entrega-box {
        gap: 8px;

        margin: 12px 0 16px;
        padding: 11px 10px;

        border-left-width: 4px;
        border-radius: 8px;
    }

    .lqb-entrega-icono {
        flex-basis: 26px;

        width: 26px;
        height: 26px;

        font-size: 13px;
    }

    .lqb-entrega-titulo {
        font-size: 13.5px;
    }

    .lqb-entrega-mensaje {
        font-size: 11.5px;
    }

    .lqb-entrega-regiones {
        font-size: 10.5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lqb-entrega-box,
    .lqb-entrega-icono {
        animation: none !important;
        transition: none !important;
    }
}