@media (min-width:481px){.wpbf-grid-small-1-1>*{width:100%}.wpbf-grid-small-1-2>*{width:50%}.wpbf-grid-small-1-3>*{width:33.333%}.wpbf-grid-small-2-3>*{width:66.666%}.wpbf-grid-small-1-4>*{width:25%}.wpbf-grid-small-1-5>*{width:20%}.wpbf-grid-small-1-6>*{width:16.666%}.wpbf-grid-small-1-10>*{width:10%}.wpbf-small-1-1{width:100%}.wpbf-small-1-2,.wpbf-small-2-4,.wpbf-small-3-6,.wpbf-small-5-10{width:50%}.wpbf-small-1-3,.wpbf-small-2-6{width:33.333%}.wpbf-small-2-3,.wpbf-small-4-6{width:66.666%}.wpbf-small-1-4{width:25%}.wpbf-small-3-4{width:75%}.wpbf-small-1-5,.wpbf-small-2-10{width:20%}.wpbf-small-2-5,.wpbf-small-4-10{width:40%}.wpbf-small-3-5,.wpbf-small-6-10{width:60%}.wpbf-small-4-5,.wpbf-small-8-10{width:80%}.wpbf-small-1-6{width:16.666%}.wpbf-small-5-6{width:83.333%}.wpbf-small-1-10{width:10%}.wpbf-small-3-10{width:30%}.wpbf-small-7-10{width:70%}.wpbf-small-9-10{width:90%}}@media (min-width:769px){.wpbf-no-sidebar .alignwide{max-width:unset;width:auto;margin-left:-50px;margin-right:-50px}.wpbf-grid-divider>[class*=wpbf-medium-]:not(.wpbf-medium-1-1):nth-child(n+2){border-left:1px solid var(--base-color)}.wpbf-grid-medium-1-1>*{width:100%}.wpbf-grid-medium-1-2>*{width:50%}.wpbf-grid-medium-1-3>*{width:33.333%}.wpbf-grid-medium-2-3>*{width:66.666%}.wpbf-grid-medium-1-4>*{width:25%}.wpbf-grid-medium-1-5>*{width:20%}.wpbf-grid-medium-1-6>*{width:16.666%}.wpbf-grid-medium-1-10>*{width:10%}.wpbf-medium-1-1{width:100%}.wpbf-medium-1-2,.wpbf-medium-2-4,.wpbf-medium-3-6,.wpbf-medium-5-10{width:50%}.wpbf-medium-1-3,.wpbf-medium-2-6{width:33.333%}.wpbf-medium-2-3,.wpbf-medium-4-6{width:66.666%}.wpbf-medium-1-4{width:25%}.wpbf-medium-3-4{width:75%}.wpbf-medium-1-5,.wpbf-medium-2-10{width:20%}.wpbf-medium-2-5,.wpbf-medium-4-10{width:40%}.wpbf-medium-3-5,.wpbf-medium-6-10{width:60%}.wpbf-medium-4-5,.wpbf-medium-8-10{width:80%}.wpbf-medium-1-6{width:16.666%}.wpbf-medium-5-6{width:83.333%}.wpbf-medium-1-10{width:10%}.wpbf-medium-3-10{width:30%}.wpbf-medium-7-10{width:70%}.wpbf-medium-9-10{width:90%}}@media (min-width:1025px){.wpbf-no-sidebar .alignwide{margin-left:-75px;margin-right:-75px}.wpbf-grid-divider>[class*=wpbf-large-]:not(.wpbf-large-1-1):nth-child(n+2){border-left:1px solid var(--base-color)}.wpbf-grid-large-1-1>*{width:100%}.wpbf-grid-large-1-2>*{width:50%}.wpbf-grid-large-1-3>*{width:33.333%}.wpbf-grid-large-2-3>*{width:66.666%}.wpbf-grid-large-1-4>*{width:25%}.wpbf-grid-large-1-5>*{width:20%}.wpbf-grid-large-1-6>*{width:16.666%}.wpbf-grid-large-1-10>*{width:10%}.wpbf-large-1-1{width:100%}.wpbf-large-1-2,.wpbf-large-2-4,.wpbf-large-3-6,.wpbf-large-5-10{width:50%}.wpbf-large-1-3,.wpbf-large-2-6{width:33.333%}.wpbf-large-2-3,.wpbf-large-4-6{width:66.666%}.wpbf-large-1-4{width:25%}.wpbf-large-3-4{width:75%}.wpbf-large-1-5,.wpbf-large-2-10{width:20%}.wpbf-large-2-5,.wpbf-large-4-10{width:40%}.wpbf-large-3-5,.wpbf-large-6-10{width:60%}.wpbf-large-4-5,.wpbf-large-8-10{width:80%}.wpbf-large-1-6{width:16.666%}.wpbf-large-5-6{width:83.333%}.wpbf-large-1-10{width:10%}.wpbf-large-3-10{width:30%}.wpbf-large-7-10{width:70%}.wpbf-large-9-10{width:90%}}@media (min-width:1201px){.wpbf-grid-xlarge-1-1>*{width:100%}.wpbf-grid-xlarge-1-2>*{width:50%}.wpbf-grid-xlarge-1-3>*{width:33.333%}.wpbf-grid-xlarge-2-3>*{width:66.666%}.wpbf-grid-xlarge-1-4>*{width:25%}.wpbf-grid-xlarge-1-5>*{width:20%}.wpbf-grid-xlarge-1-6>*{width:16.666%}.wpbf-grid-xlarge-1-10>*{width:10%}.wpbf-xlarge-1-1{width:100%}.wpbf-xlarge-1-2,.wpbf-xlarge-2-4,.wpbf-xlarge-3-6,.wpbf-xlarge-5-10{width:50%}.wpbf-xlarge-1-3,.wpbf-xlarge-2-6{width:33.333%}.wpbf-xlarge-2-3,.wpbf-xlarge-4-6{width:66.666%}.wpbf-xlarge-1-4{width:25%}.wpbf-xlarge-3-4{width:75%}.wpbf-xlarge-1-5,.wpbf-xlarge-2-10{width:20%}.wpbf-xlarge-2-5,.wpbf-xlarge-4-10{width:40%}.wpbf-xlarge-3-5,.wpbf-xlarge-6-10{width:60%}.wpbf-xlarge-4-5,.wpbf-xlarge-8-10{width:80%}.wpbf-xlarge-1-6{width:16.666%}.wpbf-xlarge-5-6{width:83.333%}.wpbf-xlarge-1-10{width:10%}.wpbf-xlarge-3-10{width:30%}.wpbf-xlarge-7-10{width:70%}.wpbf-xlarge-9-10{width:90%}}@media screen and (max-width:1200px){.wpbf-margin-xlarge{margin-top:80px;margin-bottom:80px}.wpbf-margin-xlarge-top{margin-top:80px}.wpbf-margin-xlarge-bottom{margin-bottom:80px}.wpbf-margin-xlarge-left{margin-left:80px}.wpbf-margin-xlarge-right{margin-right:80px}.wpbf-padding-xlarge{padding-top:80px;padding-bottom:80px}.wpbf-padding-xlarge-top{padding-top:80px}.wpbf-padding-xlarge-bottom{padding-bottom:80px}.wpbf-padding-xlarge-left{padding-left:80px}.wpbf-padding-xlarge-right{padding-right:80px}}@media screen and (max-width:1024px){.wpbf-margin-large,.wpbf-margin-xlarge{margin-top:40px;margin-bottom:40px}.wpbf-margin-large-top{margin-top:40px}.wpbf-margin-large-bottom{margin-bottom:40px}.wpbf-margin-large-left{margin-left:40px}.wpbf-margin-large-right{margin-right:40px}.wpbf-margin-xlarge-top{margin-top:40px}.wpbf-margin-xlarge-bottom{margin-bottom:40px}.wpbf-margin-xlarge-left{margin-left:40px}.wpbf-margin-xlarge-right{margin-right:40px}.wpbf-padding-large,.wpbf-padding-xlarge{padding-top:40px;padding-bottom:40px}.wpbf-padding-large-top{padding-top:40px}.wpbf-padding-large-bottom{padding-bottom:40px}.wpbf-padding-large-left{padding-left:40px}.wpbf-padding-large-right{padding-right:40px}.wpbf-padding-xlarge-top{padding-top:40px}.wpbf-padding-xlarge-bottom{padding-bottom:40px}.wpbf-padding-xlarge-left{padding-left:40px}.wpbf-padding-xlarge-right{padding-right:40px}}@media screen and (max-width:768px){.wpbf-footer-two-columns,.wpbf-pre-header-two-columns{display:block}.wpbf-footer-two-columns .wpbf-inner-footer-left,.wpbf-footer-two-columns .wpbf-inner-footer-right,.wpbf-footer-two-columns .wpbf-inner-pre-header-left,.wpbf-footer-two-columns .wpbf-inner-pre-header-right,.wpbf-pre-header-two-columns .wpbf-inner-footer-left,.wpbf-pre-header-two-columns .wpbf-inner-footer-right,.wpbf-pre-header-two-columns .wpbf-inner-pre-header-left,.wpbf-pre-header-two-columns .wpbf-inner-pre-header-right{text-align:center;width:100%;display:block}.wpbf-pre-header .wpbf-inner-pre-header-right .wpbf-menu,.wpbf-pre-header .wpbf-inner-pre-header-left .wpbf-menu{float:none;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;display:flex}.wpbf-pre-header .wpbf-menu .sub-menu,.wpbf-pre-header .wpbf-sub-menu>.menu-item-has-children>a:after{display:none!important}.wpbf-page-footer .wpbf-inner-footer-right .wpbf-menu,.wpbf-page-footer .wpbf-inner-footer-left .wpbf-menu{float:none;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;display:flex}}@media screen and (max-width:480px){.wpbf-margin-medium,.wpbf-margin-large,.wpbf-margin-xlarge{margin-top:20px;margin-bottom:20px}.wpbf-margin-large-top{margin-top:20px}.wpbf-margin-large-bottom{margin-bottom:20px}.wpbf-margin-large-left{margin-left:20px}.wpbf-margin-large-right{margin-right:20px}.wpbf-margin-medium-top{margin-top:20px}.wpbf-margin-medium-bottom{margin-bottom:20px}.wpbf-margin-medium-left{margin-left:20px}.wpbf-margin-medium-right{margin-right:20px}.wpbf-margin-xlarge-top{margin-top:20px}.wpbf-margin-xlarge-bottom{margin-bottom:20px}.wpbf-margin-xlarge-left{margin-left:20px}.wpbf-margin-xlarge-right{margin-right:20px}.wpbf-padding-medium,.wpbf-padding-large,.wpbf-padding-xlarge{padding-top:20px;padding-bottom:20px}.wpbf-padding-large-top{padding-top:20px}.wpbf-padding-large-bottom{padding-bottom:20px}.wpbf-padding-large-left{padding-left:20px}.wpbf-padding-large-right{padding-right:20px}.wpbf-padding-medium-top{padding-top:20px}.wpbf-padding-medium-bottom{padding-bottom:20px}.wpbf-padding-medium-left{padding-left:20px}.wpbf-padding-medium-right{padding-right:20px}.wpbf-padding-xlarge-top{padding-top:20px}.wpbf-padding-xlarge-bottom{padding-bottom:20px}.wpbf-padding-xlarge-left{padding-left:20px}.wpbf-padding-xlarge-right{padding-right:20px}}@media (min-width:1025px){.wpbf-visible-small,.wpbf-visible-medium,.wpbf-hidden-large{display:none!important}}@media (min-width:769px) and (max-width:1024px){.wpbf-visible-small,.wpbf-visible-large,.wpbf-hidden-medium{display:none!important}}@media (max-width:768px){.wpbf-visible-medium,.wpbf-visible-large,.wpbf-hidden-small{display:none!important}}@media (min-width:1025px){.wpbf-row-reverse-large{flex-direction:row-reverse}.wpbf-column-reverse-large{flex-direction:column-reverse}}@media screen and (max-width:768px){.wpbf-row-reverse-medium{flex-direction:row-reverse}.wpbf-column-reverse-medium{flex-direction:column-reverse}}@media screen and (max-width:480px){.wpbf-row-reverse-small{flex-direction:row-reverse}.wpbf-column-reverse-small{flex-direction:column-reverse}}


