/* default variables */
:root {
    --custom-primary-color: #fa5960;
    --custom-secondary-color: #0b3953;
    --default-secondary-color: #0b3953;
}


#boton-cotizar,
#openModalButton,
#openWidgetButton,
/* .plan-card .ptv__btn-secondary, */
.desdedonde

/* .ptv__btn-secondary, */
/* .ptv__btn-secondary.focus, */
/* .ptv__btn-secondary:focus, */
/* .ptv__btn-secondary:hover */
    {
    background-color: var(--custom-primary-color) !important;
    border-color: var(--custom-primary-color) !important;
    color: #fff;
}

.plan-card:not(.favorite-plan) .ptv__btn-secondary {
    background-color: var(--custom-secondary-color) !important;
    border-color: var(--custom-secondary-color) !important;
    color: #fff;
}

#ptv__app a {
    color: var(--default-secondary-color) !important;
    text-decoration: none !important;
}

#ptv__app a:hover {
    color: var(--custom-secondary-color) !important;
}

#ptv__app #poweredBadge {
    background-color: var(--default-secondary-color) !important;
}

/* #ptv__app div#quote-detail-benefits {
    --bs-secondary-rgb: 245, 103, 0 !important;
    --bs-primary-rgb: 33, 36, 41 !important;
} */

#ptv__app div#quote-detail #info-plans-detail {
    background-color: var(--default-secondary-color) !important;
}

#ptv__app div#quote-detail-benefits .ptv__row.ptv__separator .material-symbols-rounded.done,
#ptv__app #quote-detail-benefits .material-symbols-rounded,
#ptv__app,
#ptv__app #BenefitsModal .material-symbols-rounded,
#ptv__app #quote-detail-benefits .material-symbols-rounded,
#ptv__app #detailPlanModal .material-symbols-rounded,
#ptv__app .planesList .ptv__card .ptv__card-body .price-disclamer,
#ptv__app .planesList .ptv__card .ptv__card-body .ptv__btn-link,
#ptv__app #priceDetailModal .ptv__modal-content,
#ptv__app #quote-detail-table-mobile button.ptv__btn.ptv__btn-link.ptv__btn-block {
    color: var(--default-secondary-color) !important;
}

#ptv__app .ptv__col .ptv__card.ptv__h-100 .ptv__card-body.ptv__h-100 .payment-method,
#ptv__app #Dlocal .methods-logo {
    border: 1px solid var(--default-secondary-color) !important;
}

#ptv__app #thanks-order .ptv__btn-outline-primary,
#ptv__app #trip-data-status-float .ptv__btn-light {
    background-color: var(--default-secondary-color) !important;
    border-color: var(--default-secondary-color) !important;
}



#ptv__app div#quote-detail .planesList #second-Element-Plans-List {
    color: #fff !important;
}

#ptv__app #trip-data-controls #passengers-modal #dropdown-Passengers-button .material-symbols-rounded,
#ptv__app #trip-data-controls .multiselect__select::before,
#ptv__app #trip-data-controls #items-control .material-symbols-rounded,
#ptv__app #trip-data-controls #selected-origin .material-symbols-rounded,
#ptv__app #trip-data-controls #product-types-nav .material-symbols-rounded,
#ptv__app #quote-detail-bar .status-bar .material-symbols-rounded,
#ptv__app div#quote-detail #info-plans-detail .material-symbols-rounded {
    color: var(--custom-primary-color) !important;
}

#ptv__app .ptv__col div#send-quote.ptv__card.ptv__h-100 .ptv__card-body.ptv__h-100 .ptv__btn .material-symbols-rounded,
#ptv__app #quote-detail-coupon button.ptv__btn-light {
    color: var(--custom-secondary-color) !important;
}


#ptv__app .planesList .ptv__card.favorite-plan .ptv__card-body .ptv__btn-secondary,
#ptv__app #FormPassengers .ptv__btn-secondary,
#ptv__app button.ptv__btn.ptv__btn-secondary.ptv__w-100,
#ptv__app #order-payment .ptv__btn-secondary {
    background-color: var(--custom-primary-color) !important;
    border-color: var(--custom-primary-color) !important;
}

#ptv__app button#buttonModalPlan {
    background-color: var(--custom-secondary-color) !important;
    border-color: var(--custom-secondary-color) !important;
}

#ptv__app .ptv__btn.ptv__bg-secondary,
#ptv__app .ptv__bg-secondary,
#ptv__app #FormPassengers input[type="radio"]:checked+label:after,
#ptv__app .bg-secondary {
    background-color: var(--custom-primary-color) !important;
}

