/******** GENERAL STYLES ********/

/* Variables globales */
:root{

    /* Colores */
    --kern-primary-color: #80c46c; /* rgb(76, 165, 72) */
    --kern-primary-hover-color: #64846c;
    --kern-secondary-color: white;
    --kern-white: #fff;
    --kern-black: #000;
    --kern-lightgrey: #d8d4d4;
    --kern-grey: grey;

    --kern-grey-text: #a8a6a6;
    --kern-success-color: green;
    --kern-error-color: red;

    --kern-background: #f1f1f1;

    --kern-primary-text: #474B4E;

}

/* Botones */
button.boton-primario{
    background-color: var(--kern-primary-color);
    font-size: 16px;
    font-weight: 300;
    padding: 6px 12px;
    color: var(--kern-white);
    border-radius: 8px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}
button.boton-primario svg{
    fill: var(--kern-white) !important;
}
button.boton-primario:disabled{
    background-color: var(--kern-lightgrey);
    cursor: not-allowed;
}

button.boton-secundario{
    background-color: transparent;
    color: var(--kern-primary-text);
    border: 1px solid var(--kern-primary-color);
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}
button.boton-secundario:disabled{
    /* border: 1px solid var(--kern-lightgrey); */
    cursor: not-allowed;
}

button.boton-terciario{
    background-color: transparent;
    color: var(--kern-primary-color);
    font-size: 16px;
    font-weight: 300;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}
button.boton-terciario:disabled{
    /* color: var(--kern-lightgrey); */
    cursor: not-allowed;
}

/* Iconos */
lightning-icon.icono-blanco svg{
    fill: var(--kern-white) !important;
}
lightning-icon.icono-primario{
    background-color: var(--kern-primary-color);
    padding: 5px;
    border: none;
    border-radius: 4px;
}
lightning-icon.icono-primario svg{
    fill: var(--kern-white) !important;
}

lightning-icon.icono-secundario{
    background-color: transparent;
    padding: 5px;
    border: 1px solid var(--kern-primary-color);
    border-radius: 4px;
}
lightning-icon.icono-secundario svg{
    fill: var(--kern-primary-color) !important;
}

lightning-icon.icono-terciario{
    background-color: transparent;
    padding: 5px;
    border: none;
}
lightning-icon.icono-terciario svg{
    fill: var(--kern-primary-color) !important;
}

lightning-icon.icono-dark-green{
    background-color: var(--kern-primary-hover-color);
    padding: 5px;
    border: none;
    border-radius: 6px;
}
lightning-icon.icono-dark-green svg{
    fill: var(--kern-white) !important;
}

lightning-icon.icono-grey{
    background-color: transparent;
    padding: 5px;
    border: none;
    border-radius: 6px;
}
lightning-icon.icono-grey svg{
    fill: var(--kern-grey-text) !important;
}

lightning-icon.icono-pointer{
    cursor: pointer;
}

/*Título de product detail, responsive*/
b2b_buyer_product_details-heading[b2b_buyer_product_details-summary_summary] > h1{
    overflow-wrap: anywhere !important;
}

/*Poner el menú de navigación en mayúscula.*/
ul[community_navigation-drilldownnavigationbar_drilldownnavigationbar]  li[community_navigation-drilldownnavigationbar_drilldownnavigationbar],
ul[community_navigation-drilldownnavigationbar_drilldownnavigationbar]  li[community_navigation-drilldownnavigationbar_drilldownnavigationbar] button
{
    text-transform:uppercase !important;
}

ul[community_navigation-drilldownnavigationbar_drilldownnavigationbar]{
    font-size: 16px !important;
}

/*Quitar el scroll de la página Inicio.*/
html,.comm-page-home{
    overflow-x: hidden !important;
	position:relative
}
.container ::-webkit-scrollbar {
    display: none;
}

/*Correción del posicionamiento de la cruz del componente Quick Order.*/
.remove[b2b_buyer_quick_order-singleitementry_singleitementry]{
    padding:0% !important;
    margin-left:6% !important;
}

