/* =========================================================
   PICBOOTH SERVICE TABLES PREMIUM
========================================================= */

.package-info-grid,
.package-info-grid *{
    box-sizing:border-box;
    font-family:Poppins,sans-serif;
}

.package-info-grid{
    width:100%;
    max-width:1250px;
    margin:0 auto !important;
    padding:0 16px !important;
    display:grid;
    grid-template-columns:1.4fr 1fr .8fr;
    gap:22px;
    align-items:stretch;
}

/* CARD */

.package-info-card{
    position:relative;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:20px;
    padding:24px;
    box-shadow:0 14px 40px rgba(0,0,0,.06);
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.package-info-card:hover{
    transform:translateY(-8px);
    box-shadow:0 28px 70px rgba(0,0,0,.13);
    border-color:rgba(255,205,5,.45);
}

.package-info-card h3{
    position:relative;
    z-index:2;
    margin:0 0 18px;
    color:#111;
    font-size:18px;
    line-height:1.25;
    font-weight:900;
}

.package-info-card ul{
    position:relative;
    z-index:2;
    list-style:none;
    padding:0;
    margin:0;
}

.package-info-card li{
    position:relative;
    padding:9px 0 9px 28px;
    color:#333;
    border-bottom:1px solid rgba(0,0,0,.05);
    font-size:13px;
    line-height:1.5;
    transition:
        transform .25s ease,
        color .25s ease;
}

.package-info-card li:last-child{
    border-bottom:0;
}

.package-info-card li:hover{
    transform:translateX(5px);
    color:#111;
}

.package-info-card li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:9px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#FFCD05;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#111;
    font-size:11px;
    font-weight:900;
    transition:transform .25s ease;
}

.package-info-card li:hover::before{
    transform:scale(1.15) rotate(8deg);
}

/* CARD OPTIONAL - NEGRU */

.package-info-card.highlight{
    background:
        radial-gradient(circle at 90% 5%,rgba(255,205,5,.10),transparent 30%),
        linear-gradient(145deg,#0c0c0c,#181818);
    border-color:rgba(255,255,255,.08);
    color:#fff;
    box-shadow:0 18px 46px rgba(0,0,0,.18);
}

.package-info-card.highlight::before{
    content:"";
    position:absolute;
    top:-70px;
    right:-70px;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(255,205,5,.10);
    box-shadow:0 0 0 34px rgba(255,205,5,.018);
}

.package-info-card.highlight::after{
    content:"";
    position:absolute;
    left:-35%;
    bottom:-55%;
    width:240px;
    height:240px;
    border:1px solid rgba(255,205,5,.08);
    border-radius:50%;
}

.package-info-card.highlight h3,
.package-info-card.highlight li{
    color:#fff;
}

.package-info-card.highlight li{
    border-bottom:1px solid rgba(255,255,255,.08);
}

.package-info-card.highlight li:hover{
    color:#FFCD05;
}

.package-info-card.highlight .package-option-link{
    color:#fff;
}

.package-info-card.highlight .package-option-link:hover{
    color:#FFCD05;
}

/* TRANSPORT */

.package-info-card.transport{
    background:
        linear-gradient(
            180deg,
            #fff,
            #fafafa
        );
}

.package-info-card.transport li{
    padding-left:28px;
}

.package-info-card.transport strong{
    color:#111;
    font-weight:900;
}

/* LINK OPTIONAL */

.package-option-link{
    color:inherit;
    font-weight:700;
    text-decoration:none;
    text-underline-offset:3px;
    transition:
        color .2s ease,
        text-decoration-color .2s ease;
}

.package-option-link:hover{
    text-decoration:underline;
}

/* BUTON */

.package-whatsapp{
    position:relative;
    z-index:2;
    overflow:hidden;
    display:block;
    margin-top:22px;
    padding:14px 16px;
    border-radius:14px;
    background:#FFCD05;
    color:#111 !important;
    text-align:center;
    text-decoration:none !important;
    font-size:12px;
    line-height:1;
    font-weight:900;
    letter-spacing:.15px;
    box-shadow:0 12px 26px rgba(255,205,5,.16);
    transition:
        transform .25s ease,
        background-color .25s ease,
        box-shadow .25s ease;
}

.package-whatsapp::after{
    content:"";
    position:absolute;
    top:0;
    left:-150%;
    width:60%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );
    transform:skewX(-20deg);
    transition:left .65s ease;
}

.package-whatsapp:hover::after{
    left:160%;
}

.package-whatsapp:hover{
    transform:translateY(-3px);
    background:#ffd000;
    color:#111 !important;
    box-shadow:0 18px 40px rgba(255,205,5,.35);
}

/* TABLETA */

@media(max-width:1024px){

    .package-info-grid{
        max-width:760px;
        grid-template-columns:1fr;
        gap:16px;
        margin:0 auto !important;
    }

    .package-info-card{
        padding:22px;
    }
}

/* MOBIL */

@media(max-width:768px){

    .package-info-grid{
        width:100%;
        max-width:100%;
        margin:0 auto !important;
        padding:0 12px;
        gap:14px;
    }

    .package-info-card{
        padding:20px;
        border-radius:18px;
    }

    .package-info-card:hover{
        transform:none;
    }

    .package-info-card h3{
        font-size:17px;
    }

    .package-info-card li{
        padding:8px 0 8px 27px;
        font-size:12px;
    }

    .package-info-card li::before{
        top:8px;
    }

    .package-whatsapp{
        padding:14px;
        font-size:12px;
    }
}

@media(max-width:420px){

    .package-info-grid{
        padding:0 10px;
    }

    .package-info-card{
        padding:18px;
    }

    .package-info-card h3{
        font-size:16px;
    }

    .package-info-card li{
        font-size:11.5px;
    }
}

@media(prefers-reduced-motion:reduce){

    .package-info-card,
    .package-info-card li,
    .package-info-card li::before,
    .package-whatsapp,
    .package-whatsapp::after{
        transition:none!important;
    }
}


/* =========================================================
   ELEMENTOR SPACING FIX
========================================================= */
.elementor-widget-shortcode .package-info-grid,
.elementor-widget-container > .package-info-grid{
    margin-top:0 !important;
    margin-bottom:0 !important;
}

.elementor-widget-shortcode,
.elementor-widget-shortcode > .elementor-widget-container{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}


/* =========================================================
   V2.5 - ZERO VERTICAL SPACE FIX
========================================================= */

.package-info-grid{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

.package-info-grid > .package-info-card{
    margin-top:0 !important;
    margin-bottom:0 !important;
}

.elementor-widget-shortcode:has(.package-info-grid),
.elementor-widget-shortcode:has(.package-info-grid) > .elementor-widget-container,
.elementor-widget-shortcode .elementor-widget-container:has(.package-info-grid){
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

.elementor-element:has(> .elementor-widget-container > .package-info-grid){
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