/* ============================================
   OPTIMIZACIÓN MÓVIL - COMPATIBLE SAFARI
   ============================================ */

@media only screen and (max-width: 768px) {
    
    /* 1. REDUCIR HEADER */
    .elementor-element-573d79c img {
        max-width: 180px !important;
        height: auto !important;
    }
    
    .elementor-element-6b4425b {
        padding: 8px 0 !important;
    }
    
    /* 2. REDUCIR HERO SECTION */
    .elementor-element-a08a5fb {
        padding: 12px 10px !important;
    }
    
    .elementor-element-dd4a4a9 h1 {
        font-size: 18px !important;
        line-height: 1.2 !important;
        margin-bottom: 6px !important;
    }
    
    .elementor-element-c51860f {
        font-size: 12px !important;
        margin-bottom: 5px !important;
    }
    
    /* Ocultar imagen hero en móvil */
    .elementor-element-4bc990a {
        display: none !important;
    }
    
    /* 3. BADGE ACTUALIZACIÓN */
    .month-year {
        font-size: 10px !important;
        margin: 3px 0 !important;
        padding: 2px !important;
    }
    
    .month-year svg,
    .check-icon svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    /* 4. DISCLOSURE OCULTO */
    #ad-disclosure-top {
        display: none !important;
    }
    
    /* 5. MODAL "OUR RANKING" */
    .elementor-element-b94f0ae .premium-modal-trigger-text {
        font-size: 10px !important;
    }
    
    /* 6. CONTAINER PRODUCTOS */
    .elementor-element-c6b72e2 > .e-con-inner {
        padding: 8px 12px !important;
    }
    
    .protection-guru-products-grid {
        gap: 15px !important;
    }
    
    .pg-products-grid {
        gap: 15px !important;
    }
    
    /* 7. PRODUCTOS - LAYOUT SAFARI FIX */
    .pg-post-item {
        display: block !important; /* Safari fix para grid */
        padding: 10px 10px 10px 28px !important;
        margin-bottom: 12px !important;
        position: relative !important;
        overflow: visible !important;
    }
    
    /* Ranking número */
    .pg-post-item .post-rank {
        width: 32px !important;
        height: 32px !important;
        font-size: 13px !important;
        left: -16px !important;
        top: 12px !important;
        border-width: 2px !important;
    }
    
    /* Ribbon - Safari fix */
    .pg-products-grid .pg-post-item.has-ribbon {
        padding-top: 35px !important;
    }
    
    .pg-ribbon {
        top: -10px !important;
    }
    
    .pg-ribbon span {
        font-size: 11px !important;
        padding: 3px 10px !important;
    }
    
    .pg-ribbon span::before {
        left: -20px !important;
    }
    
    .pg-ribbon span::after {
        right: -70px !important;
    }
    
    /* 8. IMAGEN PRODUCTO */
    .product-featured-image {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 10px !important;
    }
    
    .product-featured-image img.post-featured-image {
        max-width: 140px !important;
        height: auto !important;
        display: inline-block !important;
    }
    
    /* 9. DESCRIPCIÓN */
    .product-description {
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    .product-description p {
        font-size: 10px !important;
        margin: 4px 0 !important;
        line-height: 1.3 !important;
    }
    
    .product-description ul {
        font-size: 9px !important;
        margin: 6px 0 !important;
        padding-left: 0 !important;
        -webkit-columns: 1 !important; /* Safari prefix */
        -moz-columns: 1 !important;
        columns: 1 !important;
    }
    
    .product-description ul li {
        margin: 1px 0 !important;
        padding-left: 0 !important;
        -webkit-column-break-inside: avoid; /* Safari fix */
        page-break-inside: avoid;
        break-inside: avoid;
    }
    
    .product-description ul li:before {
        width: 12px !important;
        height: 12px !important;
        top: 2px !important;
    }
    
    /* 10. COMPATIBILIDAD */
    .compatibility {
        font-size: 8px !important;
        margin-bottom: 6px !important;
        gap: 3px !important;
        display: -webkit-flex !important; /* Safari prefix */
        display: flex !important;
    }
    
    .compatibility .com-icon {
        width: 14px !important;
        height: auto !important;
    }
    
    /* 11. PROMO MESSAGE */
    .product_promo_message {
        display: block !important;
        width: 100% !important;
        margin: 5px 0 !important;
    }
    
    .product_promo_message p {
        padding: 6px 10px !important;
        font-size: 9px !important;
        line-height: 14px !important;
        margin: 3px 0 !important;
        border-radius: 15px !important; /* Safari prefiere valores más bajos */
    }
    
    .product_promo_message p:before {
        border-left-width: 8px !important;
        border-right-width: 8px !important;
        border-bottom-width: 8px !important;
        top: -7px !important;
    }
    
    /* 12. COUNTDOWN */
    .product-countdown {
        font-size: 10px !important;
        margin-top: -8px !important;
        gap: 3px !important;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-justify-content: center !important;
        justify-content: center !important;
    }
    
    .timer-icon svg {
        width: 11px !important;
        height: 11px !important;
    }
    
    .product-countdown .timer {
        font-size: 10px !important;
    }
    
    /* 13. RATINGS */
    .product-ratings {
        display: block !important;
        width: 100% !important;
        padding-top: 8px !important;
        border-top: 1px solid lightgray !important;
        text-align: center !important;
    }
    
    .rating-score {
        font-size: 24pt !important;
        margin: 5px 0 !important;
    }
    
    .rating-stars {
        gap: 2px !important;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-justify-content: center !important;
        justify-content: center !important;
    }
    
    .rating-stars img {
        width: 11px !important;
        height: auto !important;
    }
    
    .product-ratings p {
        font-size: 9px !important;
        margin: 3px 0 !important;
    }
    
    /* 14. EDITOR'S PICK */
    .editorspick {
        font-size: 8px !important;
        margin-bottom: 5px !important;
    }
    
    .editorspick img {
        width: 16px !important;
        height: 16px !important;
    }
    
    .editorspick .discount {
        margin: 6px auto 3px !important;
    }
    
    .editorspick .discount p {
        font-size: 9px !important;
        margin: 0 !important;
    }
    
    .editorspick .discount b {
        font-size: 13pt !important;
    }
    
    /* 15. BOTÓN CTA */
    .btn-website {
        font-size: 10px !important;
        padding: 8px 12px !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
        -webkit-appearance: none !important; /* Safari fix */
    }
    
    .product-btn {
        width: 100% !important;
    }
    
    .product-btn .btn-website {
        min-width: auto !important;
    }
    
    /* 16. USER REC */
    .user-rec {
        font-size: 8px !important;
        margin: 3px 0 !important;
    }
    
    /* 17. BOX OVERLAY LINK - Safari fix */
    a.box_link_overlay {
        z-index: 1 !important;
    }
    
    a.btn.btn-website,
    a.tpg-edit-post-link {
        position: relative !important;
        z-index: 10 !important;
    }
}

