.cortar_imagen .mgs-promobanner{
    max-height: 300px;
    text-align: center;
	}

/* ============================================= */
/* Estilos catalogoproducto_breadcrumbs */
/* ============================================= */

.product-static-block{
position: relative;
  top: -54px;

    
}

.breadcrumbs{
        display: none;
    }
/* .catalogoproducto_breadcrumbs{
    top: 30px;
      display: block !important;
} */
.catalogoproducto_breadcrumbs{
    top: 30px;
    display: block !important;
    z-index: 4;
}
.page-title-wrapper h1.page-title + .breadcrumbs a, .page-title-wrapper h1.page-title + .breadcrumbs li {
  color: black;
}

/* ============================================= */
/* Estilos Generales */
/* ============================================= */


.page-title-wrapper::before {
  background: white;
}
.page-title-wrapper h1.page-title {
 display: none;
}
.page-title-wrapper {
  background-color: #65215209;
  padding: 0px !important;
  text-align: initial;
}





.managi_general {
    flex: 1 0 75%;
}


.videocenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-mouse-hover > div[style*="background-image"] {
    width: 100% !important;
    height: auto !important;
    min-height: 200px;
    background-size: cover !important;
    background-position: center !important;
}

.banner-mouse-hover
    .promobanner-block
    .mgs-promobanner
    a:hover
    img.banner-image {
    opacity: 0;
}

.banner-mouse-hover
    .promobanner-block
    .mgs-promobanner
    a:hover
    img.banner-hover {
    opacity: 1;
}
.display-aline-center {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
}

/* ============================================= */
/* pcarousel  */
/* ============================================= */

@media only screen and (max-width: 767px) {
    .carrusel-767 .slider_mgs_carousel .owl-item .item-image {
        min-height: auto;
    }
}

.carrusel-767 .fullscreen-slider .owl-carousel .item-image img, 
.carrusel-767 .fullscreen-slider .owl-carousel .item-image, 
.carrusel-767 .fullscreen-slider .owl-carousel div:not(.owl-nav):not(.owl-dots):not(.slide-text) {
  height: 25% !important;
}

.carrusel-767 .mgs-owl-carousel.owl-carousel .owl-nav > div {
  margin-top: 0px;

}
.carrusel-767 .slide-text.middle {
  display: none;

}

/* ============================================= */
/* pagina full app/design/frontend/Mgs/claue/web/css/source/_layout.less:  */
/* ============================================= */

.width_full .frame {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100% !important;
}
.max-width100 .frame {
    max-width: 100vw !important;
    padding-left: 0;
    padding-right: 0;
}
.max-width99 .frame {
    max-width: 99vw !important;
    padding-left: 0;
    padding-right: 0;
}
.max-width98 .frame {
    max-width: 98vw !important;
    padding-left: 0;
    padding-right: 0;
}
.max-width97 .frame {
    max-width: 97vw !important;
    padding-left: 0;
    padding-right: 0;
}
.max-width96 .frame {
    max-width: 96vw !important;
    padding-left: 0;
    padding-right: 0;
}
.max-width95 .frame {
    max-width: 95vw !important;
    padding-left: 0;
    padding-right: 0;
}
.max-width94 .frame {
    max-width: 94vw !important;
    padding-left: 0;
    padding-right: 0;
}
.max-width93 .frame {
    max-width: 93vw !important;
    padding-left: 0;
    padding-right: 0;
}
.max-width92 .frame {
    max-width: 92vw !important;
    padding-left: 0;
    padding-right: 0;
}
.max-width91 .frame {
    max-width: 91vw !important;
    padding-left: 0;
    padding-right: 0;
}
.max-width90 .frame {
    max-width: 90vw !important;
    padding-left: 0;
    padding-right: 0;
}

.max-width80 .frame {
    max-width: 80vw !important;
    padding-left: 0;
    padding-right: 0;
}

.max-width70 .frame {
    max-width: 70vw !important;
    padding-left: 0;
    padding-right: 0;
}

.max-width60 .frame {
    max-width: 60vw !important;
    padding-left: 0;
    padding-right: 0;
}

.max-width50 .frame {
    max-width: 50vw !important;
    padding-left: 0;
    padding-right: 0;
}

.max-width40 .frame {
    max-width: 40vw !important;
    padding-left: 0;
    padding-right: 0;
}

.max-width30 .frame {
    max-width: 30vw !important;
    padding-left: 0;
    padding-right: 0;
}

/* ============================================= */
/* Estilos de Filtros y Acordeones */
/* ============================================= */

/* div.filter-options-title[data-role="title"] {
    color: white !important;
    position: relative;
}

div.filter-options-title[data-role="title"]::before {
    content: "Filtrar por Precio";
    color: black;
    position: absolute;
    left: 0;
    top: 0;
} */

.lineaAcordesde h4 {
    border-top: 1px solid #000000 !important;
    border: 0px;
}

.lineaAcorde h4 {
    border-top: 1px solid #000000 !important;
    border: 0px;
    white-space: nowrap; /* Evita que el texto se divida en varias líneas */
    overflow: hidden;    /* Oculta el texto que se desborda (opcional) */
    text-overflow: ellipsis;
}

.lineaAcorde .accordion-content {
    border: 0px;
}

.accordion-title-icon2 .icon-active:before,
.accordion-title-icon2 .accordion-title.ui-accordion-header-active:first-of-type::before {

    content: " +";
    font-size: 23px;
}
.accordion-title-icon2 .accordion-title:first-of-type::before {
 
    content: "-";
    font-size: 24px;
}
/* ============================================= */
/* Estilos del Newsletter Popup */
/* ============================================= */