/*Cambiar icono del menú de cuenta*/
@media only screen and (min-width: 426px) {
    img[community_user-userprofilemenu_userprofilemenu]{
        content:url("/store/resource/ChevronDown");
        width: 50%;
        height: 50%;
    }
    .slds-avatar {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/*Tablets*/
@media only screen and (min-width: 768px) and (orientation: portrait) {
    .header-login-register > div:first-child  > div:first-child > div:first-child{
        width:50% !important;
    }
    /*Corrección de la ancura del nombre de la cabecera*/
    .rightRegion{
     	width: 25% !important;
    }
    .centerRegion{
        width:53% !important;
    }
}

.quantityText[b2b_buyer_quick_order-page_page]{
    margin-left: 4rem !important;
}

/* ******* PDP ******* */
.mobile-gallery-image{
    height: auto !important;
    width: 100% !important;
}

@media only screen and (max-width: 768px) and (min-width: 320px)  {
    .details-area .details{
        min-height: 100px !important;
    }
}

@media only screen and (max-width: 480px){
    /*Scroll Elemento único cms, en móvil.*/
    .comm-page-global-search .comm-content-footer > div:first-child{
        overflow: scroll;
    }
    .comm-page-detail-0ZG .comm-content-footer > div:first-child{
        overflow: scroll;
    }
    .comm-page-global-search .comm-content-footer > div:first-child > .ui-widget{
     width:250%;   
    }
    .comm-page-detail-0ZG .comm-content-footer > div:first-child > .ui-widget{
     width:250%;   
    }
    .tabHeader{
        width: fit-content;
    }
    .uiPanel--accountSwitcherMobile > div:first-child > div:first-child > div:first-child > span:first-child{
        position: absolute;
    	top: 404%;
    	left: 33%;
    }
    .uiPanel--accountSwitcherMobile > div:first-child > div:first-child > div:first-child > span:nth-child(2){
        margin-left: 9%;
    }
    b2b_buyer_product_details-purchase-options[b2b_buyer_product_details-summary_summary]{
        display: inline !important;
    }
    table[b2b_buyer_pricing-productprice_productprice]{
        margin-top:5%;
    }
    b2b_buyer_cart-add-to-cart-button[b2b_buyer_cart-addquantity_addquantity]{
        margin-top:-5%;
    }
    span[b2b_buyer_cart-constrainedquantityselector_constrainedquantityselector]{
        margin-top:5%;
    }

    /**Se ha cambiado la letra del precio, en el product detail.**/
    b2b_buyer_pricing-formatted-price[b2b_buyer_pricing-productprice_productprice]{
        font-size: 1.6rem !important;
    }

    /*VADECUM VERSION MOBILE*/
    .comm-page-home > .b2bBodyWrapper > .body > div:first-child > div:first-child > div:first-child .ui-widget:last-of-type .slds-scrollable_none .js-content-image{
        background-size: 110% !important;
    }
    .comm-page-home > .b2bBodyWrapper > .body > div:first-child > div:first-child > div:first-child .ui-widget .js-dynamic-collection .forceCommunityDynamicCollectionGrid .slds-grid{
   		margin-bottom: -12% !important;
    }
    .b2bHomeHero > .bgImage{
        background-size: cover !important;
		width: 230% !important;
    }
    .comm-page-home > .b2bBodyWrapper > .hero{
   		overflow: scroll !important;
    }

    /*BANNER PRODUCTOS*/
    b2b_buyer_product_category-banner{
        overflow:scroll !important;
    }
    aside[b2b_buyer_product_category-banner_banner]{
        width:330% !important;
    }

    /*CARGA MASIVA TITULO*/
    h2[b2b_buyer_quick_order-page_page]{
        margin-top: 13% !important;
    }
}

/*Ampliación de la anchura, del apartado carrito, proceso de la compra el comoponente Ordenar por.*/
lightning-combobox[c-cartcontents_cartcontents] lightning-base-combobox[lightning-combobox_combobox]{
    width:125%;
}

b2b_buyer_quick_order-page[b2b_buyer_quick_order-page_page-host] H2[b2b_buyer_quick_order-page_page]{
    color:rgb(76, 165, 72) !important;
    font-size:24px;
}

b2b_buyer_product_details-heading[b2b_buyer_product_details-summary_summary] H1{
    color: rgb(76, 165, 72);
    font-weight: 600;
}

b2b_buyer_product_details-heading[b2b_buyer_product_details-summary_summary]{
    flex-grow: 0;
     font-weight: bold;
    text-align:left;
    margin-bottom: 30px;
}

b2b_buyer_pricing-formatted-price[b2b_buyer_pricing-productprice_productprice]{
    font-size: 32px;
}

b2b_buyer_product_details-heading H1{
    color: rgb(76, 165, 72);
    font-weight: 600;
    font-size: 28px !important;
}

b2b_buyer_product_details-heading{
    flex-grow: 0;
     font-weight: bold;
    text-align:left;
    margin-bottom: 30px;
}

/* ******* QUICK ORDER COMPONENT ******* */
b2b_buyer_quick_order-page[b2b_buyer_quick_order-page_page-host] div[b2b_buyer_quick_order-page_page] H3[b2b_buyer_quick_order-page_page]:last-child{
    text-align: right;
    padding-right: 123px;
}

b2b_buyer_quick_order-single-item-entry[b2b_buyer_quick_order-page_page] div[b2b_buyer_quick_order-singleitementry_singleitementry] div[b2b_buyer_quick_order-singleitementry_singleitementry]{
    width: 85% !important;
}

b2b_buyer_quick_order-single-item-entry[b2b_buyer_quick_order-page_page] div[b2b_buyer_quick_order-singleitementry_singleitementry] div[b2b_buyer_quick_order-singleitementry_singleitementry].quantity-input{
    width: 45% !important;
}

/* Inputs */
.slds-form-element input[type="text"]{
    width: 100%;
    font-size: 16px;
    border-radius: 16px !important;
    /* xxx */
    background-color: transparent !important;
    border: 1px solid var(--kern-primary-color);
    padding: 6px 10px;
    color: var(--kern-grey-text);
    font-weight: 300;
}

.slds-form-element input[type="text"]::placeholder{
    color: var(--kern-grey-text);
    font-weight: 300;
}

.slds-form-element input[type="text"]:focus{
    --slds-c-input-shadow: none;
    outline: 0;
    --slds-c-input-color-border: none;
    border: 2px solid var(--kern-primary-color);
}

.slds-form-element input[type="text"]:disabled{
    cursor: not-allowed;
}

.slds-input[type="password"]{
    width: 100%;
    font-size: 14px;
    border-radius: 12px !important;
    background-color: var(--kern-white) !important;
    border: 1px solid var(--kern-primary-color);
    padding: 2px 10px;
    color: var(--kern-grey-text);
    font-weight: 300;
    text-align: center;
}

input[type="password"]::placeholder{
    color: var(--kern-grey-text);
    font-weight: 300;
    text-align: center;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"]{
    width: 36px;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 9px;
    background: transparent;
    border: 1px solid var(--kern-primary-color);
    color: #636363;
    border-radius: 50%;
    -moz-appearance: textfield;
}

input[type="number"]:focus-visible{
    --slds-c-input-shadow: none;
    outline: 0;
    --slds-c-input-color-border: none;
    border: 2px solid var(--kern-primary-color);
}

input[type="number"]:disabled{
    color: #636363;
    cursor: not-allowed;
}

.slds-checkbox .slds-checkbox_faux{
    width: 20px !important;
    height: 20px !important;
    background-color: transparent !important;
    border: 1px solid var(--kern-primary-color);
    border-radius: 5px !important;
}

.slds-checkbox .slds-form-element__label{
    /* color: var(--kern-primary-color); */
    color: var(--kern-primary-text);
}

/* Popup informativo */
.fix-popover_tooltip_alignment {
    background-color: var(--kern-primary-color) !important;
}
.slds-popover_tooltip .slds-popover__body{
    font-size: 14px !important;
}

/* RADIO BUTTONS */
input[type="radio"]{
    position: relative;
    appearance: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 1px solid var(--kern-primary-color);
    cursor: pointer;
}
input[type="radio"]:checked::after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--kern-primary-color);
    position: absolute;
    left: 4px;
    top: 4px;
}

