/*
Theme Name:   Publimotos Theme
Description:  Publimotos Theme
Author:       Cleib Dev
Version:      1.1.0
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  publimotos
*/

.publimotos-class-grid-layout-x2 {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    /* Single column grid by default */
    gap: 20px;
    /* Spacing between grid items, adjust as needed */
}

/* Medium devices (desktops, 768px and up) */
@media (min-width: 768px) {
    .publimotos-class-grid-layout-x2 {
        grid-template-columns: repeat(2, 1fr);
        /* Two columns grid */
    }
}

/* BOTON CALL TO ACTION */
.container_button_modal_lead.left_position_button_sticky {
    justify-content: flex-end !important;
    /* left: 0px !important; */
}

/* ESTILOS PARA BOTON Y FORMULARIO DE LEAD */
.container_button_modal_lead {
    bottom: -50px;
    z-index: 999999;
    display: flex;
}

.container_button_modal_lead .button_open_model_lead {
    --bs-btn-bg: #25d366;
    --bs-btn-border-color: #25d366db;
    --bs-btn-hover-bg: #21bd5d;
    --bs-btn-hover-border-color: #21bd5d;
    --bs-btn-active-bg: #25d366;
    --bs-btn-active-border-color: #25d366db;
    --bs-btn-disabled-bg: #179145;
    text-transform: uppercase;
    color: white;
}

@media (max-width: 415px) {
    .container_button_modal_lead .button_open_model_lead {
        width: 90%;
        font-size: 12px;
    }
}

.container_button_modal_lead .container_button_hidden_for_open .hidden_button_for_open_modal {
    top: 3px;
    left: 8px;
    display: flex;
    cursor: pointer;
    z-index: 1;
}

.modal-open {
    padding-right: 0px !important;
}

#formLeadModal {
    --bs-modal-zindex: 999999;
    padding-right: 0px !important;
    --bs-modal-border-radius: 0px;
    --bs-modal-inner-border-radius: 0px;
    --bs-modal-width: 50%;
    --bs-modal-header-padding: 1.8rem 1rem;
}

.modal-backdrop.backdrop-modal-lead {
    --bs-backdrop-zindex: 9999;
}

#formLeadModal .modal_header_lead {
    background-color: #ed6f35;
    text-transform: uppercase;
}

#formGeneralLead .form-floating>.form-control,
#formGeneralLead .form-floating>.form-control-plaintext,
#formGeneralLead .form-floating>.form-select {
    height: auto;
    min-height: auto;
}

#formLeadModal .container_form_fields {
    width: 80%;
}

#formLeadModal .submit_form_lead,
#formLeadModal .continue_read {
    --bs-btn-bg: #ed6f35;
    --bs-btn-border-color: #ed6f35db;
    --bs-btn-hover-bg: #ed6f35db;
    --bs-btn-hover-border-color: #ed6f35db;
    --bs-btn-active-bg: #ed6f35;
    --bs-btn-active-border-color: #ed6f35db;
    --bs-btn-disabled-bg: #a55029;
    font-size: larger;
    padding: 8px 30px;
}

#formLeadModal .container_form_fields .form-control {
    --bs-border-color: #dee2e6;
}

#formLeadModal .modal-body .text_info_form_lead {
    font-weight: 600;
}


@media (max-width: 768px) {
    #formLeadModal .container_form_fields {
        width: 90%;
    }
}

.select2-container--open {
    z-index: 999999;
}

#formLeadModal .item_list_product {
    gap: 20px;
    align-items: center;
}

#formLeadModal .item_list_product .image_product {
    width: 80px;
}

#formLeadModal .container_select_product {
    width: auto;
}

#formLeadModal #floatingProduct+.select2-container--default .select2-selection--single {
    border: none
}

#formLeadModal .loader_form_lead {
    --bs-spinner-width: 1.5rem;
    --bs-spinner-height: 1.5rem;
}

.content_ficha_tecnica_tabs nav {
    --bs-nav-tabs-border-color: none;
}

.content_ficha_tecnica_tabs nav .nav-tabs {
    --bs-nav-tabs-border-color: none;
    justify-content: center;
}

.content_ficha_tecnica_tabs .tab-content .accordion-cards-space {
    background-color: #fff !important;
}

.content_ficha_tecnica_tabs .tab-content {
    background-color: #f2f2f2 !important;
    padding: 0.2rem 1rem;
    border-radius: 16px !important;
}

.content_ficha_tecnica_tabs nav .nav-tabs a {
    border: solid #ed6f35 1px;
    border-radius: 16px !important;
    margin: 0 .1rem;
}

.content_ficha_tecnica_tabs nav {
    box-shadow: 34px 30px 113px -43px rgba(0, 0, 0, 0.75) !important;
    -webkit-box-shadow: 34px 30px 113px -43px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 34px 30px 113px -43px rgba(0, 0, 0, 0.75) !important;
}


.content_ficha_tecnica_tabs nav .nav-tabs a:hover {
    border: none !important;
    background-color: #ed6f35;
    color: #fff;
}

.content_ficha_tecnica_tabs nav .nav-tabs a.active {
    border: none !important;
    background-color: #ed6f35;
    font-weight: bold;
    margin: 0 .7rem;
    color: #fff !important;
    transform: scale(1.2);
}

.content_ficha_tecnica_tabs .btn-end-tabs {
    background-color: #ed6f35 !important;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
}

.content_ficha_tecnica_tabs .btn-end-tabs:hover {
    background-color: #e66327 !important;
}

/* PAGINA DE FERIA DE DOS RUEDAS */
.page_feria_dos_ruedas .mvp-post-soc-in {
    margin-left: 0px;
}

.page_feria_dos_ruedas .mvp-widget-feat2-side .mvp-feat1-list-in h2 {
    max-height: 124px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.page_feria_dos_ruedas .mvp-widget-feat2-side .mvp-feat1-list-in h2:hover {
    text-overflow: initial;
    max-height: fit-content;
}

.page_feria_dos_ruedas header .entry-title {
    display: none;
}

.header_banner {
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.header_banner .wrapper_title_banner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.header_banner .logo_banner {
    width: 200px;
}

.header_banner .wrapper_grid {
    justify-items: center;
    color: white;
}

.page_feria_dos_ruedas .section_call_to_action {
    clear: both;
    background: #57FF6A;
    text-align: center;
    min-height: 150;
    padding: 18px 0px;
}

.page_feria_dos_ruedas .section_video_live .wrapper_video_live_component {
    clear: both;
    background: #272727;
    padding: 3rem 0;
}

/* BURBUJA DE CHAT */
#chaty-widget-0 .chaty-widget {
    bottom: 80px !important;
}

.chaty-outer-forms.active {
    bottom: 45px !important;
}

#chaty-widget-0 .on-hover-text {
    background-color: #181818 !important;
    color: white !important;
}

/* VIDEO DE YOUTUBE */
@media (max-width: 768px) {
    #custom_youtube_player {
        height: 300px;
    }
}