/*=========================================*/
/*=== CSS SCREEN (inicio) ===*/
/*=========================================*/

/* ===== 01 SETEOS GENERALES ===== */
@media (min-width: 768px) {
  .container {
    max-width: 750px !important;
  }
}
@media (min-width: 992px) {
    .container {
        max-width: 970px !important;
    }
}
@media screen {
    .container {
        padding-right: 30px;
        padding-left: 30px;
    }
    .row {
        margin-right: -30px;
        margin-left: -30px;
    }

	:root{
	  --blanco: #FFF;
	  --gris: #F5F5F5;
	  --gris-oscuro: #DADADA;
	  --negro: #000;
	  --rojo: #F74747;
      --rojo: #ff005a;
      --verde: #4FAE50;
      --celeste: #5FAAFF;
      --placeholer_color:#7C7C7C;
	}
	html{
	  scroll-behavior: smooth;
	}
	html,  body,  h1,  h2,  h3,  h4,  h5,  h6 {
	  font-size: 14px;
	}

	body{
		font-family: "Plus Jakarta Sans", sans-serif !important;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6{
		margin: 0;
		padding: 0;
		font-family: "Plus Jakarta Sans", sans-serif !important;
	}

	b,
	strong{
		font-weight: 700;
	}

	i,
	em{
		font-style: italic;
	}

	b, strong {
		font-weight: 700;
	}

	i, em {
		font-style: italic;
	}

    a{
        text-decoration: none !important;
    }

	a,
    .form-group.campos_generic input,
    svg path{
		outline: none;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

    .home_destacados,
    /*.list_client .generic_box_rev,*/
    .orderl_list_xs{
		animation: card_appear linear;
		animation-timeline: view();
		animation-range: entry 0% cover 25%;
	}
	@keyframes card_appear {
		from{
			opacity: 0;
			transform: scale(0.7);
		}
		to{
			opacity: 1;
			transform: scale(1);
		}
	}

    .bg_green{
        background: var(--verde);
    }
    .bg_blue{
        background: var(--celeste);
    }
    .bg_red{
        background: var(--rojo);
    }
    .container.rev_bg_grey{
        background: #F5F5F5;
        padding-bottom: 85px;
    }
    .cont_cart_userdata{
        background: var(--negro);
    }
    .sticky_search{
        position: sticky;
        top: 30px;
        z-index: 6;
    }
    .cantidad .sticky_search{
        padding-top: 1.43rem;
        padding-bottom: 1.43rem;
        margin-bottom: 0;
        background: var(--gris);
    }

    .form-group.sticky_search.fijo {
        position: fixed;
        left: 0;
        top: 30px;
        width: 100%;
    }

    .form-group.campos_generic{
        min-width: 333px;
        width: 100%;
        margin: 0 auto 0.71rem;
    }
    .form-group.campos_generic.check-showpass,
    .form-group.campos_generic.check-recordar{
        width: 333px;
        margin: 0 auto 0.8rem;
    }
    .box-form-register.edit .form-control,
    .form-group.campos_generic input,
    input.form-control,
    .form-control{
        /*max-width: 330px;*/
        width: 100%;
        border-radius: 0.35714rem;
        border: 1px solid #DADADA;
        background: #FFF;
        float: none;
        color: var(--negro) !important;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 1.3rem */
        padding: 1.43rem;
        margin: 0 auto;
        outline: none !important;
        height: auto;
    }
    /*
    .form-group.campos_generic.sticky_search input{
        max-width: unset;
    }
        */
    .login_home .form-group.campos_generic{
        max-width: 330px;
    }
    .box-form-register.edit .form-control{
        margin-bottom: 1.43rem;
    }
    .carrito .input-group .form-control{
        text-align: center;
        max-width: 120px;
        width: 120px;
        border-radius: 0.35714rem;
        border: 1px solid #D7D7D7;
        padding-block: 0.6rem;
    }
    .form-control::placeholder,
    .form-group.campos_generic input::placeholder,
    input.form-control::placeholder{
        color: var(--placeholer_color);
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 1.11429rem */
    }
    .box-form-register.edit .form-control:hover,
    .box-form-register.edit .form-control:focus,
    .form-control:hover,
    .form-control:focus,
    .form-control:focus-visible,
    .form-group.campos_generic input:hover,
    .form-group.campos_generic input:focus,
    .form-group.campos_generic input:focus-visible{
        background-color: #e9e9e9 !important;
        background-color: #fff !important;
        border: 1px solid #000;
    }

    .form_login .form-group.campos_generic .box-custom-checkbox{
        padding-top: 0.2rem;
        margin-top: 0;
        color: var(--placeholer_color);
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 1.11429rem */
        width: auto;
        text-align: left;
    }
    .form_login .form-group.campos_generic .box-custom-checkbox input{
        width: auto;
    }
    .form_login .form-group.campos_generic .box-custom-checkbox .checkmark{
        height: 15px;
        width: 15px;
        background-image: url("img/password_check.svg");
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: center;
        background-size: cover;
        top: 9px;
    }
    .form_login .form-group.campos_generic .box-custom-checkbox .checkmark:after{
        content: url("img/password_check.svg");
        width: 15px;
        height: 15px;
    }
    .form_login .form-group.campos_generic .box-custom-checkbox input:checked~.checkmark:after {
        content: url("img/password_checked.svg");
    }
    .content .similares {
        margin-top: 40px;
        margin-bottom: 40px;
        letter-spacing: 0;
        text-transform: none;
    }
    .content .similares h4 {
        margin-bottom: 15px;
        line-height: 1.5;
        font-size: 13px;
        padding-bottom: 15px;
        max-width: 100%;
        width: 100%;
    }
    

    .cont_btns_bottom {
        display: block;
        background: #FFFFFF;
        border-top: 1px solid var(--gris-oscuro);
        padding: 1.29rem 3.36rem;
        position: fixed;
        z-index: 9999;
        bottom: -1px;
        width: 100%;
    }
    .cont_btns_bottom .d-flex{
        gap: 3.93rem;
    }
    @media screen and (max-width:768px) {
        .cont_btns_bottom .d-flex{
            gap: 2.25rem;
        }
    }
    
    .cont_btns_bottom a,
    .cont_btns_bottom a.search_btn{
        color: #000;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 1.11429rem */
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        text-decoration: none !important;
    }
    .cont_btns_bottom a span{
        position: absolute;
        left: 15px;
        top: 0;
        font-weight: 700;
        width: 200px;
    }    
    .cont_btns_bottom a svg{
        margin-bottom: 0.57rem;
    }
    .cont_btns_bottom a.search_btn.active,
    .cont_btns_bottom a.active,
    .cont_btns_bottom a.search_btn:hover,
    .cont_btns_bottom a.search_btn:focus,
    .cont_btns_bottom a:hover,
    .cont_btns_bottom a:focus{
        color: var(--celeste) !important;
    }
    .cont_btns_bottom a.active svg path,
    .cont_btns_bottom a:hover svg path,
    .cont_btns_bottom a:focus svg path{
        stroke: var(--celeste);
    }

    .panel_search .ui-widget.ui-widget-content{
        max-width: 45rem !important;
    }

}

/* ====== HEADER ====== */
@media screen {
    .rev_home #header .logo  {
        float: none;
        position: relative;
        z-index: 1;
        padding-bottom: 0;
    }
    .rev_home #header .logo a img {
        filter: none;
        width: 9.85714rem;
        height: 2.28571rem;
    }
    
    .rev_home #header {
        background: #fff;
        padding: 2.3rem 0 2.6rem 0;
        position: relative;
        border-bottom: none;
        z-index: 1;
        width: 100%;
        top: 0;
    }
    .rev_home #header.header_loged{
        border-bottom: 1px solid #DADADA;
        margin-bottom: 2.14rem;
        /*margin-bottom: 0;*/
    }
    .rev_home.ampl_client #header.header_loged,
    .rev_home.m-b-0 #header.header_loged{
        margin-bottom: 0;
    }
    .rev_home .notif_bell{
        position: relative;
    }
    .rev_home .notif_bell .notif_active,
    .cont_btns_bottom a .notif_active{
        position: absolute;
        top: -6px;
        right: 1px;
        display: none;
    }
    .cont_btns_bottom a .notif_active{
        display: block;
        top: 0px;
        right: 5px;
    }
    .seller_head {
        padding: 1.4rem 2.14rem;
        background: var(--gris);
        color: #000;
        margin-bottom: 2.14rem;
    }
    .seller_head .seller_name{        
        font-size: 1.85714rem;
        font-style: normal;
        font-weight: 600;
        line-height: 100%; /* 1.85714rem */
        letter-spacing: -0.03714rem;
    }
    .seller_head .seller_number{
        font-size: 1.14286rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 1.14286rem */
    }
}