/* FIN RADIO BUTTONS */

/* COMBOBOX / SELECT */
lightning-combobox div{
    display: flex;
    align-items: center;
}
lightning-combobox .slds-form-element__control{
    display: flex;
    align-items: center; 
}
lightning-base-combobox .slds-combobox__input{
    width: 100%;
    height: 36px;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    background: var(--kern-white);
    color: var(--kern-primary-text);
    border: 1px solid var(--kern-primary-color);
    border-radius: 20px !important;
    align-items: center;
}
.slds-has-error .slds-combobox__input{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid var(--kern-primary-color) !important;
}
lightning-base-combobox .slds-combobox__input:focus{
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.slds-input_faux{
    border: 1px solid var(--kern-primary-color) !important;
}
lightning-base-combobox .slds-listbox {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    background: var(--kern-white);
    color: var(--kern-primary-text);
    border-radius: 16px;
}
lightning-base-combobox .slds-listbox_vertical .slds-listbox__option{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--kern-grey);
}
lightning-base-combobox .slds-listbox_vertical .slds-listbox__option.slds-has-focus{
    background-color: rgba(128, 196, 108, .1);
    box-shadow: none !important;
}
lightning-base-combobox .slds-listbox_vertical .slds-listbox__option:hover{
    background-color: rgba(128, 196, 108, .1);
}
lightning-base-combobox-item .slds-media__figure{
    display: none !important;
}
lightning-base-combobox-item .slds-media__body{
    width: 100% !important;
    font-size: 15px !important;
}


