/* Estilos que antes estaban en línea en carta.html (v13: movidos a un archivo cacheable, sin cambios de reglas). */

/* =========================================
   PALETA PÍO PÍO — CÁLIDA Y GASTRONÓMICA
   Primario: #D95F22
   Terracota: #A9422D
   Texto: #403A35
   Crema: #F7F1E8
   Beige: #F3EBDD
   Beige activo: #E8C7A7
   Verde confirmación: #3F7650
========================================== */

body.menu-page {
    color: #403A35 !important;
    background-color: #F7F1E8 !important;
    background-image:
        linear-gradient(rgba(247, 241, 232, 0.48), rgba(247, 241, 232, 0.48)),
        url("images/pio-carta-mantel-v13.webp") !important;
    background-size: cover !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

@media (max-width: 600px) {
    body.menu-page {
        background-image:
            linear-gradient(rgba(247, 241, 232, 0.56), rgba(247, 241, 232, 0.56)),
            url("images/pio-carta-mantel-v13.webp") !important;
        background-size: cover !important;
        background-position: 88% center !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
    }
}

/* Títulos y elementos editoriales */
.section h2,
.cart-header h2,
.product-modal-price,
.cart-summary strong {
    color: #A9422D !important;
}

.card h3,
.order-toolbar p,
.order-form label,
.order-form h3 {
    color: #403A35 !important;
}

/* CTA global: naranja tostado */
.cart-trigger,
.submit-order,
.fab-pill--cart,
.cta-grande {
    background: #D95F22 !important;
    border-color: #D95F22 !important;
    color: #ffffff !important;
}

.cart-trigger,
.fab-pill--cart {
    box-shadow: 0 4px 10px rgba(217, 95, 34, 0.24) !important;
}

.cart-trigger:hover,
.cart-trigger:focus-visible,
.submit-order:hover:not(:disabled),
.submit-order:focus-visible,
.fab-pill--cart:hover,
.fab-pill--cart:focus-visible,
.cta-grande:hover,
.cta-grande:focus-visible {
    background: #B94B1C !important;
    border-color: #B94B1C !important;
}

.cart-trigger:hover,
.cart-trigger:focus-visible,
.fab-pill--cart:hover,
.fab-pill--cart:focus-visible {
    box-shadow: 0 6px 14px rgba(185, 75, 28, 0.28) !important;
}

/* CTA de producto: terracota tostado elegante */
.add-to-cart {
    background: #B85A3C !important;
    border-color: #B85A3C !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(184, 90, 60, 0.22) !important;
}

.add-to-cart:hover,
.add-to-cart:focus-visible {
    background: #9E492F !important;
    border-color: #9E492F !important;
    box-shadow: 0 6px 14px rgba(158, 73, 47, 0.28) !important;
}

/* Verde reservado a confirmaciones */
.add-to-cart.is-added,
.form-status.is-success {
    background: #3F7650 !important;
    border-color: #3F7650 !important;
    color: #ffffff !important;
}

.form-status.is-success {
    background: transparent !important;
    color: #3F7650 !important;
}

/* Icono verde de carrito sobre soporte claro para mantener contraste */
.cart-icon-shell {
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 28px;
    border-radius: 50%;
    background: #ffffff;
}

.cart-icon {
    width: 18px;
    height: 18px;
    display: block;
    color: #2F6B3F;
}

.fab-pill--cart .fab-pill-icon {
    background: #ffffff !important;
    color: #2F6B3F !important;
}

.fab-pill--cart .fab-pill-icon .cart-icon {
    width: 17px;
    height: 17px;
}

/* Contador del carrito */
.cart-trigger .cart-count,
.fab-cart-badge {
    background: #ffffff !important;
    color: #D95F22 !important;
}

/* Navegación por categorías */
.category-pill {
    background: #F3EBDD !important;
    color: #403A35 !important;
    box-shadow: 0 2px 6px rgba(64, 58, 53, 0.05) !important;
}

.category-pill:hover,
.category-pill:focus-visible {
    background: #EADDCB !important;
    color: #403A35 !important;
    box-shadow: 0 4px 10px rgba(64, 58, 53, 0.08) !important;
}

.category-pill.is-active {
    background: #E8C7A7 !important;
    color: #73391F !important;
    box-shadow: 0 3px 10px rgba(115, 57, 31, 0.10) !important;
}

.category-pill.is-active:hover,
.category-pill.is-active:focus-visible {
    background: #DDB58E !important;
    color: #73391F !important;
    box-shadow: 0 4px 12px rgba(115, 57, 31, 0.14) !important;
}

/* Enlaces secundarios y detalles */
a,
#contacto a,
.home-link:hover,
.clear-cart,
.quantity-control .remove-item {
    color: #A9422D !important;
}

.home-link:hover {
    border-color: #A9422D !important;
}

.clear-cart:hover,
.quantity-control .remove-item:hover {
    color: #7F3022 !important;
}

/* Foco accesible, integrado en la paleta */
.category-pill:focus-visible,
.home-link:focus-visible,
.add-to-cart:focus-visible,
.cart-trigger:focus-visible,
.submit-order:focus-visible,
.cart-close:focus-visible,
.quantity-control button:focus-visible,
.order-form input:focus-visible,
.order-form textarea:focus-visible {
    outline: 3px solid rgba(217, 95, 34, 0.35) !important;
    outline-offset: 2px;
}


/* Ajuste específico sección Pollo: 5 tarjetas en una sola línea en escritorio */
@media (min-width: 1280px) {
    #pollo {
        width: min(96%, 1660px) !important;
    }

    #pollo .menu-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 18px !important;
        align-items: stretch;
    }

    #pollo .card {
        padding: 14px !important;
    }

    #pollo .card img {
        width: 100% !important;
        height: 195px !important;
        object-fit: cover !important;
        border-radius: 14px !important;
    }

    #pollo .card h3 {
        font-size: 0.98rem !important;
        line-height: 1.2 !important;
        margin: 12px 0 10px !important;
    }

    #pollo .card p {
        font-size: 0.82rem !important;
        line-height: 1.45 !important;
        margin-bottom: 14px !important;
    }

    #pollo .add-to-cart {
        min-height: 40px !important;
        padding: 10px 12px !important;
        font-size: 0.95rem !important;
    }
}