/* ====== PANEL SEARCH ====== */
@media screen {
    .panel_search_rev,
    .list_contents,
    .list_contents .list_grid {
        transition: all 0.3s ease; /* O más específico si querés */
    }
    .panel_search_100h{
        height: calc(100vh - 205px);
        position: relative;
    }
    .panel_search_rev {
        max-width: 991px;
        width: 100%;
        padding: 0px 2.14rem;
        margin: 0 0px 0 0;
        position: relative;
        z-index: 1;
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .panel_search_rev .cont_panel_rev {
        position: relative;
        height: auto;
        margin-bottom: 2.14rem;
    }
    .panel_search_rev .cont_panel_rev .panel_header_rev{
        width: 100%;
    }
    .panel_search_rev .cont_panel_rev .panel_search_btn {
        position: absolute;
        right: 1.43rem;
        top: 1.43rem;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    .panel_search_rev a.panel_search_btn svg {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        height: 20px;
        opacity: 0.3;
    }

    .panel_search_rev .ui-widget.ui-widget-content{
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
        border: 0 !important;
        -webkit-box-shadow: 0px 7px 0.75rem 0px rgba(181, 181, 181, 0.5);
        -moz-box-shadow: 0px 7px 0.75rem 0px rgba(181,181,181,0.5);
        box-shadow: 0px 7px 0.75rem 0px rgba(181, 181, 181, 0.5);
        padding: 0 0 0 0px !important;
        border-radius: 11px;
    }
    .panel_search_rev .ui-widget.ui-widget-content.mostrar,
    .ui-front.mostrar{
        display: block !important;
    }
    .ui-menu .ui-menu-item {
        font-size: 1rem !important;
        font-weight: 400 !important;
        line-height: 130% !important;
        color:var(--celeste) !important;
        padding: 0 !important;
        border-bottom: 1px solid #DADADA !important;
        background: transparent !important;
        text-transform: uppercase !important;
    }
    .ui-menu .ui-menu-item a {
        color: var(--negro) !important;
        padding: 0 !important;
        border: 0 !important;
        text-transform: initial !important;
        padding: 1.1rem 3.4rem !important;
        width: 100%;
        display: flex !important;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .ui-menu .ui-menu-item:hover a {
        border: 0 !important;
        padding: 1.1rem 3.4rem !important;
        margin: 0 !important;
        color: var(--celeste) !important;
        background: #fff !important;
    }
    .ui-autocomplete a.ac-item{
      display: flex !important;
      gap: 8px !important;
    }
    .ui-menu .ui-menu-item a{
      position: relative;
    }
    .ui-menu .ui-menu-item a .search_in_cart{
      display: flex !important;
      justify-content: center;
      align-items: center;
      /* width: 25px !important;
      height: 25px !important; */
      width: 10px !important;
      height: 10px !important;
      border-radius: 50% !important;
      background: var(--verde) !important;
      flex: 0 0 10px !important;
      margin-right: 5px !important;
      margin-top: 5px !important;
      position: absolute;
      /* left: 15px;
      top: 10px; */
      left: 30px;
      top: 15px;
    }

    /* .ui-menu .ui-menu-item a svg{
      margin-bottom: 5px !important;
    } */
    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active{
        margin: 0 !important;
        font-weight: 600 !important;
        color: var(--celeste) !important;
        background: #fff !important;
    }

}

@media screen and (max-width: 768px){
    /*
    .panel_search_rev {
        padding: 0px 0rem;
    }
    */
}

/* ====== HOME ====== */

@media screen {
    .login_home{
        padding-top: 6rem;
        text-align: center;
    }
    .login_home .logo{
        margin-bottom: 6.21rem;
    }
    .login_home .logo a{
        display: inline-block;
    }
    .login_home .logo a img{
        height: 3.78571rem;
    }
    .login_home h2.title{
        color: #000;
        text-align: center;
        font-size: 1.57143rem;
        font-style: normal;
        font-weight: 600;
        line-height: 100%; /* 1.57143rem */
        letter-spacing: -0.03143rem;
        margin-bottom: 2.43rem;
    }

    .login_home .form_login .btn{
        display: inline-block;
        width: 333px;
        color: #FFF;
        text-align: center;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 1.3rem */
        border-radius: 0.35714rem;
        background: #000;
        padding: 1.5rem;
        margin-bottom: 2.14rem;
        border: 1px solid #000;
        outline: none !important;
    }
    .login_home .form_login .btn:focus{
        background: #fff;
        color: #000;
    }

    .login_home .not_pass{
        color: var(--placeholer_color);
        text-align: center;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 600;
        line-height: 180%; /* 1.54286rem */
        margin-bottom: 0.36rem;
        display: inline-block;
    }
    .login_home .registro a,
    .login_home .forget_pass a{
        color: #000;
        text-align: center;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 600;
        line-height: 180%; /* 1.54286rem */
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: 10%; /* 1.2px */
        text-underline-offset: 20%; /* 2.4px */
    }
    .login_home .registro a:hover,
    .login_home .registro a:focus,
    .login_home .forget_pass a:hover,
    .login_home .forget_pass a:focus {
        text-decoration: none;
        color: var(--gris-oscuro);
    }

    .login_home .forget_pass{
        position: absolute;
        bottom: 3.57rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .box_home_rev{
        padding-inline: 2.14rem;
    }
    .frm_cart_update .box_home_rev{
        padding-inline:0 ;
    }
    .generic_box_rev{
        padding: 1.43rem;
        border-radius: 0.57143rem;
        border: 1px solid #C4C4C4;
        background: #FFF;
        box-shadow: none;
        margin-bottom: 1.7rem;
    }

    a.generic_box_rev{
        padding: 1.43rem;
        box-shadow: none;
        border-radius: 0.57143rem;
        border: 1px solid #C4C4C4;
        background: #FFF;
        margin-bottom: 1.7rem;
        color: #000;
        position: relative;
        display: inline-block;
        width: 100%;
        font-size: 1.14286rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 1.48571rem */
    }
     a.generic_box_rev.close_sesion{
        color: var(--rojo);
    }
    a.generic_box_rev:hover svg path{
        stroke: var(--celeste);
    }
    .generic_box_rev .item_pendients{
        margin-bottom: 0.71rem;
    }
    .name_client header{
        display: flex;
    }
    .name_client header .item{
        margin-left: 1rem;
    }
    .generic_box_rev .valor,
    .name_client header .usr_inactive{
        margin-left: 0.71rem;
        color: #FFF;
        text-align: center;
        font-size: 0.78571rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 1.02143rem */
        background: var(--celeste);
        border-radius: 2.85714rem;
        padding: 0.21rem;
        width: 2.85714rem;
    }
    .generic_box_rev .valor.usr_inactive,
    .name_client header .usr_inactive{
        margin-left: 0;
        background: var(--rojo);
        padding: 0.21rem 0.35rem;
    }

    .generic_box_rev.credito .overdue_fee{
        color: var(--rojo);
        font-weight: 700;
        text-transform: uppercase;
    }

    .cont_ccdetail .generic_box_rev .billcsv-scroll {
        width: 180px;
        max-width: 1800px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        display: block;
    }

    .cont_ccdetail .generic_box_rev .rcp_actions {
        width: 85px;
    }

    .cont_ccdetail .generic_box_rev .ccte-table {
        width: 100%;
        border-collapse: collapse;
    }

    .cont_ccdetail .generic_box_rev .ccte-table th,
    .cont_ccdetail .generic_box_rev .ccte-table td {
        border: 1px solid #ccc;
        padding: 8px;
    }
}



/* ====== LISTADO / CLIENTES ====== */
@media screen {
    .cart_index .sop{
        padding-top: 2.14rem;
        background: #FFF;
    }
    .cart_index .sop_cart_index{
        padding-top: 0;
    }
    .sop.busqueda{
		padding-top: 10.86rem;
		background: #FFF;
	}
    .list_client{
        padding-bottom: 130px;
        height: 100%;
    }
    .list_client_pendients{
        padding-bottom: 200px;
        height: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        min-height: 100vh;
    }


    .input-busqueda.fijo {
        position: fixed;
        top: 30px;
        left: 0;
    }
    
    .list_client_pendients .form-group.campos_generic,
    .list_client .form-group.campos_generic{
        margin-bottom: 2.14rem;
        width: 100%;
    }
    .list_client_pendients .generic_box_rev,
    .list_client .generic_box_rev{
        position: relative;
    }
    .list_client_pendients .generic_box_rev .ver_mas,
    .list_client .generic_box_rev .ver_mas{
        position: absolute;
        top: 1.43rem;
        right: 1.43rem;
    }

    .list_client_pendients .generic_box_rev:hover .ver_mas svg path,
    .list_client .generic_box_rev:hover .ver_mas svg path{
        stroke: var(--celeste);
    }
    .list_client_pendients .text,
    .list_client .text{
        text-align: left;
        position: relative;
    }
    .list_client_pendients .text h1,
    .list_client .text h1{
        color: #000;
        font-size: 1.14286rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 1.48571rem */
        margin-bottom: 0.36rem;
    }
    .list_client_pendients .text p,
    .list_client .text p{
        color: #000;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 1.11429rem */
        letter-spacing: 0.04286rem;
        text-transform: uppercase;
        margin: 0 0 0 0;
    }
    .list_client_pendients .text p.id_seller,
    .list_client .text p.id_seller{
        color: var(--celeste);
        letter-spacing: 0.01714rem;
        margin-bottom: 0.5rem;
    }
    .list_client_pendients .text p.location_seller,
    .list_client .text p.location_seller{
        color: var(--placeholer_color);
        letter-spacing: 0.01714rem;
    }   
     .list_client_pendients .text p.without_sending,
     .list_client .text p.without_sending{
        color: #000;
        letter-spacing: 0.01714rem;
        margin-top: 0.5rem;
    }
    .list_contents{
        padding: 0 30px;
        padding-bottom: 7.14rem;
        padding-top: 7rem;
        display: none;
    }

    .list_contents .list_grid {
        display: grid;
        gap: 1.43rem;
        position: relative;
        grid-template-columns: repeat(2, minmax(auto, 1fr));
    }
   
    .list_contents .list_grid .home_destacados{
        position: relative;
    }


    /* LIST SEARCH */
    .title_search .title,
    .title_search p.desc{
        color: #000;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 1.11429rem */
        letter-spacing: 0.04286rem;
        text-transform: uppercase;
        margin-bottom: 0.71rem;
    }
    .title_search p.desc{
        margin-bottom: 0;
    }
    .list_contents.list_search{
        padding-top: 1.43rem;
        padding-inline: 0;
        display: block;
    }
    .list_contents.list_search{
        padding-top: 1.43rem;
        display: block;
    }
    .list_contents.list_search .list_grid {
        gap: 0.71rem;
        grid-template-columns: repeat(2, minmax(auto, 1fr));
    }
    .list_contents.list_search .list_grid .home_destacados{
        height: 100%;
    }
    .list_contents.list_search .list_grid .home_destacados article,
    .list_contents.list_search .list_grid .home_destacados article .img.img_mask{
        border-radius: 0.35714rem;
    }


    .home_destacados.mod article {
        background: #FFF;
    }

    .home_destacados a,
    .list_contents .mod a,
    .list_subsections .mod a{
        display: inline-block;
        text-decoration: none !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .home_destacados a .img {
        position: relative;
        overflow: hidden;
        background: rgba(47, 47, 47, 0);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .home_destacados a img {
        object-fit: cover;
    }
    .home_destacados a .img-hvr {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .home_destacados a:hover .img-hvr {
        opacity: 1;
    }
    .home_destacados a .img-hvr span {
        display: none;
        font-size: 11px;
        font-weight: 600;
        line-height: 32px;
        letter-spacing: 0.15em;
        color: var(--blanco);
        background-color: #000;
        text-transform: uppercase;
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 4px 35px;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%, -50%);
    }
    .home_destacados.mod article .text {
        padding: 1.43rem 1.5rem 1.8rem 1.5rem;
        border-top: 1px solid #DADADA;
        color: #3C3C3C;
    }
    .home_destacados.mod article .text h1 {
        color: #3C3C3C;
        font-size: 1.14286rem;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        margin-bottom: 1.14rem;
    }


    .home_destacados.mod article .text .codigo {
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        padding-bottom: 0;
    }
    .home_destacados.mod article .text .precio {
        margin: 0 0 0 0;
        font-size: 1.85714rem;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }


    .list_contents.list_search .list_grid .home_destacados.mod article .text {
        padding: 1.07rem 0.9rem 1rem 0.9rem;
        border-top: 1px solid #DADADA;
        color: #3C3C3C;
        min-height: auto;
    }
    .list_contents.list_search .list_grid .home_destacados article .text h1{
        text-transform: none;
        color: #3C3C3C;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 1.3rem */
        margin: 0 0;
        margin-bottom: 0.71rem;
    }
    .list_contents.list_search .list_grid .home_destacados article .text .precio {
        color: #3C3C3C;
        font-size: 1.57143rem;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 2.35714rem */
        margin: 0 0;
        margin-bottom: 0.36rem;
    }
    .list_contents.list_search .list_grid .home_destacados article .text .precio_group {
        margin-bottom: 3rem;
    }
    .list_contents.list_search .list_grid .home_destacados article .text .precio_group .not_iva {
        color: #3C3C3C;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 1.28571rem */
        margin: 0 0;
    }
    .list_contents.list_search .list_grid .home_destacados article .text .codigo {
        color: #3C3C3C;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 600;
        line-height: 150%; /* 1.28571rem */
        margin: 0 0;
        margin-bottom: 1.43rem;
    }
    .home_destacados .text span, .list_contents .mod .text .w_iva{
        padding: 0;
        margin: 0px 0 0 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
    }

    .content .precio .w_iva{
        font-size: 12px;
        line-height: 11px;
        font-weight: 600;
        text-transform: uppercase;
        color: #8a8a8a;
        margin: 0px 0 0 10px;
        padding: 0 0 0px 0;
        text-decoration: none !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .precio_group .precio.w_discount .d-flex{
        align-items: center;
        flex-direction: row;
        justify-content: space-between !important;
    }


    .see_variant{
        border-radius: 0.35714rem;
        background: #000;
        color: #fff;
        text-align: center;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 1.11429rem */
        padding: 0.64rem 0 0.74rem 0;
        width: 100%;
        border: 1px solid #000;
        height: 35px;
    }
    .see_variant:hover,
    .see_variant:focus{
        background: #fff;
        color: #000;
    }

}

@media screen and (max-width:576px) {
    .list_contents .list_grid {
        grid-template-columns: repeat(1, minmax(auto, 1fr));
    }
    .list_contents.list_search .list_grid {
        grid-template-columns: repeat(2, minmax(auto, 1fr));
    }
}
@media screen and (max-width:530px) {
    .list_contents.list_search .list_grid {
        grid-template-columns: 1fr;
    }
    .list_client{
        padding-bottom: 80px;
    }
}

/* ====== AMPLIACION CLIENTES ====== */
@media screen {
    .ampl_client{
        text-align: left;
        padding-bottom: 90px;
    }
    .ampl_client .seller_head {
        margin-bottom: 0;
    }
    .padding_inline{
        padding-inline: 2.14rem;
    }
    .box_home_rev,
    #str{
        margin-top: 1.43rem;
    }
    .name_client{
        background: var(--negro);
        padding: 1.8rem 2.14rem;
        margin-bottom: 1.43rem;
    }
    .name_client.list_clients{
        margin-bottom: 0;
    }
    #filtro_clients{
        margin-top: 1.43rem;
    }
    .rev_home #header.header_loged {
        margin-bottom: 0;
    }
    .carro_detail .name_client{
        margin-bottom: 0rem;
    }
    .name_client.name_client_cart{
        padding: 1.8rem 0;
    }

    .orders_btn{
        gap: 0.79rem;
    }
    button.bg_green,
    .orders_btn a{     
        flex: 1 1 auto;        
        text-align: center;  
        width: 50%;      
    }
    button.bg_green{
        appearance: none;
        -webkit-appearance: none;
    }
    .orders_btn a,
    .orders_btn button.bg_green,
    a.send_all,
    .ampl_client .bg_red,
    .ampl_client .bg_green,
    .new_order{
        color: #FFF;
        border-radius: 0.35714rem;
        padding: 1.4rem;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 1.11429rem */
        letter-spacing: 0.04286rem;
        text-transform: uppercase;
        margin-bottom: 1.43rem;
        border: none !important;
    }
  
    .ampl_client a.bg_green:hover{
        background: #1f7e21;
    }
    .ampl_client a.bg_green {
        color: var(--blanco);
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .new_order,
    .new_receipt .total_receipt_cont,
    .new_receipt .total_values_cont{
        width: 100%;
    }

    .totals_cont{
        gap: 16px;
    }

    .cont_sendall {
        position: fixed;
        bottom: 78px;
        left: 0;
        right: 0;
        width: 100%;
        height: 100px;
        background: white;
        padding: 0 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cont_sendall a.send_all {
        width: 65%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }
    .cont_sendall .bg_blue.send_all:hover,
    .cont_sendall .bg_blue.send_all:active,
    .cont_sendall .bg_blue.send_all:focus{
        background: #9cc5f3;
    }
    .cont_msg_nopend{
        padding: 100px 20px;  /* Espacio interno arriba y abajo, mucho más seguro */
        margin: 0;            /* Ya no necesitás margen para centrar */
        text-align: center;
    }
    .cont_msg_nopend p{
        font-weight: 600;
    }
    .ampl_client .bg_red p{
        text-align: left;
        margin:  0 0 0 0;
    }
    .ampl_client .credito p{
        color: var(--placeholer_color);
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 1.11429rem */
        letter-spacing: 0.04286rem;
        text-transform: uppercase;
        margin: 0 0 0 0;
    }
    .ampl_client .credito p:first-child{
        margin-bottom: 0.71rem;
    }
    .ampl_client .credito p b{
        color: #000;
        font-weight: 700;
        line-height: 130%;
    }
    .ampl_client .datos p{
        color: var(--placeholer_color);
        font-size: 0.85714rem;
        font-weight: 600;
        line-height: 130%; /* 1.11429rem */
        letter-spacing: 0.04286rem;
        text-transform: uppercase;
        margin: 0 0 0 0;
        margin-bottom: 1.07rem;
    }
    .ampl_client .datos p b{
        color: #000;
        font-size: 0.85714rem;
        font-weight: 700;
        line-height: 130%; /* 1.11429rem */
        margin-bottom: 0.36rem;
    }
    .ampl_client .form-control.select2.select_pager.select2-hidden-accessible {
        width: auto;
    }
    .ampl_client .comprobantes_group{
        gap: 1rem;
    }
    .ampl_client .comprobantes_group .generic_box_rev{
        color: #000;
        font-size: 0.85714rem;
        font-weight: 700;
        line-height: 2; /* 1.11429rem */
        letter-spacing: 0.04286rem;
        text-transform: uppercase;
        margin-bottom: 0;
    }
    .ampl_client .comprobantes_group .generic_box_rev:nth-child(2){
        line-height: 1;
        padding: 1.36rem;
    }
    .ampl_client a.ver_hist,
    #content_search a.ver_hist{
        display: inline-block;
        color: #000;
        text-align: center;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 1.11429rem */
        letter-spacing: 0.04286rem;
        text-decoration-line: underline !important;
        text-decoration-style: solid !important;
        text-decoration-skip-ink: none;
        text-decoration-thickness: 10% !important;
        text-underline-offset: 25%;
        text-underline-position: from-font;
        text-transform: uppercase;
        width: 100%;
        margin: 1.8rem auto;
    }
    #content_search a.ver_hist{
        position: absolute;
        bottom: 50px;
        right: 50%;
        transform: translate(50%);
        display: none;
    }

    .box_pedidos h1{
        color: #000;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 1.11429rem */
        letter-spacing: 0.04286rem;
        text-transform: uppercase;
        margin-bottom: 1.43rem;
    }

    .pedido_xs{
        margin-bottom: 1.43rem;
        padding: 1.43rem 1.43rem 1.3rem 1.43rem;
        text-align: left;
        border-radius: 0.35714rem;
        border: 1px solid #DADADA;
        background: #FFF;
    }
    .orderl_list_xs.pedido_xs {
        padding: 1.43rem 1.43rem 0rem 1.43rem;
    }
    .pedido_xs .pedido_dato{ 
        color: #000;
        font-size: 1.14286rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 1.48571rem */	
        margin-bottom: 0.71rem;
        padding-inline: 0 !important;
    }
    .orderl_list_xs.pedido_xs .pedido_dato {
        padding-inline: 0 !important;
    }
    .pedido_xs .pedido_dato:last-child{ 
        margin-bottom: 0rem;
    }
    .pedido_xs .pedido_dato b{
        font-weight: 700;
    }

    .pedido_xs .pedido_dato b{
        font-weight: 700;
    }

    .pedido_xs .cont_name_orderxs{
        display: flex;
        align-items: center;
        margin: 0.72rem 0 1.38rem 0;
    }
    .pedido_xs .cont_name_orderxs i{
        padding-left: 15px;
    }
    .pedido_xs .cont_name_orderxs i.save_ordName{
        color: var(--verde);
    }
    .ampl_client .select2-container {
        width: auto !important;
    }

    .ampl_client .cont_name_orderxs .form-control.order-name{
        border-radius: 0.35714rem;
        border: 1px solid #DADADA;
        padding: 1.21rem 1.43rem;
        font-size: 1.14286rem;
        font-style: normal;
        line-height: 130%; /* 1.48571rem */
        color: #000;
        font-weight: 700;
    }
    .ampl_client .cont_name_orderxs .form-control.order-name.form-control[disabled], 
    .ampl_client .cont_name_orderxs .form-control.order-name.form-control[readonly], 
    .ampl_client .cont_name_orderxs fieldset[disabled] .form-control.order-name {
        color: #7C7C7C;
        font-weight: 600;
    }
    
}
@media screen and (max-width:530px) {
    .ampl_client{
        padding-bottom: 150px;
    }
}
/* ====== AMPLIACION PRODUCTOS ====== */
@media screen {
    .cont-product{
        padding-bottom: 20px;
    }
    .back_block{
        margin-bottom: 1.43rem;
    }
    .back_block a,
    .back_block button,
    .items_total {
        color: #000;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 1.11429rem */
        letter-spacing: 0.04286rem;
        text-transform: uppercase;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .back_block button{
        border: none;
        background: none;
        padding-left: 0;
    }
    .back_block a:hover,
    .back_block button:hover{
        color:var(--rojo);
    }
    .back_block a:hover svg path,
    .back_block button:hover svg path{
        stroke: var(--rojo);
    }
    .content .blue_text{
        color: #5FAAFF;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: 150%; /* 1.5rem */
        text-transform: uppercase;
        text-align: left;
    }
    .content .title {
        color: #000;
        font-size: 1.28571rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 1.67143rem */       
        margin-bottom: 0.7rem; 
    }
    .content .precio_group .precio {
        color: #000;
        font-size: 1.71429rem;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 2.57143rem */
    }
    .content .blue_text,
    .content .precio_group {
        margin-bottom: 0.7rem;
    }
    .content .precio_group .discount{
        position: absolute;
        top: 2.43rem;
        right: 0rem;
        border-radius: 20px;
        padding: 0.5rem 1.93rem 0.5rem 1.79rem;
        font-weight: 600;
        z-index: 999;
        color: #fff;
        background: #28CA42;
    }

    .content .colores {
        gap: inherit;
    }
    .content .colores,
    .content .colores.just_colors.medidas_color {
        margin-top: 0;
        display: grid;
        grid-template-columns: repeat(6, minmax(auto, 1fr));
        position: relative;
        flex-wrap: wrap;
        gap: 2.36rem;
        margin-bottom: 1.43rem;
    }

    .content .colores.medidas
    .content .colores.cant{
        grid-template-columns: repeat(3, minmax(auto, 1fr)) !important;
    }
    .content .colores .item {
        padding: 0px;
        margin-bottom: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .content .cantidad span {
        padding-top: 0;
        margin-right: 0px;
    }
    .content .similar_check{
        font-weight: 600;
        color: var(--negro);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .content .similar_check:hover{
        color: var(--celeste);
    }

    .content .similar_checkboxes i{
        color: var(--negro);
        padding-left: 0.4rem;
    }
    .content .colores span.color-title {
        padding-top: 0px;
        margin-bottom: 0.36rem;
        white-space: nowrap;
        margin-right: 0;
        letter-spacing: normal;
        color: #7C7C7C;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 1.11429rem */
        display: inline-block;
        position: relative;
    }
    .content .colores.medidas span.color-title,
    .content .colores.cant span.color-title {
        text-transform: capitalize;
    }
    .content .colores.medidas .item span.valor,
    .content .colores.cant .item span.valor {
        color: #000;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 1.11429rem */
    }
    .content .cantidad .colores.just_colors span.valor,
    .content .colores.medidas .item span.valor {
        font-size: 0.85714rem;
        font-weight: 700;
        color: var(--principal);
    }
    .content .cantidad .colores.just_colors span.valor{
        margin-right: 5px;
    }
    .content .colores.just_colors .color_cant {
        display: flex;
        flex-direction: column;
    }
    .content .colores.just_colors .color {
        float: none;
        margin-right: 0px;
        margin-top: 0rem;
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        border-radius: 0.35714rem;
        border: 1px solid #DADADA;
        border-bottom: none !important;
    }
    .content .input-group.spinner{
        position: relative;
    }
    .content .input-group.spinner input[type="text"]{
        position: relative;
        z-index: 2;
        pointer-events: auto;
    }
    .content .input-group.spinner .input-group-btn-vertical{
        position: absolute;
        z-index: 1;
    }
    .content .cantidad .spinner {
        width: auto;
        float: none;
        padding-top: 0px;
        padding: 0.57rem 1rem;
        text-align: center;
        color: #000;
        border-radius: 0.35714rem;
        border: 1px solid #D7D7D7;
        background: #FFF;
        width: 100%;
    }
    .content .colores .main_img .variant_default,
    .content .colores .main_img .variant_img {
        width: auto; 
        height:auto; 
        object-fit: cover;
    }

    .home_destacados.mod .spinner {
        padding-block: 0;
    }
    .home_destacados.mod .input-group.spinner input {
        border: none;
        text-align: center;
    }
    .home_destacados.mod .input-group-btn-vertical {
        bottom: 0rem;
        height: 35px;
    }

    .home_destacados.mod .spinner,
    .home_destacados.mod .see_variant{
        display: block;
        position: absolute;
        bottom: 1rem;
        width: calc(100% - 1.8rem);
    }
    .cont_btns_bottom{
        z-index: 8000;
    }
    .fancybox-lock .fancybox-overlay{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999 !important;
    }

    .content .main_img{        
        border-radius: 0.35714rem 0.35714rem 0rem 0rem;
        /* border: 1px solid #DADADA; */
        border-bottom: none;
        overflow: hidden;
    }
    .item .hasVariant {
        cursor: pointer;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .content .cantidad .colores.just_colors .spinner input.input-group.form-control,
    .content .cantidad .colores.just_colors .spinner input,
    .content .cantidad .colores.just_colors.medidas .spinner input.input-group.form-control,
    .content .cantidad .colores.just_colors.cant .spinner input.input-group.form-control {
        border: none;
        color: #000 !important;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        width: 60%;
        line-height: 200%; /* 32px */
    }
    .input-group-btn-vertical{
        position: absolute;
        bottom: 0.5rem;
        height: 50px;
        width: calc(100% - 2rem);
    }
    .home_destacados.mod .input-group-btn-vertical{
        bottom: 0;
    }
    .input-group-btn-vertical .btn{
        height: 50px;
        display: inline-block;
        position: absolute;
        width: 15%;
        top: 0; 
        float: none;
        font-size: 14px;
        max-width: 100%;
        padding: 0px;
        margin-left: 0px;
        border-radius: 0;
        border: 0;
        outline: none !important;
        background: transparent;
        box-shadow: none !important;
    }


    .home_destacados.mod .input-group-btn-vertical .btn {
        height: 35px;
    }
    
    .input-group-btn-vertical .btn.down{
        left: 0;
        padding-bottom: 0.6rem;
    }
    .input-group-btn-vertical .btn.up{
        right: 0px;
    }
    
    .content .btn-add-cart button {
        color: #FFF;
        font-size: 1.14286rem;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-align: center;
        display: block;
        border: 0px;
        background: transparent;
        margin: 0px;
        padding: 1.14rem 0 1.43rem 0;
        width: 100%;
        outline: none;
        background: var(--negro);
        margin-top: 0;
        margin-bottom: 1.43rem;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .content .img-producto {
        position: relative;
    }
    .content .img-producto .main_img{
        border-radius: 0.35714rem;
        border: none;
        overflow: hidden;
    }
    .content .img-producto .main_img img{
        width: 100%;        
    }
    .content .texto,
    .content p {
        padding: 0px;
        margin: 0px;
        color: #000;
        font-size: 1.14286rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 1.48571rem */
        text-align: left;
    }
    .content .texto{
        margin-top: 1.43rem;
    }
    .name_client h1{
        color: #FFF;
        font-size: 1.28571rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 1.67143rem */
    }
    .name_client p{
        color: var(--celeste);
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 1.11429rem */
        letter-spacing: 0.01714rem;
        margin: 0 0 0 0;
    }
}

@media screen and (max-width:991px){
    .content .colores,
    .content .colores.just_colors.medidas_color {
        grid-template-columns: repeat(3, minmax(auto, 1fr));
    }
}

@media screen and (max-width:768px){
    .content .colores,
    .content .colores.medidas,
    .content .colores.cant,
    .content .colores.just_colors.medidas_color,
    .content .colores.medidas, .content .colores.cant {
        grid-template-columns: repeat(3, minmax(auto, 1fr));
    }
    #pendientes.padding_inline {
        padding-inline: 0;
    }
    .orders_btn a, 
    .orders_btn button.bg_green, 
    a.send_all, 
    .ampl_client .bg_red, 
    .new_order {
        padding: 15px;
        font-size: 10px;
    }
    .cont_sendall a.send_all{
        font-size: 0.85714rem;
    }
    button.bg_green, .orders_btn a {
        width: 32%;
    }
    /* .cont_sendall {
        width: 85%;
    } */
    a.send_all {
        width: 90% !important;
        padding: 1.4rem;
    }

}
@media screen and (max-width:480px){
    .content .colores,
    .content .colores.medidas,
    .content .colores.cant,
    .content .colores.just_colors.medidas_color,
    .content .colores.medidas, .content .colores.cant {
        grid-template-columns: repeat(2, minmax(auto, 1fr));
    }
}


/* ====== CARRO ====== */
@media screen {
    #frm_cart_update{
        background: #F5F5F5;
    }
    .carro_detail,
    .order_detail_table{
        text-align: left;
        padding-bottom: 84px;
    }
    .carrito_header{
        padding-top: 1.56rem;
        padding-inline: 0;
        background: #F5F5F5;
    }
    .carrito_header h1.title{
        color: #000;
        font-size: 2rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 2rem */
        letter-spacing: -0.04rem;
        margin: 0 0 0 0;
        margin-bottom: 0.71rem;
    }
    #frm_cart_update .name_client{
        border-radius: 0.3125rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .cont_cart_data.order_details{
        margin: 1.88rem 0 1.25rem;
    }
    .cont_cart_data{
        padding-inline: 1.25rem;
        border-radius: 0.3125rem;
        border: 1px solid #DADADA;
        background: var(--blanco);
        padding: 1.25rem 1.25rem 1.19rem 1.25rem;
        margin: 1.25rem 0;
    }
    .cont_cart_data h3{
        color: var(--negro);
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 1.95rem */
        letter-spacing: -0.03rem;
        margin-bottom: 1.56rem;
    }
    p.total_products{
        margin: 0 0 0 0;
        color: #000;
        font-size: 1.14286rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 1.14286rem */
        letter-spacing: -0.02286rem;
    }
    .resumen-carro > .d-flex{
        border-bottom: 1px solid #DADADA;
        margin-bottom: 1.43rem;
        column-gap: 23px;
    }
    .resumen-carro > .d-flex:last-child{
        border-bottom: none;
    }
    .oit_code,
    .order_detail_table .variable,
    .resumen-carro .code,
    .resumen-carro .variable{
        margin-bottom: 0.31rem;
        color: var(--placeholer_color);
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }
    .resumen-carro .code{
        font-size: 0.875rem;
        margin-bottom: 0.31rem;
    }
    .resumen-carro .variable{
        font-weight: 400;
    }
    .ord_product a,
    .resumen-carro .name_product a{
        margin-bottom: 0.31rem;
        display: inline-block;
        color: var(--negro);
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .resumen-carro .name_product a:hover,
    .resumen-carro .name_product a:focus  {
        color: var(--celeste);
    }
    .oit_unitprice, .oit_total,
    .resumen-carro .price_group{
        color: #000;
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        padding-top: 0.31rem;
    }
    .oit_unitprice, .oit_total{
        margin-bottom: 0.65rem;
    }
    .resumen-carro .price_group div{
        margin-bottom: 1.25rem;
    }
    .carrito .input-group .form-control {
        max-width: 13.125rem;
        width: 6.875rem;
        height: 3.125rem;
        border-radius: 0.3125rem;
        border: 1px solid #D7D7D7;
        padding-block: 0.44rem;
        color: var(--negro);
        text-align: center;
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: 200%;
        background: var(--blanco);
    }
    .order_detail_table .check_detail_order{
        position: absolute;
        top: 0;
        right: 0;
    }
     .resumen-carro .cont_quantity_erase{
        display: flex;
    }
    .resumen-carro .erase{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .resumen-carro .erase a{
        width: 5.625rem;
        height: 3.125rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        aspect-ratio: 1;
        text-align: center;
        border-radius: 0.3125rem;
        background: var(--negro);
        border: 1px solid var(--negro);
        margin-left: 0.62rem;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .resumen-carro .erase a:hover,
    .resumen-carro .erase a:focus {
        background: var(--blanco);
    }
    .resumen-carro .erase a svg{
        height: 16px;
    }
    /* .resumen-carro .erase a svg path{
        fill: #000;
    } */
    .resumen-carro .erase a:hover svg path,
    .resumen-carro .erase a:focus svg path{
        filter: invert(1);
    }
    .carrito .btn-actualizar.delete_all_products a.erase{
        margin-bottom: 1.88rem;
    }
    .carrito .btn-actualizar a{
       border-radius: 0.35714rem;
       border: 1px solid var(--negro);
       background: var(--negro);
       color: var(--blanco);
       display: inline-block;
       width: 100%;
       text-align: center;
       padding-block: 1.31rem;
       font-size: 0.875rem;
       font-style: normal;
       font-weight: 500;
       line-height: normal;
    }
    .carrito .btn-actualizar a:hover,
    .carrito .btn-actualizar a:focus{
        border: 1px solid #000;
        background: var(--blanco);
        color: var(--negro);
    }

    
    .carrito .btn-actualizar.delete_all_products a:hover,
    .carrito .btn-actualizar.delete_all_products a:focus{
        background: #fff;
        color: #000;
    }
    .carrito .btn-actualizar a svg{
        margin-right: 10px;
    }
    .carrito .btn-actualizar a:hover svg,
    .carrito .btn-actualizar a:focus svg{
        filter: invert(1);
    }
    .carrito select.custom-select {
		&, &::picker(select) {
			-webkit-appearance: none;
			appearance: base-select;
            border-radius: 0.35714rem;
            border: 1px solid #DADADA;
		}
	}
    .carrito select.custom-select::picker-icon {
    	display: none !important;
	}
    .carrito select.custom-select {
        width: 100%;
        padding: 1.43rem;
		background: url(img/flecha-dwn.svg) no-repeat right 1.43rem top 1.64rem #fff !important;
        color: #7C7C7C;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 1.3rem */
        margin-bottom: 1.43rem;
	}
    .carrito select.custom-select option{
		color: #7C7C7C;
	}
    .carrito select.custom-select option:checked{
		color: #000;
	}
    .carrito select.custom-select:hover,
    .carrito select.custom-select:focus{
        border: 1px solid #000;
    }
    .carrito select.custom-select .scrollable {
		position: relative;
		width: 100%;
		height: 250px;
		scroll-behavior: smooth;
		scrollbar-width: thin;
		box-sizing: content-box;
		background-clip: content-box;
	}

    /* select carro */
    .carrito select.select2 {
        border: 1px solid #000;
		background: url(img/flecha-dwn.svg) no-repeat right 1.43rem top 1.64rem #fff !important;
        color: #7C7C7C !important;
	}

    #cart_changes_notice{
        position: fixed;
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 999999;
        background: #000;
        color: #fff;
        padding: 35px 18px;
        border-radius: 8px;
        text-align: center;
        max-width: 90%;
        width: 420px;
        box-shadow: 0 10px 30px rgba(0,0,0,.35);
    }
    #cart_changes_notice .cart_changes_txt{
        font-weight: 700; 
        margin-bottom: 6px;
    }
    #cart_changes_notice #btn_cart_update{
        font-weight: 700;
    }
    #cart_changes_notice #btn_cart_update svg{
        margin-right: 5px;
    }

    .order_detail_table .ord_details{
        margin: 10px 0;
    }


    @media screen and (max-width:991px) {
        .carrito select.select2,
        .carrito .add_to_prev_order .select2-container {
            max-width: 750px;
            width: 100% !important;
        }   
    }
    @media screen and (max-width:768px) {
        .carrito select.select2,
        .carrito .add_to_prev_order .select2-container {
            max-width: 330px;
            width: 100% !important;
        }   
    }
    /* SELCT2 */
    .select2-container--default .select2-selection--single{
        border-radius: 0.3125rem;
        border: 1px solid #DADADA;
        background: #FFF;
        background: url(img/flecha-dwn.svg) no-repeat right 1.43rem top 1.64rem #fff !important;
        float: none;
        color: var(--negro);
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130% !important;
        padding: 1.43rem;
        margin: 0 0;
        outline: none !important;
        height: 60px;
    }   
    .select2-container--open .select2-selection--single{
        border: 1px solid #000;
    }
    .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
    .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
        border-bottom-left-radius: 0.35714rem;
        border-bottom-right-radius: 0.35714rem;
    }
    .select2-container {
        margin-bottom: 1.25rem;
    }
    .r_list_cont .select2-container {
        margin-bottom: 1.56rem;
    }

	
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        color: #7C7C7C;
        color: #000;
        line-height: 130%;
        padding-inline: 0;
    }
	.select2-container--default .select2-selection--single .select2-selection__arrow{
		display: none;
	}
	.select2-dropdown {
        border-radius: 0.35714rem !important;
        border: 1px solid #DADADA !important;
        background: #FFF;
	}
    .select2-results__option {
        padding: 0.53rem 1.43rem;
        user-select: none;
        -webkit-user-select: none;
        color: #7C7C7C;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 1.3rem */
    }
    .select2-container--default .select2-results>.select2-results__options {
        padding-block: 0.53rem;
    }
    .select2-container--default .select2-results__option[aria-selected=true],
	.select2-container--default .select2-results__option--highlighted[aria-selected] {
		color: #000;
        background-color: transparent;
	}
    
	/* FIN - SELCT2 */

    .add_to_prev_order{
        margin-bottom: 0rem;
    }
     .add_to_prev_order :has(.reeplace_box){
        margin-bottom: 1.29rem;
    }
    .add_to_prev_order.last :has(.reeplace_box){
        margin-bottom: 1.43rem;
    }
    .add_to_prev_order.last{
        margin-bottom: 1.5rem;
    }
    .cart_replace_order p,
    .aclaracion_precio p,
    .add_to_prev_order p,
    .form-label{
        margin: 0 0 0 0;
        color: #aca5a5;
        font-size: 1.14286rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 1.48571rem */
        margin-bottom: 1.43rem;
    }
    .form-label{
        margin-bottom: 0.85rem;
    }
    .add_to_prev_order p,
    .form-label{
        color: #000;
    }

    .add_to_prev_order .form-label{
        color: var(--negro);
        font-style: normal;
        margin-bottom: 0.94rem;
        font-size: 0.9375rem;
        font-weight: 600;
        line-height: 130%;
    }


    .carrito label.reeplace_box{
        color: #000;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 1.3rem */
        padding-left: 25px;
    }
    .carrito label.reeplace_box.box-custom-checkbox .checkmark {
        position: absolute;
        top: 1px;
    }
    .carrito label.reeplace_box.box-custom-checkbox .checkmark:after {
        content: url("img/option_check.svg");
        width: 16px;
        height: 16px;
    }
    .carrito label.reeplace_box.box-custom-checkbox input:checked~.checkmark:after {
        content: url("img/option_checked.svg");
    }
    /* CHECKBOX */
    .carrito label.reeplace_box.box-custom-checkbox .checkmark.check {
        position: absolute;
        top: 8px;
    }
    .carrito label.reeplace_box.box-custom-checkbox .checkmark.check:after {
        content: url("img/option_checkmark.svg");
        width: 16px;
        height: 16px;
    }
    .carrito label.reeplace_box.box-custom-checkbox input:checked~.checkmark.check:after {
        content: url("img/option_checkmarked.svg");
    }
    /* CHECKBOX */
    .carrito .observaciones{
        margin-bottom: 1.56rem;
    }
    .aclaracion_precio p{
        text-align: center;
        margin-bottom: 1.71rem;
        font-size: 1rem;
    }
    .resume_header {
        text-align: left;
    }
    .resume_header h4{
        color: var(--negro);
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        letter-spacing: -0.03rem;
    }
    .cont_order{
        margin-top: 1.56rem;
        padding-bottom: 50px;
    }
    .resume_order .cont_order{
        padding-bottom: 0;
    }
    .cont_order p{
        color: var(--placeholer_color);
        margin: 0 0 0 0;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 200%;
    }
    .cont_order p.num{
        color: var(--negro);
        text-align: right;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 700;
        line-height: 200%;
    }
    .cont_order .total_cont{
        border-top: 1px solid #DADADA;
        margin-top: 1.06rem;
        padding-top: 0.94rem;
        margin-bottom: 1rem;
    }
    .cont_order .total_cont p{
        color: #000;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 700;
        line-height: 200%; /* 2rem */
    }
    .cont_order .total_cont p.num{
        color: var(--negro);
        text-align: right;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: 200%;
    }
    .products_resume .resume_header{
        margin-bottom: 1.56rem;
    }
    .nombre_pedido .form-group{
        margin-bottom: 0.69rem;
    }
    .nombre_pedido input,
    .observaciones textarea{
        color: var(--placeholer_color);
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 200%;
    }
    .nombre_pedido input{
        height: 3.75rem;
    }
    .nombre_pedido input::placeholder,
    .observaciones textarea::placeholder{
        color: var(--placeholer_color);
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 200%;
    }
    .observaciones textarea{
        height: 8.75rem;
    }
    a.confirmar{
        background: #000;
        color: #fff;
        border: 1px solid #000;
        display: inline-block;
        width: 100%;
        padding: 1.07rem 2.14rem 1.14rem 2.14rem;
        border-radius: 0.35714rem;
        background: #000;
    }
    
    .resume_order a.confirmar{
        border: 1px solid var(--negro);
        display: inline-block;
        width: 100%;
        padding: 0.94rem 1.25rem 1rem 1.88rem;
        border-radius: 0.3125rem;
        background: var(--negro);
        color: var(--blanco);
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: 180%;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .resume_order a.confirmar:hover{
        background: var(--blanco);
        color: var(--negro);
    }
    .resume_order a.confirmar:hover svg{
        filter: invert(1);
    }

    /*
    a.confirmar:hover,
    a.confirmar:focus{
        background: #fff;
        color: #000;
    }
    a.confirmar:hover svg,
    a.confirmar:focus svg{
        filter: invert(1);
    }
    */

    .no_product{
        text-align: center;
        color: #000;
        font-size: 1.14286rem;
        font-style: normal;
        font-weight: 600;
        line-height: 100%; /* 1.14286rem */
        letter-spacing: -0.02286rem;
        padding:  2.14rem 2.14rem;
    }
    .btn-ord-detail {
        background-color: #000;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #000;
        gap: 10px;
        position: relative;
        color: #FFF;
        position: relative;
        border-radius: 0.35714rem;        
        padding-block: 1.5rem;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;

        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
}
@media screen and (max-width:530px){
    .carro_detail, .order_detail_table {
        padding-bottom: 150px;
    }
}
@media screen and (max-width:767px){
    .rev_home #header{
        padding: 2.3rem 2.14rem 2.6rem 2.14rem;
    }
    .ui-menu .ui-menu-item a {
        display: inline-block !important;
        position: relative;
    }
    /* .ui-menu .ui-menu-item a .search_in_cart {
        position: absolute;
        left: 30px;
    } */
    .name_client.name_client_cart {
        padding: 1.62rem 2.14rem 1.62rem 2.14rem;
    }
    #frm_cart_update{
        padding: 0 1.87rem;
    }
    .cont_cart_data .box_home_rev {
        padding-inline: 0;
    }
    .cont_cart_data{
        margin: 1.25rem 0rem;
    }
    .cont_cart_data.products_resume{
        padding-bottom: 0;
    }

    .resumen-carro > .ord_item:last-child{
        margin-bottom: 0;
    }

    .frm_cart_update .box_home_rev{
        padding-inline:2.14rem;
    }
    .select2-container--default .select2-selection--single{
        height: 3.75rem;
        padding: 1.25rem;
    }
    .resumen-carro > .d-flex{
        flex-direction: column;
    }
    .resumen-carro .d-flex{
        align-items: self-start !important;
        padding-bottom: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .resumen-carro .d-flex .quantity,
    .resumen-carro .d-flex .quantity .spinner,
    .carrito .input-group .form-control{
        width: 100%;
        max-width: 100%;
    }
    .btn-actualizar.delete_all_products{
        margin-top: 0;
        margin-bottom: 1.25rem;
    }
    .carrito .btn-actualizar.delete_all_products a.erase{
        margin-bottom: 0;
    }
    .carro_detail{
        padding-bottom: 83px;
    }
    .resumen-carro .erase a{
        width: 6.4375rem;
        height: 3.125rem;
    }

    .content_client,
    .cont_ccdetail,
    .cont_new_receipt,
    .cont_receipt_values{
        padding-inline: 2.14rem;
    }

    /* ====== CC DETAIL ===== */
    .cont_ccdetail > .d-flex{
        flex-direction: column;
        gap: 12px;
    }

    .cont_ccdetail .generic_box_rev[style*="margin-right"]{
        margin-right: 0 !important;
    }

    .cont_ccdetail .generic_box_rev{
        padding: 1rem;
        border-radius: 0.5rem;
    }

    .name_client{
        flex-wrap: wrap;
        gap: 6px 10px;
    }
    .name_client h1{
        font-size: 1.05rem;
        line-height: 1.2;
        margin: 0;
    }
    .name_client p{
        margin: 0;
        white-space: nowrap;
    }

    .cont_ccdetail .generic_box_rev .d-flex.justify-content-between{
        flex-wrap: wrap;
        gap: 6px 10px;
    }
    .cont_ccdetail .generic_box_rev b,
    .cont_ccdetail .generic_box_rev p{
        margin: 0;
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .cont_ccdetail .generic_box_rev .d-flex.justify-content-between > *{
        flex: 1 1 auto;
        min-width: 120px;
    }
    .cont_ccdetail .generic_box_rev p.tot-comp{ 
        flex: 1 1 100%; 
    }
    
    .btn_values{
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    
}

/* USER */
@media screen {
    .body_panel_user{
        padding-bottom: 100px;
    }
    .body_panel_user .content.content-user{
        padding-block: 30px;
    }
    .content.orders_list.inc_order_detail,
    .content.orders_list.user_data {
        padding-top: 2.14rem;
    }
    .content.content-user h2.title_subseccion {
        text-transform: inherit !important;
        color: #000;
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -0.56px;
        margin-bottom: 10px;
    }
    .content.content-user p.desc {
        color: #000;
        font-size: 16px;
        font-style: normal;
        line-height: 100%;
        letter-spacing: -0.32px;
    }

    button.btn_edit_userdata,
    .btn_edit_userdata a,
    .btn_cancel_userdata {
        text-decoration: none;
        margin: 50px 0 0 0;
        border-radius: 0.35714rem;
        padding: 1.4rem;
        font-size: 0.85714rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        letter-spacing: 0.04286rem;
        text-transform: uppercase;
        display: inline-block;
        border: 1px solid #000;
        background-color: #000;
        color: #fff;
    }
    .btn_cancel_userdata {
        background-color: #fff;
        color: #000;  
        margin: 50px 50px 0 0;
    }
    button.btn_edit_userdata:disabled,
    button.btn_edit_userdata[disabled] {
        background-color: #d3d3d3;
        color: #a9a9a9;
        border: 1px solid #a9a9a9;
        cursor: not-allowed;
        opacity: 0.5;
        pointer-events: none;
    }
    .btn_cancel_userdata:hover,
    .btn_cancel_userdata:focus{
		background-color: #000;
		color: #fff;
	}
    .orders_list h3 {
        margin-bottom: 1.43rem;
        font-size: 24px;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -0.48px;
    }
    .orders_list.inc_order_detail h3{
        margin-bottom: 1.43rem;
    }
    .box-form-register .form-group {
        margin-bottom: 25px;
    }
    .box-form-register.edit label,
    .user_data label {
        color: #000;
        font-size: 18px;
        font-weight: 700;
        line-height: 180%;
        margin-bottom: 0;
    }
    .user_data .form-group p {
        padding: 0px;
        margin: 0px;
        color: #000;
        font-size: 1.14286rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        text-align: left;
    }
}

/* RECIBOS */
@media screen {

    input.form-control.payment_on_account.payment_on_account{
        background-color:#4fae50 !important;
        color:#fff !important;
        border-color:#fff !important;
    }
    input.form-control.payment_on_account::placeholder{
        color:#fff !important;
        opacity:1 !important;
    }
    input.form-control.payment_on_account:focus{
        background-color:#4fae50 !important;
        color:#fff !important;
        border-color:#fff !important;
    }

    .payment_on_account_cont{
        display: flex;
        padding: 12px !important;
    }
    .payment_on_account_cont p{
        width: 20%;
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .payment_on_account_btn{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        padding: 1.4rem !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .payment_on_account_btn:hover,
    .payment_on_account_btn:focus{
        background: #1f7e21;
    }
}

/* ===================================== */
/* ========== CUSTOM RADIO / CHECKBOX INPUT ========== */

@media screen {
	/* The container */
	.box-custom-checkbox,
	.box-custom-radio {
		display: block;
		position: relative;
		padding-left: 25px;
		padding-right: 0;
		margin-bottom: 10px;
		cursor: pointer;
		font-size: 12px;
		font-weight: 400;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	/* Hide the browser's default checkbox button */
	.box-custom-checkbox input,
	.box-custom-radio input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
	/* Create a custom checkbox button */
	.box-custom-checkbox .checkmark,
	.box-custom-radio .checkmark {
		position: absolute;
		top: 5px;
		left: 0;
		height: 20px;
		width: 20px;
	}
    .box-custom-checkbox{
        display: flex;
        align-items: center;
        height: 30px;
    }

	.reeplace_box.box-custom-checkbox{
		padding-left: 15px;
	}
	.reeplace_box.box-custom-checkbox .checkmark{
		position: absolute;
		top: 10px;
	}
	.reeplace_box.box-custom-checkbox input:checked~.checkmark:after {
		content: '\f058';
	}

	/* Create the indicator (the dot/circle - hidden when not checked) */
	.box-custom-checkbox .checkmark:after,
	.box-custom-radio .checkmark:after {
		position: absolute;
		font-family: "FontAwesome";
		font-weight: 400;
		font-size: 18px;
		line-height: 1;
		color: #c0c0c0;
	}
	.box-custom-checkbox .checkmark:after {
		content: "\f096";
	}
	.reeplace_box.box-custom-checkbox .checkmark:after{
		content: '\f10c';
	}
	.box-custom-radio .checkmark:after {
		content: "\f10c";
	}
	
	/* Show the indicator (dot/circle) when checked */
	.box-custom-checkbox input:checked~.checkmark:after,
	.box-custom-radio input:checked~.checkmark:after {
		content: '\f058';
		display: block;
		color: var(--negro);
	}
	.box-custom-checkbox input:checked~.checkmark:after {
		content: '\f14a';
	}	
	.box-custom-radio input:checked~.checkmark:after {
		content: '\f058';
	}	
	/* Style the indicator (dot/circle) */
	.box-custom-checkbox .checkmark:after,
	.box-custom-radio .checkmark:after {
		top: 0;
		left: 0;
	}

    .box-custom-checkbox.similar-disabled {
      cursor: not-allowed;
      color: #c0c0c0;
      position: relative;
      display: flex;
      align-items: center;
      height: 30px;
    }

    .box-custom-checkbox.similar-disabled .similar_check,
    .box-custom-checkbox.similar-disabled .fa-link,
    .box-custom-checkbox.similar-disabled .checkmark{
      opacity: 1;
    }

    .box-custom-checkbox.similar-disabled .fa-info-circle{
      opacity: 1;
      cursor: help;
      margin-left: 6px;
      color:#999 !important;
    }

    .box-custom-checkbox.similar-disabled .checkmark:after {
      color: #999;
      background: #999;
      border-radius: 3px;
    }

    .box-custom-checkbox.similar-disabled a {
      pointer-events: auto;
    }

    .tooltip {
      z-index: 9999999 !important;
    }

    /* Para que NO quede transparente cuando se muestra */
    .tooltip.in {
      opacity: 1 !important;
      filter: none !important;
    }

    /* Caja del tooltip: fondo sólido */
    .tooltip .tooltip-inner {
      background: #999 !important;
      color: #fff !important;
      opacity: 1 !important;
      max-width: none !important;
      white-space: nowrap;
      text-align: left;
      border-radius: 4px;
      padding: 8px 10px;
      font-size: 10px;
    }

    /* Flecha (Bootstrap 3) */
    .tooltip.right .tooltip-arrow { border-right-color: #999 !important; }
    .tooltip.left  .tooltip-arrow { border-left-color:  #999 !important; }
    .tooltip.top   .tooltip-arrow { border-top-color:   #999 !important; }
    .tooltip.bottom .tooltip-arrow{ border-bottom-color:#999 !important; }

    

   
}


/*=========================================*/
/*=== CSS IMPRESION (inicio) ===*/
/*=========================================*/

/* ====== IMPRIMIR ====== */

@media print{
	body{
		font-size: 11pt;
		line-height: 16pt;
		font-family: Arial, sans-serif !important;
		color: #000;
	}

	@page {
		size: A4;
		margin: 2cm 1.5cm;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	  page-break-after: avoid;
	}

	h1{
		font-size: 24pt;
		line-height: 32pt;
		margin: 0;
	}
	h2{
		font-size: 21pt;
		line-height: 28pt;
		margin: 0;
	}
	h3{
		font-size: 18pt;
		line-height: 24pt;
		margin: 0;
	}
	h4{
		font-size: 16pt;
		line-height: 21pt;
		margin: 0;
	}
	h5{
		font-size: 14pt;
		line-height: 18pt;
		margin: 0;
	}
	h6{
		font-size: 14pt;
		line-height: 18pt;
		margin: 0;
	}

	.content .title{
		margin-bottom: 0.5cm;
	}

	.content .desc,
	.galeria_de_imagenes .desc,
	.sop > .desc {
		font-size: 11pt;
		line-height: 16pt;
		font-weight: 400;
		margin: 0 0 1cm 0;
	}

	.content .main_img{
		margin: 0 0 1cm 0;
	}

	.sec_img{
		margin: 0 0 1cm 0;
	}

	.content .texto{
		margin: 0 0 1cm 0;	
	}

	table,
	figure {
	  page-break-inside: avoid;
	}

	img {
	   max-width: 70% !important;
	}

	.logo_print{
		border-bottom: 0.5pt solid #ccc;
		margin:0 0 1cm 0 !important;
		padding:0 0 0.5cm 0 !important
	}

	.logo_print img{
		width: 2.79cm !important;
		height: 0.72cm !important;
	}

	.breadcrumb, 
	.admin_quick_edit,
	.panel_adminfront,
	.btn_panel {
		display: none;
	}

	.footer_print{
		font-size: 10pt;
		line-height: 16pt;
		border-top: 0.5pt solid #ccc;
		margin: 1.5cm 0 0 0;
		padding: 1cm 0 0 0;
	}

	.galeria_de_imagenes{
		display: none !important;
	}

	.fck_h3{
		font-weight: 400;
	}
	.fck_h4{
		font-weight: 400;
	}
	.fck_h5{
		font-weight: 400;
	}
	.fck_h6{
		font-weight: 400;
	}
	.fck_h3 b,
	.fck_h3 strong,
	.fck_h4 b,
	.fck_h4 strong,
	.fck_h5 b,
	.fck_h5 strong,
	.fck_h6 b,
	.fck_h6 strong{
		font-weight: 700;
	}
	.fck_h3 u,
	.fck_h4 u,
	.fck_h5 u,
	.fck_h6 u{
		text-decoration: none;
		border-bottom: 1px solid #000;
		padding-bottom: 5px;
	}
	.box_00{
		border: 1px solid #000;
		padding: 30px;
	}
	.box_01{
		border: 1px dashed #000;
		padding: 30px;
	}
	.box_02{
		border: 1px solid #ccc;
		color: #000;
		padding: 30px;
	}
	.box_03{
		background: #dcdcdc;
		border: 1px solid #b6b6b6;
		color: #000;
		padding: 30px;
	}
}

/*=========================================*/
/*=== CSS IMPRESION (termina) ===*/
/*=========================================*/