/* ============================================= */
/* Estilos del Newsletter Popup */
/* ============================================= */
.boletin-inicio.newsletter_popup {
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 15px;
}

.boletin-inicio.block-popup-top {
    display: block; /* en móviles todo apilado */
}

.boletin-inicio.pop-sletter-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;      /* en móviles ocupa todo el ancho */
    height: 412px;    /* altura más chica */
    margin-bottom: 15px;
}

.boletin-inicio.pop-sletter-title h4 {
    background-color: white;
    line-height: 1.4em;
    color: black;
    text-align: center;
    padding: 10px;
    color:  black !important;
    line-height: inherit !important;
}

.boletin-inicio.pop-sletter-title {
    height: auto; /* que crezca según el texto */
    height: 50px !important;
}

.boletin-inicio.btn-40 {
    width: 100%; /* botón ocupa todo en móvil */
    background-color: black;
    border-radius: 8px;
    margin-top: 10px;
}

.boletin-inicio.control #newsletter-popup-email {
    width: 100%; /* input full en móvil */
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
}

.boletin-inicio.newsletter-popup-content {
    padding: 15px;
}


/* ==== Estilos para pantallas grandes (>=960px) ==== */
@media (min-width: 960px) {
    .boletins-inicio.pop-sletter-images {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 40%;
        height: 404px;
        margin: 15px;
    }

    .boletin-inicio.pop-sletter-image {
        background-size: contain;
        background-repeat: no-repeat;
        width: 42%;
        height: 510px;
        margin: 0px;
    }

    .boletin-inicio.block-popup-top {
        display: flex; /* lado a lado */
        align-items: center;
        justify-content: center;
    }

    .boletin-inicio.pop-sletter-title h4 {
        background-color: white !important;
        line-height: 100px !important;
        color: black !important;
    }

    .boletin-inicio.pop-sletter-title {
        height: 100px !important;
    }

    .boletin-inicio.btn-40 {
        width: 40%;  /* botón más pequeño en desktop */
        background-color: black;
        border-radius: 13px;
    }

    .boletin-inicio.newsletter-popup-content {
        padding: 20px 30px 40px !important;
    }
}



@media (max-width: 765px) {
    .instagram-block .content-heading h3.title {
        top: 30px !important;
    }
}
.message-success.fadeIn.animated {
    animation: fadeOut 5s forwards;
    animation-delay: 5s;
}

@keyframes fadeOut {
    from { 
        opacity: 1;
        max-height: 100px;
    }
    to { 
        opacity: 0;
        visibility: hidden;
    }
}

/* ============================================= */
/*  slider_es  slider_mgs_carousel */
/* ============================================= */


.slider_es .page-header-sliders {
  height: auto !important;
}
 .slider_es .slider_mgs_carousel .owl-item .item-image {
    min-height: 90px !important;
  }
/* ============================================= */
/*  swatch-attribute */
/* ============================================= */

/* .ocultar_swatch-attribute .swatch-attribute{
 display: none;
} */

.ocultar_swatch-attribute .swatch-attribute{
 display: none;
}



/* ============================================= */
/*  mini card */
/* ============================================= */

/* Versión con iconos -----------------------------------------------------------*/
/* Mostrar las acciones de producto */
.minicart-items .product.actions {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 10px;
    justify-content: flex-start;
    gap: 0;
}

/* Estilo para los botones de acción */
.minicart-items .action.edit,
.minicart-items .action.delete {
    /*! display: inline-block !important; */
    /*! visibility: visible !important; */
    /*! opacity: 1 !important; */
    /*! font-size: 12px; */
    /*! padding: 5px 10px; */
    /*! text-decoration: none; */
    /*! border: 1px solid #ddd; */
    /*! border-radius: 3px; */
    /*! transition: all 0.3s ease; */
}

/* Estilo específico para Editar */
.minicart-items .action.edit {
    color: #1979c3;
    background: #f8f8f8;
}

.minicart-items .action.edit:hover {
    background: #1979c3;
    color: white;
    border-color: #1979c3;
}

/* Estilo específico para Eliminar */
.minicart-items .action.delete {
    color: #ff0000;
    background: #fff;
}

.minicart-items .action.delete:hover {
    background: #ff0000;
    color: white;
    border-color: #ff0000;
}

/* Asegurar que el contenedor principal tenga espacio para las acciones */
.minicart-items .product-item-details {
    position: relative;
    padding-bottom: 15px;
}

/* Opcional: Alinear las acciones a la derecha si prefieres */

.minicart-items .product.actions {
    justify-content: flex-end;
    position: absolute;
    right: -63px;
    bottom: 99px;
    top:  60% !important;
    left: 61% !important;
}

.details-qty.qty{
    position: relative;
  left: -18px;
}

.columns{
    display: flex !important;
}
.sidebar.sidebar-main{
    order: 3 !important;
}
.toggle-password.checkout{position: relative;top: -33px;border: none;padding-right: 16px;left: 92%;background-color: white;}
.check-contenedor-de-proceso-de-pago .action-auth-toggle{
    display:none;
}

.modes-mode.mode-list{
    display :none !important
}

.action.nav-tg.hidden-des{
display: none !important;
}

@media (min-width: 1200px) {
    .marcas_bloque_logo {
        max-width: 12% !important;
    }
}

#search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper .product-items .product-item-photo {
    
    left: 25px;}

#search_mini_form .product.photo.product-item-photo img {
    left: 50% !important;
}

.toolbar-mobile{
    display: none;
}