/* FIN COMBOBOX / SELECT */

.slds-text-heading_medium.slds-p-bottom_medium{
    font-size: 24px;
}

.slds-m-left_medium{
    font-size: 16px;
}

.quantityText{
    font-size: 16px;
}

.error-msg.slds-text-color_error.slds-text-body--small{
    font-size: 14px;
}

.slds-m-left_large.slds-m-bottom_large.slds-button.addEntryButton{
    font-size: 16px
}

.cartButtonContainer{
    border-radius: 4px;
}

input[b2b_buyer_quick_order-quantityselector_quantityselector]{
    width: 80px !important;
}

/** CART UPLOAD**/
lightning-primitive-input-file span.slds-form-element__label{
    width: 100%;
    display: flex;
    justify-content: center;
    color: var(--kern-primary-text) !important;
    font-size: 16px !important;
}

lightning-primitive-input-file .slds-form-element__control .slds-file-selector{
    width: 100%;
    height: 52px;
}

lightning-primitive-file-droppable-zone{
    width: 100%;
    height: 100%;
    border: none !important;
}

lightning-primitive-file-droppable-zone slot{
    width: 100%;
    height: 100%;
}

lightning-primitive-file-droppable-zone label.slds-file-selector__body{
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 8px;
    border: 1px solid var(--kern-primary-color);
}

lightning-primitive-file-droppable-zone label.slds-file-selector__body .slds-file-selector__button{
    width: 100%;
    height: 100%;
    background-color: var(--kern-primary-color) !important;
    font-size: 16px;
    font-weight: 300;
    color: var(--kern-white) !important;
    border-radius: 8px !important;
    border: none;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    white-space: nowrap;
}

lightning-primitive-file-droppable-zone label.slds-file-selector__body .slds-file-selector__text{
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: var(--kern-primary-text);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    white-space: nowrap;
}