/* Carrito verde: cabecera + desplegable del pollo */
.cart-trigger,
.fab-pill--cart {
    background: #2F6B3F !important;
    border-color: #2F6B3F !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(47, 107, 63, 0.24) !important;
}

.cart-trigger:hover,
.cart-trigger:focus-visible,
.fab-pill--cart:hover,
.fab-pill--cart:focus-visible {
    background: #255532 !important;
    border-color: #255532 !important;
    box-shadow: 0 6px 14px rgba(37, 85, 50, 0.28) !important;
}

.cart-trigger .cart-count,
.fab-cart-badge {
    background: #ffffff !important;
    color: #2F6B3F !important;
}

.cart-icon {
    color: #2F6B3F !important;
}

/* Carrito: Total e importe en negro */
.cart-summary span,
.cart-summary strong,
[data-cart-total] {
    color: #000000 !important;
}



/* Pastilla llamar por teléfono: marrón oscuro elegante */
.fab-pill--phone {
    background: linear-gradient(180deg, #3b2b24 0%, #241814 100%) !important;
    border: 1px solid #4a362e !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(36, 24, 20, 0.28) !important;
}

.fab-pill--phone:hover,
.fab-pill--phone:focus-visible {
    background: linear-gradient(180deg, #4a362e 0%, #2c1d18 100%) !important;
    border-color: #5a4338 !important;
    box-shadow: 0 8px 18px rgba(36, 24, 20, 0.32) !important;
}

.fab-pill--phone .fab-pill-icon {
    color: #d9c3b4 !important;
}



/* Ajuste pastilla teléfono: más clara y círculo del icono en blanco */
.fab-pill--phone {
    background: linear-gradient(180deg, #5a4338 0%, #3f2d26 100%) !important;
    border: 1px solid #6a4e42 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(63, 45, 38, 0.24) !important;
}

.fab-pill--phone:hover,
.fab-pill--phone:focus-visible {
    background: linear-gradient(180deg, #684d42 0%, #49342c 100%) !important;
    border-color: #7a5b4e !important;
    box-shadow: 0 8px 18px rgba(63, 45, 38, 0.28) !important;
}

.fab-pill--phone .fab-pill-icon {
    background: #ffffff !important;
    color: #7a5b4e !important;
    border-radius: 999px !important;
}

/* v13c · Aviso de trazas por frituras */
.product-modal-traces {
    margin: 10px 0 0;
    color: #5b4a40;
    font-size: .86rem;
    line-height: 1.4;
}