/* PANTALLAS MUY PEQUEÑAS */
@media only screen and (max-width: 480px) {
    .pg-post-item {
        padding: 8px 8px 8px 24px !important;
    }
    
    .product-description p {
        font-size: 9px !important;
    }
    
    .product-description ul {
        font-size: 8px !important;
    }
    
    .product-featured-image img.post-featured-image {
        max-width: 120px !important;
    }
}

/* FIX ESPECÍFICO SAFARI iOS */
@supports (-webkit-touch-callout: none) {
    .pg-post-item {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
    }
    
    .product-description ul {
        display: block !important;
    }
    
    .btn-website {
        -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    }
}

@media only screen and (max-width: 768px) {
    .pg-ribbon {
        display: none !important;
    }
    
    .pg-products-grid .pg-post-item.has-ribbon {
        padding-top: 10px !important; /* Quitar padding extra */
    }
}

/* ============================================
   FIXES ESPECÍFICOS - RIBBON Y TABLA
   ============================================ */

@media only screen and (max-width: 768px) {
    
    /* 1. FIX RIBBON - Evitar superposición */
    .pg-ribbon {
        top: -10px !important;
        z-index: 5 !important;
    }
    
    .pg-ribbon span {
        font-size: 11px !important;
        padding: 3px 10px !important;
        position: relative !important;
        z-index: 6 !important;
    }
    
    .pg-ribbon span::before {
        left: -18px !important;
        width: 70px !important;
        z-index: 4 !important;
    }
    
    .pg-ribbon span::after {
        right: -18px !important;
        width: 70px !important;
        z-index: 4 !important;
    }
    
    /* 2. OCULTAR TABLA COMPARATIVA Y SU TÍTULO EN MÓVIL */
    
    /* Ocultar el título "Compare Top Antivirus Software" */
    .elementor-element-0f5457c {
        display: none !important;
    }
    
    /* Ocultar la tabla completa */
    .elementor-element-445a3b2 {
        display: none !important;
    }
    
    /* Ocultar el container padre si queda vacío */
    .elementor-element-f06e3f4 {
        display: none !important;
    }
}