.slds-col--padded.slds-size--12-of-12.slds-medium-size--6-of-12.slds-large-size--6-of-12.comm-layout-column{
    font-size: 16px;
}

.slds-form-element__legend.slds-form-element__label{
    font-size: 16px !important;
    margin-top: 4px;
}

.slds-form-element__label{
    font-size: 15px  !important;
    margin-top: 4px;
    margin-bottom: 1px;
    padding-right: 0 !important;
}

.sort-menu.slds-form-element{
    margin-top: 4px !important;
}

c-cart-upload .slds-textarea {
	height: 280px !important;
}

textarea{
    width: 100%;
    font-size: 16px !important;
    border-radius: 16px !important;
    background-color: var(--kern-background) !important;
    border: 1px solid var(--kern-primary-color) !important;
    /* padding: 6px 10px; */
    color: var(--kern-grey-text) !important;
    font-weight: 300 !important;
}

/**HOME PROMOCIONES**/
.js-content-subtitle{
    font-size:16px;
}

.bannerLayoutButton{
    font-size:16px;
    height:40px;
}

/***** CUENTA CON CARRITO*****/
community_user-user-profile-menu.comm-user-profile-menu p{
    font-size: 14px !important;
}

/****** FOOTER FIX *****/

/*@media screen and (min-aspect-ratio: 1/1)  {

.b2bBodyWrapper{
    min-height: 61.2rem !important;
}

.b2bBodyWrapper > .body{
    padding-bottom: 14% !important;
}

.b2bBodyWrapper > .footer{
    position: absolute !important;
    width: 100% !important;
    bottom: 0% !important;
}

.footer-login-register.background{
    position: absolute !important;
    width: 100% !important;
    bottom: 0% !important;
}   
    
}*/

/*** Footer ***/
.comm-page-login-home > .b2bBodyWrapper > .body {
    margin-bottom:40.5vh !important;
}

.comm-page-self-register > .b2bBodyWrapper > .body {
    margin-bottom:21.5vh !important;
}

.comm-page-detail-0a6 > .b2bBodyWrapper > .body{
    margin-bottom: 28.5vh !important;
}

.comm-page-detail-01t  > .b2bBodyWrapper > .body{
     margin-bottom: 20vh !important;
}

/******** busqueda inicio*********/
.search-input-with-button{
    height:40px;
    font-size:16px !important;
}

/********* lista categorias inicio ********/
.horizontalMenuItem{
    font-size:16px !important;
}

/********* CATEGORIAS **********/
.filters-title{
    font-size: 16px !important;
}

.text-link_reset.category-item{
    font-size: 14px !important;
}

.categories{
    font-size: 16px !important;
}

.slds-truncate{
    font-size: 16px !important;
}

.slds-p-vertical_small.slds-truncate.slds-text-heading_large{
    font-size: 16px !important;
}

.slds-text-heading_medium.slds-truncate{
    font-size: 16px !important;
}

.slds-form-element__label{
    color: #a8a6a6 !important;
    font-size: 16px !important;
}

/**************** PRODUCT DETAILS *********/
.slds-m-right_xx-small{
    font-size: 16px !important;
}

.slds-m-right_x-small{
    font-size: 16px !important;
}

.slds-rich-text-editor__output{
    font-size: 16px !important;
}

/* .slds-accordion__section{
    padding: 0 !important;
} */

/* .filters-container .slds-accordion__summary-action{
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
} */

/* .slds-accordion__summary{
    padding: 0 !important;
} */

.slds-accordion__summary-heading{
    font-size: 18px !important;
}

/*** DASHBOARD HOME *****/
/*
.comm-page-home.main.dashboardApp.dashboardHeader{
    display: none !important;
    visibility: hidden !important;
}
*/

@media only screen and (max-width: 480px){ 
    .slds-form-element[c-cartupload_cartupload]{
        margin-top: 5% !important;
    }    
}