#ptv__app #quote-detail-coupon button.ptv__btn.ptv__btn-outline-primary.ptv__btn-sm {
    background-color: var(--custom-secondary-color) !important;
}

#ptv__app #trip-data-status-float .status-outline {
    border: 1.5px solid var(--custom-primary-color) !important;
}

#ptv__app #trip-data-status-float .status-outline .bb,
#ptv__app #trip-data-status-float .status-outline .br {
    border-color: var(--custom-primary-color) !important;
}

#ptv__app .ptv__col div#send-quote.ptv__card.ptv__h-100 .ptv__card-body.ptv__h-100 .ptv__btn .svg-icons {
    fill: var(--custom-secondary-color) !important;
}

.giftBoxContainer svg path {
    fill: var(--custom-primary-color) !important;
}

#ptv__app #FormPassengers h4 span,
#ptv__app #thanks-order h4 span,
#ptv__app #thanks-order p span,
#ptv__app #trip-data-status-float i,
#ptv__app #order-payment h3 span {
    color: var(--custom-primary-color) !important;
    ;
}

#ptv__app #relatedProduct .ptv__card h3:first-of-type,
#ptv__app .ptv__col .ptv__card.ptv__h-100 .ptv__card-body.ptv__h-100 h5 span,
#callme #callMe-form h5 span {
    color: var(--custom-primary-color) !important;
}

#ptv__app div#quote-detail .planesList .favorite-plan,
#ptv__app .favorite-plan {
    border: 3px solid var(--custom-primary-color) !important;
    background-color: var(--custom-primary-color) !important;
}

.lds-rolling div,
.lds-rolling div:after {
    border: 10px solid var(--custom-secondary-color);
    border-top-color: transparent;
}

.ptv__btn-primary,
#ptv__app .planesList .ptv__col .ptv__badge,
#ptv__app .planesList .ptv__badge {
    background-color: var(--custom-secondary-color) !important;
    border-color: var(--custom-secondary-color) !important;
    color: #fff;
}

#ptv__app .favorite-tag:after,
#ptv__app .planesList .ptv__col .favorite-badge {
    background-color: var(--custom-primary-color) !important;
}


/* #ptv__app h2, */
#ptv__app .planesList h4,
#ptv__app #quote-detail-benefits h4,
#ptv__app #relatedProduct .ptv__card h3,
#ptv__app #relatedProduct .ptv__card p b

/* #ptv__app .ptv__col .ptv__card.ptv__h-100 .ptv__card-body.ptv__h-100 h5  */
    {
    color: var(--custom-secondary-color) !important;
}

.preloader-plus .prog-bar {
    height: 5px;
    background-color: var(--custom-primary-color) !important;
}

.ptv__text-secondary,
.ptv__text-secondary:hover,
.ptv__text-secondary:focus {
    color: var(--custom-primary-color) !important;
}

.vc-bg-blue-600 {
    background-color: var(--custom-primary-color) !important;
}

.badge-primary {
    background-color: #14884c !important;
    color: #fff !important;
}

.badge-secondary {
    background-color: #192024 !important;
    color: #fff !important;
}

.logo-cotizador {
    width: 170px !important;
    height: 100px;
}

.cotizador-header .logo-cotizador {
    margin-left: 4px;
}

.cotizador-header {
    font-size: 12px;
    margin: 20px 0;
}

#quote-detail-plans-mobile .slick-dots button:hover,
#top-bar-menu-button:hover,
.ptv__btn-link:hover {
    color: var(--custom-secondary-color) !important;
}

.top-message {
    background-color: var(--custom-secondary-color) !important;
}

.top-message .primari-light {
    color: white !important;
}

.price.before:after {
    background-color: var(--custom-primary-color);
}

@media (max-width: 767px) {
    .cotizador-headline {
        width: calc(100% - 40px);
        margin: 50px 20px 130px;
    }

    .colaboracion-cotizador {
        position: initial;
        display: block;
        margin-top: 20px;
    }

    #app-wrapper .ptv__btn-secondary {
        background-color: var(--custom-primary-color) !important;
        border-color: var(--custom-primary-color) !important;
    }
}


/* Partners Landing */

#partners-landing #cobertura .cobertura_info .cobertura_item .cobertura_image-bg svg,
#partners-landing .iconcolor {
    color: var(--custom-primary-color) !important;
}

#partners-landing .btn_cta {
    background-color: var(--custom-primary-color) !important;
}