/* PANTALLAS MUY PEQUEÑAS */
@media only screen and (max-width: 480px) {
    
    .pg-ribbon span::before {
        left: -15px !important;
        width: 50px !important;
    }
    
    .pg-ribbon span::after {
        right: -15px !important;
        width: 50px !important;
    }
}

/* ============================================
   FIX HEADER STICKY - Evitar superposición
   ============================================ */

/* Header sticky con z-index alto */
.elementor-element-6b4425b.header-sticky,
.header-sticky {
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

@media only screen and (max-width: 768px) {
    
    /* Asegurar que header esté siempre encima */
    .elementor-element-6b4425b {
        position: sticky !important;
        top: 0 !important;
        z-index: 999 !important;
        background: #ffffff !important;
    }
    
    /* Productos con z-index bajo */
    .pg-post-item {
        position: relative !important;
        z-index: 1 !important;
    }
    
    /* Ribbon con z-index medio (pero menor que header) */
    .pg-ribbon {
        z-index: 5 !important;
    }
    
    /* Asegurar que el ranking number no sobresalga del header */
    .pg-post-item .post-rank {
        z-index: 2 !important;
    }
    
    /* Container de productos con margen top para que no se solape */
    .elementor-element-c6b72e2 {
        margin-top: 0 !important;
        position: relative !important;
        z-index: 1 !important;
    }
    
    /* Hero section también con z-index bajo */
    .elementor-element-a08a5fb {
        position: relative !important;
        z-index: 1 !important;
    }
}

@media only screen and (max-width: 768px) {
    
    /* Ocultar "Our Ranking Approach" en móvil */
    .elementor-element-b94f0ae {
        display: none !important;
    }
}