/*** TABLET CSS ********/
@media only screen and (min-width: 768px) and (orientation: portrait) {
    .cCenterPanel{
            margin-top: 40% !important;
    }
    .b2bBodyWrapper{
        min-height: 50rem !important;
    }
    .price-area[c-searchCard_searchCard]{
        margin-left: -11% !important;
        margin-top: 12% !important;
    }
    .slds-accordion{
        margin-left: -7% !important;
    }
    ul[c-searchLayout_searchLayout] {
        display: flex;
        flex-direction: row;
        margin-left: -11%;
        flex-wrap: wrap;
    }
    .action-area[c-searchCard_searchCard] {
        margin-right: 9% !important;
    }


.pvl[c-searchCard_searchCard] {
    font-size: 16px;
    margin-left: -50% !important;
}

.filters-header[c-searchResults_searchResults] .clear-all-button[c-searchResults_searchResults] {
    align-self: flex-end;
    margin-right: 57% !important;
}

.card-layout-list[c-searchCard_searchCard] > .fields-area[c-searchCard_searchCard] {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-right: -4% !important;
}


figure[c-cartItems_cartItems] + .details[c-cartItems_cartItems] {
    padding-left: var(--lwc-spacingSmall);
    margin-left: 10%;
}



img[c-cartItems_cartItems] {
    flex: 0 0 auto;
    max-height: 100%;
    max-width: 115%;
    margin-left: 48% !important;
}

.campoValorDireccion[c-b2BAccountDetails_b2BAccountDetails] {
    height: 100%;
    font-size: 16px;
    height: 24px;
    width: 151% !important;
}


.comm-content-header{
overflow:scroll !important;
}

aside[b2b_buyer_product_category-banner_banner]{
    width: 155% !important;
    height:100% !important;
}

    
.slds-truncate.slds-text-heading_medium[c-searchCard_searchCard] {
    margin-bottom: 3% !important;
    margin-left: -6% !important;
    }
       
  .campos.slds-rich-text-editor__output[c-searchCard_searchCard] {
    margin-bottom: 7%!important;
    margin-top: -1% !important;
    margin-left: -6% !important;
    }
    
    [c-searchPaginator_searchPaginator-host] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -26% !important;
    }
    
    figure[c-searchCard_searchCard] > img[c-searchCard_searchCard] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    margin-left: -5% !important;
    }
    

b2b_buyer_product_details-heading[b2b_buyer_product_details-summary_summary] {
   	margin-top: -73% !important;
    margin-left: 85% !important;
    width: 85% !important;
    margin-right: 125% !important;
}

.images[b2b_buyer_product_images-gallery_gallery] {
    align-self: center;
    margin-top: 23% !important;
}


.container[b2b_buyer_cart-addQuantity_addQuantity] {
    flex-direction: column;
    align-items: center;
    margin-top: -27% !important;
    margin-left: 107% !important;
    width: 28% !important;

}


.slds-p-vertical_small[b2b_buyer_product_details-purchaseoptions_purchaseoptions] {
    margin-top: 20% !important;
    margin-left: 31% !important;
    }



b2b_buyer_product_images-gallery-image[b2b_buyer_product_images-gallery_gallery] {
    width: 400px !important;
    height: 357px !important;
    margin-top: -21% !important;
    margin-left: -16% !important;
    }
    

