/**
* 2008-2025 Prestaworld
*/

/* =========================================================
   MÓVIL (≤ 768px)
   ========================================================= */
@media (max-width: 768px) {

    .presta_switch {
        display: flex;
        width: 100%;
        margin-bottom: 12px;
    }

    .switch {
        position: relative;
        width: 50%;
        height: 40px;
    }

    .switch input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .slider,
    .slider2 {
        position: absolute;
        inset: 0;
        cursor: pointer;
        background: #ffffff;
        border: 1px solid #000;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        transition: background-color .3s, color .3s;
    }

    .slider {
        border-right: none;
        border-radius: 20px 0 0 20px;
    }

    .slider2 {
        border-radius: 0 20px 20px 0;
    }

    input:checked + .slider,
    input:checked + .slider2 {
        background-color: #24b9d7;
        color: #ffffff;
    }

    input:checked + .slider::after,
    input:checked + .slider2::after {
        content: "";
        position: absolute;
        width: 22px;
        height: 22px;
        background: #24b9d7;
        border-radius: 50%;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
    }
}

/* =========================================================
   ESCRITORIO (≥ 769px)
   ========================================================= */
@media (min-width: 769px) {

 @media (min-width: 769px) { .switch { position: relative; display: inline-block; width: 500px; height: 34px; } .switch input { opacity: 0; width: 0; height: 0; } .switch2 { position: relative; display: inline-block; width: 500px; height: 34px; } .switch2 input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: -8px; left: 0; right: 0; bottom: 0; background-color: #ffffff; -webkit-transition: .4s; transition: .4s; text-align: center; padding: 6px; border: solid black 1px; border-right: unset; } .slider2 { cursor: pointer; top: -50px; left: 235px; right: 0; bottom: 0; background-color: #ffffff; -webkit-transition: .4s; transition: .4s; text-align: center; padding: 6px; border: solid black 1px; border-left:unset; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; -webkit-transition: .4s; transition: .4s; } .slider2:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #24b9d7; color:#ffff; } input:checked + .slider2 { background-color: #24b9d7; color:#ffff; } input:checked + .slider:before { -webkit-transform: translateX(215px); -ms-transform: translateX(215px); transform: translateX(215px); } input:checked + .slider2:before { -webkit-transform: translateX(200px); -ms-transform: translateX(200px); transform: translateX(200px); } /* Rounded sliders */ .slider.round { border-bottom-left-radius: 20px; border-top-left-radius: 20px; } .slider2.round2 { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } .slider.round:before { border-radius: 50%; } .slider2.round2:before { border-radius: 50%; } .presta_pr_subscriber_block { background: white; } .presta_switch { margin-bottom: -30px !important; margin-left: 10px; } .label_heading { font-size: 20px; margin: 13px; } .product-prices div { margin-bottom: 0.155rem !important; } .msg { display: none !important; } .err { display: none !important; } .presta_icons .material-icons{ font-size: 17px !important; } .presta_date_end_cycle .material-icons{ font-size: 17px !important; } .presta_pr_subscriber_block{ padding: 20px 30px 5px 30px; } .presta-label-css { text-align: center; } .presta-bages { background: #11d3e0; padding: 4px 70px; border-bottom-left-radius: 32px; border-top-right-radius: 22px; } .presta_check_label_css { padding: 4px; }
}