/**
 * Estilos personalizados de Punto Digital La 40.
 * Este archivo pertenece al plugin y evita modificar el tema Blocksy.
 */

:root {
    --pdl40-ink: #111827;
    --pdl40-muted: #64748b;
    --pdl40-border: #e5e7eb;
    --pdl40-soft: #f8fafc;
    --pdl40-blue: #0ea5e9;
    --pdl40-green: #25d366;
    --pdl40-green-dark: #1ebe5d;
    --pdl40-yellow: #facc15;
}

.pdl40-whatsapp-button,
.woocommerce a.button.pdl40-whatsapp-button,
.woocommerce button.button.pdl40-whatsapp-button,
a.add_to_cart_button.pdl40-whatsapp-button {
    align-items: center;
    background: var(--pdl40-green);
    border: 0;
    border-radius: 6px;
    color: #ffffff;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    line-height: 1.2;
    min-height: 44px;
    padding: 12px 18px;
    text-decoration: none;
    transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.pdl40-whatsapp-button::before,
.pdl40-floating-whatsapp::before {
    background: currentColor;
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    height: 18px;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.03 3.2c-7.04 0-12.76 5.7-12.76 12.72 0 2.24.59 4.43 1.71 6.35L3.2 28.8l6.69-1.75a12.8 12.8 0 0 0 6.14 1.56h.01c7.04 0 12.77-5.7 12.77-12.72 0-3.4-1.33-6.59-3.74-8.99a12.7 12.7 0 0 0-9.04-3.7Zm.01 23.26h-.01c-1.92 0-3.8-.51-5.45-1.48l-.39-.23-3.97 1.04 1.06-3.86-.25-.4a10.56 10.56 0 0 1-1.62-5.61c0-5.84 4.77-10.59 10.63-10.59 2.84 0 5.5 1.1 7.51 3.1a10.5 10.5 0 0 1 3.11 7.48c0 5.84-4.77 10.59-10.62 10.59Zm5.82-7.93c-.32-.16-1.88-.92-2.17-1.03-.29-.1-.5-.16-.71.16-.21.32-.82 1.03-1 1.24-.18.21-.37.24-.69.08-.32-.16-1.34-.49-2.55-1.57-.94-.84-1.58-1.88-1.76-2.2-.18-.32-.02-.49.14-.65.14-.14.32-.37.48-.55.16-.18.21-.32.32-.53.1-.21.05-.39-.03-.55-.08-.16-.71-1.7-.97-2.33-.25-.61-.52-.53-.71-.54h-.61c-.21 0-.55.08-.84.39-.29.32-1.11 1.08-1.11 2.62s1.14 3.04 1.3 3.25c.16.21 2.23 3.39 5.4 4.75.75.32 1.34.51 1.8.65.76.24 1.45.21 1.99.13.61-.09 1.88-.76 2.14-1.5.26-.74.26-1.37.18-1.5-.08-.13-.29-.21-.61-.37Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 18px;
}

.pdl40-whatsapp-button:hover,
.woocommerce a.button.pdl40-whatsapp-button:hover,
.woocommerce button.button.pdl40-whatsapp-button:hover,
a.add_to_cart_button.pdl40-whatsapp-button:hover {
    background: var(--pdl40-green-dark);
    box-shadow: 0 10px 24px rgba(37, 211, 102, 0.24);
    color: #ffffff;
    transform: translateY(-1px);
}

.pdl40-shop-banner {
    background: linear-gradient(135deg, #111827 0%, #0f172a 54%, #0e7490 100%);
    border-radius: 8px;
    color: #ffffff;
    margin: 0 0 18px;
    overflow: hidden;
    padding: 34px;
    position: relative;
}

.pdl40-shop-banner::after {
    background: var(--pdl40-yellow);
    content: "";
    height: 130%;
    opacity: 0.18;
    position: absolute;
    right: -52px;
    top: -15%;
    transform: skewX(-16deg);
    width: 220px;
}

.pdl40-shop-banner__content {
    max-width: 820px;
    position: relative;
    z-index: 1;
}

.pdl40-shop-banner__eyebrow {
    color: #7dd3fc;
    display: block;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.pdl40-shop-banner h2 {
    color: inherit;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.05;
    margin: 0 0 12px;
    max-width: 760px;
}

.pdl40-shop-banner p {
    color: rgba(255, 255, 255, 0.86);
    font-size: 17px;
    margin: 0;
    max-width: 680px;
}

.pdl40-shop-banner__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.pdl40-banner-button,
.pdl40-banner-link {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    font-weight: 800;
    min-height: 44px;
    padding: 12px 18px;
    text-decoration: none;
}

.pdl40-banner-button {
    background: var(--pdl40-green);
    color: #ffffff;
}

.pdl40-banner-button:hover {
    background: var(--pdl40-green-dark);
    color: #ffffff;
}

.pdl40-banner-link {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.pdl40-banner-link:hover {
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

.pdl40-trust-strip {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 26px;
}

.pdl40-trust-strip > div,
.pdl40-product-trust {
    background: #ffffff;
    border: 1px solid var(--pdl40-border);
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
    padding: 16px;
}

.pdl40-trust-strip strong,
.pdl40-product-trust strong {
    color: var(--pdl40-ink);
    display: block;
    font-size: 15px;
    margin-bottom: 4px;
}

.pdl40-trust-strip span,
.pdl40-product-trust span {
    color: var(--pdl40-muted);
    display: block;
    font-size: 14px;
    line-height: 1.45;
}

.pdl40-product-trust {
    margin-top: 14px;
    max-width: 520px;
}

.woocommerce ul.products li.product,
.wc-block-grid__product {
    background: #ffffff;
    border: 1px solid var(--pdl40-border);
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    overflow: hidden;
    padding: 14px !important;
    transition: box-shadow 160ms ease, transform 160ms ease;
}

.woocommerce ul.products li.product:hover,
.wc-block-grid__product:hover {
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
    transform: translateY(-2px);
}

.woocommerce ul.products li.product img,
.wc-block-grid__product-image img {
    aspect-ratio: 1 / 1;
    background: var(--pdl40-soft);
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
    color: var(--pdl40-ink);
    display: -webkit-box;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
    min-height: 40px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.woocommerce ul.products li.product .price,
.wc-block-grid__product-price {
    color: #0f766e;
    font-size: 16px;
    font-weight: 900;
}

.woocommerce ul.products li.product .button,
.wc-block-grid__product-add-to-cart .wp-block-button__link {
    width: 100%;
}

.woocommerce ul.products li.product .added_to_cart,
.wc-block-grid__product-add-to-cart .added_to_cart,
.woocommerce-message .button.wc-forward,
a[href*="/carrito"].wc-forward,
a[href*="/cart"].wc-forward {
    display: none !important;
}

.pdl40-floating-whatsapp {
    align-items: center;
    background: var(--pdl40-green);
    border-radius: 999px;
    bottom: 22px;
    box-shadow: 0 14px 34px rgba(37, 211, 102, 0.36);
    color: #ffffff;
    display: inline-flex;
    font-size: 15px;
    font-weight: 900;
    gap: 8px;
    min-height: 52px;
    padding: 0 18px;
    position: fixed;
    right: 22px;
    text-decoration: none;
    z-index: 9999;
}

.pdl40-floating-whatsapp:hover {
    background: var(--pdl40-green-dark);
    color: #ffffff;
    transform: translateY(-1px);
}


.pdl40-hide-commerce-links a[href*="/carrito"],
.pdl40-hide-commerce-links a[href*="/cart"],
.pdl40-hide-commerce-links a[href*="/checkout"],
.pdl40-hide-commerce-links a[href*="/pagar"],
.pdl40-hide-commerce-links a[href*="/mi-cuenta"],
.pdl40-hide-commerce-links a[href*="/my-account"],
.pdl40-hide-commerce-links .ct-header-cart,
.pdl40-hide-commerce-links .ct-header-account,
.pdl40-hide-commerce-links .ct-header-wishlist,
.pdl40-hide-commerce-links .wc-block-mini-cart,
.pdl40-hide-commerce-links .wp-block-woocommerce-mini-cart,
.pdl40-hide-commerce-links .xoo-wsc-basket {
    display: none !important;
}

.pdl40-price-prefix {
    color: var(--pdl40-muted);
    font-size: 13px;
    font-weight: 800;
    margin-right: 3px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .pdl40-shop-banner {
        padding: 24px;
    }

    .pdl40-shop-banner::after {
        display: none;
    }

    .pdl40-trust-strip {
        grid-template-columns: 1fr;
    }

    .pdl40-whatsapp-button,
    .woocommerce a.button.pdl40-whatsapp-button,
    .woocommerce ul.products li.product .button,
    .wc-block-grid__product-add-to-cart .wp-block-button__link {
        width: 100%;
    }

    .pdl40-floating-whatsapp {
        bottom: 16px;
        min-height: 48px;
        right: 16px;
    }
}