button[b2b_buyer_cart-addToCartButton_addToCartButton] {
    text-transform: uppercase;
    flex-grow: 0.77 !important;
	top: -169% !important;
    }
    
    .slds-grid_vertical-align-center[b2b_buyer_cart-constrainedquantityselector_constrainedquantityselector] {
    align-items: center;
    margin-left: -119% !important;
    align-content: center;
    margin-top: -8% !important;
}
    
    
   .comm-page-detail-01t > .b2bBodyWrapper > .body > .siteforceSldsTwoCol84Layout > .slds-grid > .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column{
      margin-top: 56% !important;
    margin-left: -64% !important;
           width: 56% !important;
}
    
    tbody[b2b_buyer_pricing-productprice_productprice]{
        margin-top: -57% !important;
    	margin-right: -220% !important;
    	width: 159% !important;
    }
    
    .comm-page-detail-0a6 > .b2bBodyWrapper > .body > .siteforceSldsTwoCol84Layout > .slds-col--padded.slds-size--12-of-12.slds-medium-size--4-of-12.slds-large-size--4-of-12.comm-layout-column {
        margin-top: 0% !important;
        margin-left: 0% !important;
    }
    
    .siteforceB2bBody> .body.isPageWidthFixed-true {
            margin-top: -20% !important;
    }
    .forceCommunityThemeHeroBase > .bgOverlay {
        width: 100% !important;
        height: 52% !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
    }
    .forceCommunityThemeHeroBase > .bgImage {
        width: 100% !important;
        height: 52% !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
    }
    
}

@media only screen and (min-width: 768px) and (orientation: landscape) {
    figure[c-cartItems_cartItems] + .details[c-cartItems_cartItems] {
        padding-left: var(--lwc-spacingSmall);
        margin-left: 10%;
    }

    img[c-cartItems_cartItems] {
        flex: 0 0 auto;
        max-height: 100%;
        max-width: 115%;
        margin-left: 48% !important;
    }
    
    li[c-cartItems_cartItems] {
        display: flex;
        margin-left: 7% !important;
        font-size: 0.875rem;
        border-bottom: 1px solid #f3f2f2;
    }
    
    .valores[c-cartItems_cartItems]{
        display: grid;
        width:100% !important;
    }
    
    aside[b2b_buyer_product_category-banner_banner]{
        width: 100% !important;
        height: 92% !important;
    }
}

/*** PESTAÑA MI CUENTA ***/
c-b2-b-account li.slds-tabs_default__item {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
}

c-b2-b-account li.slds-tabs_default__item.slds-is-active a {
    font-weight: 700 !important;
}

c-b2-b-account li.slds-tabs_default__item.slds-is-active.slds-has-focus a {
    text-decoration: none;
}

c-b2b-listado-usuarios .userLimit > .slds-form-element__icon {
    padding-top: 1px !important;
}

/*LOGIN FORM*/
.salesforceIdentityLoginForm2{
    padding: 24px;
    position: relative;
    border-radius: 12px;
    margin-top: 20px;
}
.salesforceIdentityLoginForm2::before{
    position: absolute;
    content: '';
    display: block;
    right: 0px;
    top: 0px;
    width: 65px;
    height: 65px;
    background-image: linear-gradient(45deg, transparent 45deg, var(--kern-primary-color) 35px);
    border-top-right-radius: 12px;
}
.salesforceIdentityLoginForm2 .inputContainer{
    width: 76%;
    height: 45px;
    font-size: 14px;
    border-radius: 12px !important;
    /* background-color: var(--kern-white) !important; */
    background-color: transparent !important;
    border: 1px solid var(--kern-primary-color) !important;
    padding: 2px 10px !important;
    color: var(--kern-grey-text);
    font-weight: 300;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
}

@media only screen and (max-width: 969px){
    .salesforceIdentityLoginForm2 .inputContainer{
        width: 100%;
        padding: 2px 4px !important;
    }
}

@media only screen and (max-width: 569px){
    .salesforceIdentityLoginForm2 .inputContainer{
        width: 92%;
        padding: 2px 4px !important;
    }
}

.salesforceIdentityLoginForm2 .inputContainer::placeholder{
    color: var(--kern-grey-text) !important;
    font-weight: 300;
    text-align: center;
}

.salesforceIdentityLoginForm2 .inputContainer .uiInput{
    width: 100%;
    color: var(--kern-grey-text) !important;
    font-weight: 300;
    text-align: center;
}

.salesforceIdentityLoginForm2 .inputContainer .uiInput input{
    width: 100%;
    color: var(--kern-black);
    font-weight: 300;
    text-align: center;
    font-size: 16px;
    background-color: transparent;
    margin-left: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.salesforceIdentityLoginForm2 .inputContainer .uiInput input:focus{
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.salesforceIdentityLoginForm2 .inputContainer .uiInput input::placeholder{
    color: var(--kern-grey-text);
    font-weight: 300;
    font-size: 16px;
    text-align: center;
}

.salesforceIdentityLoginForm2 .inputIcon {
    display: none;
}

.salesforceIdentityLoginForm2 .loginButton {
    width: 76% !important;
    margin: 10px 12% !important;
    height: 45px !important;
    background-color: var(--kern-primary-color);
    font-size: 15px;
    font-weight: 300;
    padding: 6px 20px;
    color: var(--kern-white);
    border-radius: 14px !important;
    border: none;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

@media only screen and (max-width: 969px){
    .salesforceIdentityLoginForm2 .loginButton {
        width: 100% !important;
        margin: 10px 0 !important;
    }
}

@media only screen and (max-width: 569px){
    .salesforceIdentityLoginForm2 .loginButton {
        width: 92% !important;
        margin: 10px 4% !important;
    }
}

/* .uiOutputRichText{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
} */

/****** DETALLE PRODUCTOS ******/
b2b_buyer_product_images-gallery[b2b_buyer_product_images-gallery_gallery-host] b2b_buyer_product_images-gallery-image[b2b_buyer_product_images-gallery_gallery]{
    width: 360px;
    height: 360px;
}

b2b_buyer_product_images-gallery[b2b_buyer_product_images-gallery_gallery-host] div[b2b_buyer_product_images-gallery_gallery]{
    align-items: start;
}

b2b_buyer_product_images-gallery[b2b_buyer_product_images-gallery_gallery-host] div[b2b_buyer_product_images-gallery_gallery] b2b_buyer_product_images-carousel[b2b_buyer_product_images-gallery_gallery]{
    width: 360px !important;
}

@media screen and (min-width: 768px) {
    b2b_buyer_cart-constrained-quantity-selector[b2b_buyer_cart-addquantity_addquantity][b2b_buyer_cart-constrainedquantityselector_constrainedquantityselector-host] label[b2b_buyer_cart-constrainedquantityselector_constrainedquantityselector] {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 1024px) {
    b2b_buyer_product_images-gallery[b2b_buyer_product_images-gallery_gallery-host] div[b2b_buyer_product_images-gallery_gallery]{
        align-items: center;
    }

    b2b_buyer_product_details-expandable-table-section[b2b_buyer_product_details-expandabletablesection_expandabletablesection-host] {
        max-width: 100% !important;
    }

    b2b_buyer_product_details-expandable-table-section[b2b_buyer_builderProductDetailsTable] {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 768px) {
    b2b_buyer_cart-add-to-cart-button[b2b_buyer_cart-addquantity_addquantity][b2b_buyer_cart-addtocartbutton_addtocartbutton-host]{
        width: 50%;
        align-self: center;
    }
}

@media screen and (max-width: 425px) {
    b2b_buyer_cart-constrained-quantity-selector[b2b_buyer_cart-addquantity_addquantity][b2b_buyer_cart-constrainedquantityselector_constrainedquantityselector-host]{
        margin-bottom: 50px !important;
    }

    b2b_buyer_product_images-gallery-image[b2b_buyer_product_images-gallery_gallery] img[b2b_buyer_product_images-galleryimage_galleryimage] {
        padding: 25px;
    }
}
/****** FIN DETALLE DE PRODUCTOS ******/

/****** INICIO Biblioteca de videos ******/
#videoContainer iframe {
    width: 100%;
}

#videoContainer {
    display: flex;
    align-items: center;
    height: 650px;
}

@media only screen and (max-width: 425px) {
    #videoContainer {
        height: 300px;
    }
}

/****** FIN Biblioteca de videos ******/