body{
     font-family: Montserrat;
}
#toptext p{
    margin-bottom: 0;
}
#menulogo img{
    width: 193px;
}

.menutop ul{
    margin: auto;
}
.menutop ul li{
    margin-left: 15px !important;
    margin-right: 15px !important;
}
#btncuenta .elementor-button-icon{
    border: 2px solid white;
    border-radius: 100%;
    overflow: hidden;
    font-size: 1.1rem;
    padding: 1px;
}
#btncuenta .elementor-button-icon svg{
    bottom: -1px;
    position: relative;
}
#btncuenta .elementor-button-content-wrapper {
    align-items: center;
}

/* Oculta el icono de Elementor */
.elementor-widget-hfe-cart.toggle-icon--bag-medium 
.hfe-menu-cart__toggle 
.elementor-button-icon i:before {
    content: "" !important;
}

/* Opcional: oculta el <i> completo */
.elementor-widget-hfe-cart .elementor-button-icon i {
    display: none;
}

/* Agrega tu imagen */
.elementor-widget-hfe-cart .elementor-button-icon {
    width: 31px;
    height: 27px;
    background-image: url("https://upe.com.mx/wp-content/uploads/2026/04/cart.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.divcq h2{
    text-align: center;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1;
    color: #FFFFFF;
        margin: 0;
}
.colortic{
    color: #5C90D3;
}
.subtitlecq{
   font-family: Montserrat;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.1;
    text-align: center;
    display: inline-block;
}


/* WOOCMERA */

/* 1. Permitimos que el contenedor principal exista (para que el botón sea visible) */
.woof.woof_hide_filter {
    display: block !important;
}



/* 3. Cuando el filtro se ABRE (se quita la clase hide), mostramos el contenido */
.woof:not(.woof_hide_filter) .woof_redraw_zone {
    display: block !important;
}

/* 4. Estilo para el botón de "Open Filter" en móvil para que no sea invisible */
.woof_show_mobile_filter {
    display: block !important;
    background: #000; /* Color de fondo (puedes cambiarlo) */
    color: #fff;      /* Color de texto */
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 20px;
    cursor: pointer;
}

.woof_show_mobile_filter img {
    filter: brightness(0) invert(1); /* Si el icono es negro, lo vuelve blanco */
    width: 20px;
    vertical-align: middle;
    margin-right: 10px;
}
/* 1. Cuando el filtro está CERRADO (tiene la clase), lo ocultamos */
.woof_hide_filter .woof_redraw_zone {
      display: none !important;  
}

/* 2. Cuando el filtro está ABIERTO (NO tiene la clase), lo mostramos */
/* El símbolo :not indica que la regla solo aplica si esa clase NO está presente */
.woof_show_filter_for_mobile .woof_redraw_zone {  
      display: block !important;
}

/* FILTRO ORDEN */
/* Contenedor del botón móvil */
.woof_show_mobile_filter {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: #ffffff !important; /* Fondo blanco */
    border: 2px solid #e2e2e2 !important; /* Borde gris claro */
    border-radius: 15px !important;       /* Esquinas muy redondeadas */
    padding: 10px 25px !important;        /* Espaciado interno */
    cursor: pointer;
    width: fit-content;                   /* Se ajusta al texto */
    margin: 0 auto 20px auto !important;  /* Centrado */
    transition: all 0.3s ease;
}

/* Ocultar la imagen original del plugin */
.woof_show_mobile_filter img {
    display: none !important;
}

/* Crear el nuevo icono de líneas (ajustes) con CSS */
.woof_show_mobile_filter::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 12px;
    /* Usamos una imagen de icono de filtros estándar */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Estilo del texto "Filtrar" */
.woof_show_mobile_filter span {
    color: #333 !important;           /* Color de texto oscuro */
    font-size: 18px !important;       /* Tamaño de letra */
    font-family: sans-serif;          /* O la fuente de tu web */
    font-weight: 400 !important;
    text-transform: none !important;  /* Quitar mayúsculas si las hay */
}

/* Cambiar el texto de "Open filter" a "Filtrar" mediante CSS */
.woof_show_mobile_filter span {
    visibility: hidden;
    position: relative;
}

.woof_show_mobile_filter span::after {
    content: "Filtrar";
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}

/* Efecto al pasar el mouse (opcional) */
.woof_show_mobile_filter:hover {
    border-color: #000 !important;
    background-color: #f9f9f9 !important;
}

/* Estilo para el botón de Cerrar Filtro */
.woof_hide_mobile_filter {
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8 !important; /* Un gris muy ligero para diferenciarlo */
    border: 2px solid #e2e2e2 !important;
    border-radius: 15px !important;
    padding: 10px 25px !important;
    cursor: pointer;
    width: fit-content;
    margin: 15px auto !important; /* Separación del contenido del filtro */
    transition: all 0.3s ease;
}

/* Ocultar la imagen de la X original */
.woof_hide_mobile_filter img {
    display: none !important;
}

/* Icono de cerrar (X) hecho con CSS */
.woof_hide_mobile_filter::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Cambiar "Close filter" por "Cerrar" */
.woof_hide_mobile_filter span {
    color: #333 !important;
    font-size: 18px !important;
    font-family: sans-serif;
    font-weight: 400 !important;
    visibility: hidden;
    position: relative;
}

.woof_hide_mobile_filter span::after {
    content: "Cerrar"; /* Aquí ponemos el texto en español */
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}

/* Efecto Hover */
.woof_hide_mobile_filter:hover {
    background-color: #ffeaea !important; /* Un toque rojo suave al cerrar */
    border-color: #ffcccc !important;
}

.woocommerce-ordering .customSelect.orderby::after {
    content: ">" !important;
    font-weight: 500 !important;
    font-family: monospace !important;
    font-size: 1.8rem;
    color: #000000;   
}

.woof_container_inner h4 {
    margin-bottom: 9px;
    background: #B4B4B4;
    padding: 10px 20px;
    border-radius: 9px 9px 0 0;
    font-family: Montserrat;
    font-weight: 500;
    color: white;
}
.woof_container_label .woof_container_inner{
    background-color: #FEFEFE;
    border-radius: 9px 9px 9px 9px;
}
.woof_block_html_items {
    padding: 15px 20px;
}
.woof_list_label .woof_label_term {
    background-color: #FEFEFE !important;
    border: 1px solid #FEFEFE !important;
}
.woof_container_product_cat .woof_list_label li .woof_label_term:hover, .woof_list_label li .woof_label_term.checked {
    background-color: #ffffff!important;
    border-color: #ffffff!important;
    color: #000000!important;
}
.woof_list_label{
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: left;
    column-gap: 13px;
}
.woof_container_product_cat li >  .woof_label_term {
    width: 100% !important;
    display: block ;
    text-align: left!important;
}
 .woof_list_label .woof_label_term{
    height: 38px !important;
}
.woof_container_pa_talla .woof_label_term {
    border-radius: 5px !important;
    border: 1px solid #DADADA !important;
}


.woof_container_pa_talla .woof_list_label li .woof_label_term:hover, .woof_list_label li .woof_label_term.checked {
    background-color: #ffffff !important;
    border-color: #DADADA !important;
    color: #000000 !important;
}

.woof_label_term{
    font-family: Montserrat;
    font-weight: 400;
    line-height: 1.1 !important;
    font-size: 1rem;
}

.woof_price_search_container .woof_container_inner {
   background-color: #FEFEFE;
    border-radius: 9px 9px 9px 9px;
}

.woof_price_search_container .woof_container_inner form{
    padding: 15px 20px;
}

.woof_price_search_container .price_slider{
    width: 100% !important;
}
.woof .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #9d9d9d !important;
    height: 0.8em !important;
    width: 0.8em !important;
    border: none !important;
}
.woof .widget_price_filter .ui-slider-horizontal {
    height: 0.3em !important;
}
.woof .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #d9d9d9 !important;
}
.elementor-shortcode .woof .widget_price_filter .price_slider_amount .button {
    float: none !important;
    width: 45% !important;
    border-radius: 10px !important;
    background: #031B4B;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.1;
    text-align: center;
    padding: 11px 10px;
}
.elementor-shortcode .woof_price_search_container .price_slider_amount .price_label {
    float: none !important;
    width: 53%;
    text-align: right !important;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.1;
}
.woof .widget_price_filter .price_slider_amount {
    width: 100%;
}

.woof .widget_price_filter .price_slider_amount .button:hover, .woof .widget_price_filter .price_slider_amount .button:focus{
    background-color: #031B4B;
    color: #ffffff;
}
.catalog-ordering-container{
    width: 280px;
    margin-left: auto;
}

.customSelect.orderby {
    border: 1px solid #D5D5D5 !important;
    color: #000000 !important;
    border-radius: 7px;
    font-family: Montserrat;
    font-weight: 400;

}

.mi-catalogo-personalizado  li.product .product_wrap {
    background: #f4f4f4 !important;
    text-align: center;
    border: none;

}

.mi-catalogo-personalizado  ul.products li.product, .mi-catalogo-personalizado ul.products li.product {
    background:  #f4f4f4 !important;
    box-shadow: none !important;
}

.mi-catalogo-personalizado .product_actions_btn_wrap {
    display: none;
}
.mi-catalogo-personalizado .woocommerce-loop-product__title{
    font-family: Montserrat;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.1;
    text-align: center;
    color: #000000;
}
.mi-catalogo-personalizado .woocommerce-Price-amount{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.1;
    text-align: center;
    color: #000000;
}
/* 
CODIGO PAGINACION */

/* Contenedor principal de la paginación */
.woocommerce-pagination {
    text-align: center;
    margin-top: 30px;
}

/* Limpiar la lista */
.woocommerce-pagination ul.page-numbers {
    display: inline-flex;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    list-style: none;
    align-items: center;
    gap: 10px; /* Espacio entre botones */
}

/* Estilo general para los números y flechas */
.woocommerce-pagination ul.page-numbers li .page-numbers {
   display: flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    height: 36px;
    padding: 0 15px;
    border: 1px solid #ddd;
    border-radius: 9px;
    background-color: #ffffff;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.1;
    text-align: center;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
    width: 42px;
    height: 42px;
    line-height: 40px;
    display: block;
    border: 1px solid #fff;
    margin: 0px 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* Estilo para la página ACTUAL (Azul oscuro) */
.woocommerce-pagination ul.page-numbers li .page-numbers.current {
    background-color: #001a41 !important; /* Azul marino de la imagen */
    color: #ffffff !important;
    border-color: #001a41 !important;
}

/* Quitar bordes a las flechas Siguiente/Anterior para que se vean limpias */
.woocommerce-pagination ul.page-numbers li .page-numbers.next,
.woocommerce-pagination ul.page-numbers li .page-numbers.prev {
    border: none;
    background: transparent;
    font-size: 20px;
    color: #666;
}

/* Efecto hover (pasar el mouse) */
.woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
    background-color: #f5f5f5;
    border-color: #bbb;
}

.woocommerce-pagination ul.page-numbers li .page-numbers.next, .woocommerce-pagination ul.page-numbers li .page-numbers.prev {
    border: none;
    background: transparent;
    font-size: 2rem;
    color: #000000;
    font-family: monospace;
    font-weight: lighter;
}

 .woocommerce-pagination {
    text-align: left !important;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce-pagination {
    text-align: left !important;
}

#logofooters img{
    max-width: 275px;
}
.footern p, .footern a{
    font-family: Montserrat;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.2;
    color: #ffffff;
    display: inline-block;
        margin-bottom: 0;
}
#listfooters{
    list-style: none;
    padding: 0;
    margin: 0;
}
#tarjetasfooter img{
    max-width: 160px;
}

#listfooters li{
    margin-bottom: 5px;
}

.footern a:hover, .footern a:focus{
    color: #ffffff;
}

#wpstats {
    display: none !important;
}


/* NOSTORS */
#bannernosotros{
        padding: 50px 50px 150px 50px;
}
#imagenesover .e-con-inner{
    margin-top: -150px;
}
.nobttom {
    padding-bottom: 0 !important;
}

.nobttom .e-con-inner{
    padding-bottom: 0 !important;
}
.nostrong b,.nostrong strong{
    font-weight: 600 !important;
}
.nostrong p{
    margin-bottom: 0 !important;
}
#slogm b{
    font-weight: 700 !important;
}

/* CONTACTO */
#txtocontac p strong{
    color:  #2D895D;
    font-weight: 700 !important;
}

#contact-form-persionalizado{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.pmid{
    flex: 1 1 calc(50% - 10px);
}
.pfull{
    flex: 1 1 100%;
    text-align: center;
}
.pmid p, .pfull p{
    margin-bottom: 0;
}

#contact-form-persionalizado input, #contact-form-persionalizado textarea{
    border-radius: 9px;
    border: 0.5px solid #B5B5B5;
    margin-bottom: 0px;
    padding-top: 12px;
    padding-bottom: 1px;
}

#contact-form-persionalizado textarea{
    max-height: 150px;
    resize: none;
}
#contact-form-persionalizado .wpcf7-submit{
    background-color: #031B4B;
    color: #ffffff;
    border-radius: 10px;
    padding: 17px 100px !important;  
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.1;
    cursor: pointer;
}
#txtocontac p{
    margin-bottom: 7px;
}
#contact-form-persionalizado .wpcf7-spinner{
    display: block;
    margin: auto;
}
#wpcf7-f4857-p4830-o1 .wpcf7-response-output{
        text-align: center !important;
        margin-top: 0;
}

/* label */

#contact-form-persionalizado .campo{
    position: relative;
}

#contact-form-persionalizado .campo label{
    position: absolute;
    top: -3px;
    left: 10px;
    background: #ffffff00;
    padding: 0 6px;
    font-size: 12px;
    color: #C5C5C5;
    z-index: 2;
    font-family: Montserrat;
}

/* CUENTAS */
/* Contenedor Principal con Fondo */
.custom-auth-container {
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Tarjeta Blanca */
.auth-card {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    width: 100%;
    max-width: 500px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    text-align: center;
}

.auth-card h2 {
   font-family: Montserrat;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 30px;
    text-align: center;
    color: #000;
    margin-bottom: 0;
}

.auth-card .subtitle {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 1rem;
    line-height: 30px;
    text-align: center;
    color: #000000;
}
.placehold{
      font-family: Montserrat;
    font-weight: 300;
    font-size: 0.8rem;
    line-height: 100%;
    color: #C5C5C5;
    position: absolute;
    left: 13px;
    z-index: 1;
    top: 6px;
}

.woocommerce-password-strength.short {
    font-size: 0.9rem;
    text-align: center;
}
.woocommerce-password-hint{
        font-size: 0.8rem;
    line-height: 1.1;
    display: inline-block;
}
/* Inputs */
.form-group{
    margin-bottom: 15px;
    position: relative !important;
}

.auth-card input[type="text"], 
.auth-card input[type="email"], 
.auth-card input[type="password"] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    margin-bottom: 2px;
    padding-top: 15px;
    padding-bottom: 4px;
}
.auth-card input[type="password"] {
    padding-right: 52px;
}


.toggle-password{
    position: absolute;
    right: 20px;
    top: 13px;
    cursor: pointer;
}

/* Botón Azul Oscuro */
.btn-submit {
    background-color: #031B4B !important;
    color: white !important;
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: none;
    margin-top: 10px;
    cursor: pointer;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.1;
    text-align: center;
}

/* Links */
.lost-pass {
    display: block;
    text-align: right;
    color: #083FAC;
    margin-top: 5px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 0.8rem;
    line-height: 1.1;
}

.switch-form {
    margin-top: 20px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 0.85rem;
    line-height: 1.1;
    text-align: center;
    color: #000000;
}
.switch-form a{
    font-family: Montserrat;
    font-weight: 400;
    text-align: center;
    color: #0840B1;
}

.terms-check{
    font-family: Montserrat;
    font-weight: 400;
    font-size:  0.8rem;
    line-height: 1.1;
    color: #262626;
    text-align: left;
}
.terms-check label{
    display: flex;
    gap: 16px;
}

.terms-check input[type="checkbox"] {
    transform: scale(1.5);
}
.woocommerce-password-strength.bad {
    text-align: center;
    line-height: 1;
    font-size: 0.9rem;
    margin-bottom: 6px;
    margin-top: 3px;
}


/* Asegurar que el input de reset password herede el estilo */
.woocommerce-ResetPassword input[type="text"] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    margin-bottom: 10px;
}

/* Estilo para el subtítulo informativo */
.auth-card .subtitle {
    line-height: 1.5;
    margin-bottom: 25px;
    font-size: 14px;
    color: #555;
    padding: 0 10px;
}

/* Ajuste para los avisos de WooCommerce dentro de la tarjeta */
.auth-card .woocommerce-message, 
.auth-card .woocommerce-info {
    background-color: transparent !important;
    border: none !important;
    color: #2ecc71 !important; /* Verde éxito */
    font-weight: bold;
    padding: 0 !important;
    margin-bottom: 15px !important;
    text-align: center;
}

/* El botón de 'Volver al inicio' como enlace debe verse igual que el de registro */
.auth-card a.btn-submit {
    line-height: 1.2;
    text-align: center;
}

/* Por si WooCommerce pone un icono de check por defecto, lo centramos */
.auth-card .woocommerce-message::before {
    display: none !important; /* Quitamos el icono default para usar el nuestro */
}


/* Contenedor principal */
.upe-custom-dashboard {
    padding: 10px;
}

.upe-welcome-banner {
    margin-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 20px;
}

.upe-welcome-banner h2 {
    font-size: 26px;
    color: #051937;
    margin: 0;
}

.upe-welcome-banner p {
    font-size: 14px;
    color: #666;
}

/* Rejilla de tarjetas */
.upe-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 15px;
}

.upe-dash-item {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 20px;
    border-radius: 12px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.upe-dash-item:hover {
    border-color: #051937;
    box-shadow: 0 5px 15px rgba(5, 25, 55, 0.1);
    transform: translateY(-3px);
}

.upe-icon {
    font-size: 30px;
    margin-right: 15px;
    background: #f4f7fa;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.upe-info h3 {
    margin: 0;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.upe-info span {
    font-size: 13px;
    color: #888;
}

/* Especial para salir */
.logout-item:hover {
    border-color: #c0392b;
}
.logout-item:hover .upe-icon {
    background: #fdeaea;
}
.logged-in .elementor-element-e4be01d{
    background-color: #fafafa;
    background-image: none !important;
    min-height: 60vh;
    padding-top: 50px;
    padding-bottom: 50px;
}

.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    width: 100%;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    text-align: center;
}


.page-id-4892 table.shop_table_responsive tr th{
    font-size: 12px;
}


.woocommerce-orders-table.woocommerce-MyAccount-orders td{
    font-size: 0.9rem;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td a{
      background-color: #031B4B;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-radius: 7px;
    padding: 9px;
    margin-right: 7px;

}


.woocommerce-MyAccount-navigation-link--downloads{
    display: none !important;
}

.woocommerce-MyAccount-navigation li a:after {
    display: none !important;
}

.woocommerce-Address .edit{
    background-color: #031B4B;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-radius: 7px;
    padding: 9px;
    margin-right: 7px;
    font-size: 0.9rem;
}
.wooccm-field{
    text-align: left;
}

.woocommerce-MyAccount-content .button{
  background-color: #031B4B;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-radius: 7px;
    padding: 15px 30px;
    margin-right: 7px;
    font-size: 0.9rem;
}
.woocommerce-EditAccountForm label{
    text-align: left;
}


/* Contenedor */
fieldset {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    background: #f9f9f9;
}

/* Título */
fieldset legend {
    font-size: 16px;
    font-weight: 600;
    padding: 6px 12px;
    background: #000;
    color: #fff;
    border-radius: 6px;
}

/* Labels */
.woocommerce form .form-row label {
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

/* Inputs */
.woocommerce .input-text {
    width: 100%;
    padding: 10px 40px 10px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

/* Contenedor del password */
.password-input {
    position: relative;
    display: block;
}

/* Botón ojito */
.show-password-input {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: none;
    border: none;
    cursor: pointer;
}

/* Opcional: icono simple */
.show-password-input::after {
       content: "👁";
    font-size: 20px;
    color: black;
    position: relative;
    top: -9px;
}
.woocommerce-form-row .password-input{
    width: 100%;
}



/* ver detalle */
/* RESALTADOS */
.order-number,
.order-date,
.order-status {
    background: #fff3cd;
    padding: 2px 6px;
    border-radius: 4px;
}

/* TITULOS */
.woocommerce-order-details__title,
.woocommerce-column__title {
    background: #0b2a5b;
    color: #fff;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
    margin-bottom: 15px;
}

/* TABLA PRINCIPAL */
.shop_table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* HEAD */
.shop_table thead {
    background: #f1f3f7;
}

.shop_table th {
    text-align: left;
    padding: 12px;
    font-size: 14px;
}

/* FILAS */
.shop_table td {
    padding: 12px;
    border-top: 1px solid #eee;
    vertical-align: top;
}

/* PRODUCTO */
.product-name a {
    font-weight: 500;
    color: #0b2a5b;
    text-decoration: none;
}

.product-quantity {
    display: block;
    font-size: 13px;
    color: #666;
}

/* META (Número / Nombre) */
.wc-item-meta {
    margin-top: 8px;
    padding-left: 0;
    list-style: none;
}

.wc-item-meta li {
    font-size: 13px;
    color: #444;
}

/* FOOTER (totales) */
.shop_table tfoot th {
    font-weight: 600;
}

.shop_table tfoot td {
    text-align: right;
}

/* TOTAL FINAL */
.shop_table tfoot tr:last-child {
    font-size: 16px;
    font-weight: bold;
}

/* BOTONES */
.order-actions-button {
    background: #0b2a5b !important;
    color: #fff !important;
    padding: 8px 14px !important;
    border-radius: 6px !important;
    margin-right: 5px;
    text-decoration: none !important;
}

.order-actions-button.cancel {
    background: #dc3545 !important;
}

.order-actions-button.invoice {
    background: #28a745 !important;
}

/* DIRECCIONES */
.woocommerce-columns--addresses {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.woocommerce-column {
    flex: 1;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.woocommerce-order-details h2, .woocommerce-customer-details h2 {
    left: 0;
    right: 0;
}
.woocommerce-columns .col-1, .woocommerce-columns .col-2 {
    width: 50% !important;
    flex: 0 0 48%;
}
.redirect_return img{
      width: 55px;
    position: absolute;
    top: 20px;
}
.redirect_return2 img{
      width: 55px;
    position: absolute;
    top: 20px;
}

.page-id-4915 .shop_table{
    margin-top: 20px;
      background: #fafafa;
    box-shadow: none;
    border: 1px solid #C3C3C3 !important;
    overflow: auto;
}

.page-id-4915 .shop_table thead th{
   background: #031B4B !important;
    color: white !important;
    font-family: Montserrat !important;
    font-weight: 700;
    line-height: 2rem;
        font-size: 1.12rem !important;
    text-transform: capitalize !important;
}


.page-id-4915 .woocommerce-cart-form table.shop_table.cart tr td {
    background: #fafafa;
    border-bottom: 1px solid #C3C3C3;
    font-family: Montserrat !important;
    font-weight: 700;
    font-size: 1.1rem !important;
    line-height: 1.1;
    color:  #23375D !important;
}

.page-id-4915 .woocommerce-cart-form table.shop_table.cart tr td a{
    font-family: Montserrat !important;
    font-weight: 700;
    font-size: 1.1rem !important;
    line-height: 1.1;
    color:  #23375D !important;
}



/* Oculta la X */
.page-id-4915 .woocommerce .shop_table .cart_item .product-remove a.remove {
    font-size: 0 !important;
    width: 24px;
    height: 24px;
    display: inline-block;
}

/* Icono basura más limpio */
.page-id-4915 .woocommerce a.remove::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url('https://upe.com.mx/wp-content/uploads/2026/05/eliminar.webp') no-repeat center;
    background-size: contain;
}

.page-id-4915 .woocommerce .quantity input.qty{
    color: #23375D;
    font-weight: 700;
    text-align: center;
}
.page-id-4915 .woocommerce .quantity .plus{
        border-radius: 0;
    background: #fafafa;
    color: #23375D;
}

.page-id-4915 .woocommerce .quantity .minus{
        border-radius: 0;
    background: #fafafa;
    color: #23375D;
}

/* Chrome, Safari, Edge */
.page-id-4915 .woocommerce .quantity input.qty::-webkit-outer-spin-button,
.page-id-4915 .woocommerce .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.page-id-4915 .woocommerce .quantity input.qty {
    -moz-appearance: textfield;
}

.page-id-4915 .woocommerce table.shop_table.cart tr td.actions {
    padding-bottom: 5px !important;
}

.page-id-4915 table.cart td.actions .coupon .input-text{
  border: 1px solid #524B4B !important;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.1;
    color: #524B4B;
    background-color: white;
    border-radius: 0;
    margin-right: 10px;
    max-width: 265px !important;
}
.page-id-4915 .shop_table .actions .coupon .button{
       background-color: #2D895D;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    color: #FFFFFF;
    border-radius: 9px;
    padding: 7px 48px;
    border: 0;
    text-transform: capitalize;
    height: 49px;
    margin-left: 10px;
}


.page-id-4915 .shop_table .actions .button{
    text-transform: capitalize;
    height: 50px;
}



/* CONTENEDOR */
.page-id-4915.woocommerce-cart .cart_totals {
       background: #fafafa;
    border-radius: 0;
    border: 1px solid #C3C3C3;
}

.page-id-4915 .woocommerce .cart-collaterals .cart_totals h2 {
   display: block !important;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.1;
    color: #3D3731;
    background: #F4F4F4;
    margin: 0;
    padding: 18px 15px;
    border: 1px solid #C3C3C3
}

.page-id-4915 .cart_totals .shop_table{
    margin-top: 0;
    margin-bottom: 0;
    border: none !important;
}
.page-id-4915 .cart_totals .shop_table tr{
        background: #fafafa;
}

.page-id-4915  .woocommerce .cart-collaterals .cart_totals table.shop_table th{
    border: none !important;
    border-bottom: 1px solid #C3C3C3 !important;
    text-align: left !important;
    text-transform: capitalize;
    font-family: Montserrat;
    font-weight: 700 !important;
    font-size: 1rem !important;
    line-height: 1.1;
    color: #3D3731 !important;
}

.page-id-4915  .woocommerce .cart-collaterals .cart_totals table.shop_table tbody{
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    border: none;
}

.page-id-4915 .woocommerce .cart-collaterals .cart_totals table.shop_table td{
    font-family: Montserrat !important;
    font-weight: 500 !important;
    font-size: 1rem;
    line-height: 1.1;
    color: #3D3731 !important;
    width: 275px;

}

.page-id-4915 .woocommerce ul#shipping_method label {
    font-size: 0.9rem;
    line-height: 1.1;
}
.page-id-4915 .woocommerce .cart-collaterals .cart_totals table.shop_table td strong{    
    font-weight: 500 !important;
}

.page-id-4915 .wc-proceed-to-checkout a{
    background: #031B4B;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.1;
    text-align: center;
    vertical-align: middle;    
    width: 85% !important;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: capitalize;
}
.page-id-4915 .wc-proceed-to-checkout a:hover{
    background: #031B4B;  
}

.cross-sells{
    display: none !important;
}


.page-id-4915 .cart_totals{
    margin-bottom: 50px;    
}
.page-id-4957 .woocommerce-checkout{
    display: grid;
    grid-template-columns: 1fr 1fr; /* mitad y mitad */
    grid-template-rows: auto auto;
    gap: 20px;
}
.page-id-4957 .woocommerce-form-coupon-toggle{
    display: none !important;
}
.page-id-4957 .woocommerce-checkout{
        display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 0;
    column-gap: 70px;
    margin-top: 40px;
}
.page-id-4957 #customer_details{
    grid-column: 1;
    grid-row: 1 / 3; /* ocupa las 2 filas */
}

.page-id-4957 #order_review_heading{
     grid-column: 2;
    grid-row: 1;
}

.page-id-4957 #order_review{
    grid-column: 2;
    grid-row: 2;
}

.page-id-4957 #customer_details .col-1, .page-id-4957 #customer_details .col-2 {
    width: 100%;
    max-width: 100%;
    float: none;
}

.page-id-4957 h3{
    font-family: Montserrat;
    font-weight: 700;
    font-size: 2.3rem;
    line-height: 100%;
    color: #23375D;
    margin-left: -7px;
}

.page-id-4957 .woocommerce-billing-fields__field-wrapper{
        margin-top: 40px;
}
.page-id-4957 .woocommerce-billing-fields label{
       font-family: Montserrat;
    font-weight: 700 !important;
    font-size: 1.2rem;
    line-height: 100%;
    color: #262626;
}

.page-id-4957 #customer_details .form-row input, .page-id-4957 #customer_details .form-row textarea, .page-id-4957 #customer_details .form-row select{
        border: 1px solid #262626;
        width: 100%;        
        padding: 9px;
        border-radius: 3px;
}
.page-id-4957 .wooccm-file-button{
    background-color: #2D895D;
    color: #ffffff;
    border-radius: 9px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.1;
    border: none;
    padding: 15px 14px;
    margin-top: 10px;
}
.page-id-4957 .woocommerce-form__label-for-checkbox{
    display: flex !important;
    font-family: Montserrat;
    font-weight: 700 !important;
    font-size: 1.2rem;
    line-height: 100%;
    color: #262626;
}
.page-id-4957  .woocommerce-form__input-checkbox{
    width: 18px !important;
    margin-right: 14px;
}

.page-id-4957 .create-account label, .page-id-4957 .shipping_address label{
       font-family: Montserrat;
    font-weight: 700 !important;
    font-size: 1.2rem;
    line-height: 100%;
    color: #262626;
}

.page-id-4957 #order_comments_field label{
    font-family: Montserrat;
    font-weight: 700 !important;
    font-size: 1.2rem;
    line-height: 100%;
    color: #262626;
    margin-top: 30px;
}

.page-id-4957 #order_review_heading::before {
    content: "";
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -20px;
    background: #f5f5f5;
    border-radius: 10px;
    z-index: -1;
}






/* Contenedor visual (simulado) */
.page-id-4957 #order_review_heading,
.page-id-4957 #order_review {
    margin-left: auto;
    margin-right: auto;
    border-left: 3px solid #524B4B;
    border-right: 3px solid #524B4B;
}

/* Parte de arriba (título) */
.page-id-4957 #order_review_heading {
    padding: 22px 25px 10px;
    border-top: 3px solid #524B4B;
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
    width: 100%;
    
}

/* Parte de abajo (contenido) */
.page-id-4957 #order_review {
    padding: 10px 25px 25px;
    border-bottom: 3px solid #524B4B;
    border-radius: 0 0 8px 8px;
}

.page-id-4957 .woocommerce-checkout-review-order-table {
        background: #fafafa !important;
        box-shadow: none !important;
}

.page-id-4957 #order_review th{
    border: none !important;
    background: #fafafa;
    border-radius: 0;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 100%;
    color: #3D3731;
}
.page-id-4957 #order_review thead{
    border-bottom: 1px solid #C3C3C3 !important;
}

.page-id-4957 #order_review  td{
    border: none !important;
    background: #fafafa;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1rem;
    line-height: 100%;
    color: #3D3731;
}


.page-id-4957 #order_review .cart_item {  
    border-bottom: 1px solid #C3C3C3;
}


.page-id-4957 #order_review tfoot th, .page-id-4957 #order_review tfoot td{
     border-bottom: 1px solid #C3C3C3 !important;
}
.page-id-4957 #place_order.button {
   text-transform: capitalize;
    background: #23375D;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    border: none;
    letter-spacing: unset;
    word-spacing: normal;
}
.page-id-4957 #place_order.button:hover{  
    background: #23375D;
     color: white;
}
.page-id-4957 .woocommerce{
    padding-bottom: 50px;
}

.single-product .product{
    margin-top: 50px;
}
.single-product #page{
    background-color: #fafafa;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {   
    width: 37% !important;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 60% !important;
    background: #fafafa !important;
    box-shadow: none !important;
}

.single-product .product_title{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 2rem;
    line-height: 100%;
    color: #031B4B;
}

.single-product .price{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 100%;
    color: #262626;
}
.yith-wcwl-add-to-wishlist{
    display: none !important;
}
.product_meta{
    display: none !important;
}
.single-product .woocommerce-tabs{
    display: none !important;
}
.single-product .descripcion-larga-superior{
    font-family: Montserrat;
    font-weight: 400;
    font-size: 1rem;
    line-height: 100%;
}

.single-product .variations label{
    font-family: Montserrat;
    font-weight: 600 !important;
    font-size: 1.2rem;
    line-height: 100%;
    color: #262626;
}

.single-product .variations  .label{
    width: 9% !important;
    border: 0 !important;
}

.single-product .variations  .value{
    border: 0 !important;
}

.woocommerce div.product form.cart .variations select{
    border-radius: 8px;
    border: 0.5px solid #555555;
    margin-top: 28px;
    width: 60% !important;
}
.single-product .woocommerce-variation-add-to-cart{
    display: flex;
    align-items: center;
}
.single-product .variations{
    margin-bottom: 0 !important;
}
.divcantidadsingleproduct{
    padding-left: 10px;
    padding-right: 25px;
    font-family: Montserrat;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 1.2rem;
    line-height: 100%;
    color: #262626;
    margin-bottom: 0;
}
.divcantidadsingleproduct label{
    margin-bottom: 0;
}
button.plus {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    -webkit-border-top-left-radius: 8px !important;
    -webkit-border-bottom-left-radius: 8px !important;
    background-color: #fafafa !important;
}

button.minus {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    -webkit-border-top-right-radius: 8px !important;
    -webkit-border-bottom-right-radius: 8px !important;
    background-color: #fafafa !important;
}

.single.single-product .quantity .input-text.qty.text, .woocommerce .quantity input.qty{
    background: #fafafa !important;
}
.single-product .woocommerce-variation-add-to-cart .quantity{
    width: 75%;
}

.single-product .single_add_to_cart_button{
    background: #031B4B;
    color: white;
    opacity: 1 !important;
    text-transform: initial;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1rem;
    line-height:1.1;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    border: none;
    padding: 17px 27px;
    padding-left: 53px !important;
        position: relative;
    
}
.single-product  .woocommerce-variation-add-to-cart .single_add_to_cart_button{
    margin-top: 30px !important ;
}
.single-product .single_add_to_cart_button:hover{
    background: #031B4B;
    color: white;
}
button.single_add_to_cart_button.theme-btn::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background-color: #d1d1d1; /* El color gris de tu imagen */
    left: 20px;
    transform: translateY(-50%) !important;
    top: 50%;
    /* Usamos una imagen externa de carrito */
    -webkit-mask: url('https://api.iconify.design/material-symbols:shopping-cart-rounded.svg') no-repeat center;
    mask: url('https://api.iconify.design/material-symbols:shopping-cart-rounded.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    opacity: 1 !important;
    position: absolute;
}
button.single_add_to_cart_button::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background-color: #d1d1d1; /* El color gris de tu imagen */
    left: 20px;
    transform: translateY(-50%) !important;
    top: 50%;
    /* Usamos una imagen externa de carrito */
    -webkit-mask: url('https://api.iconify.design/material-symbols:shopping-cart-rounded.svg') no-repeat center;
    mask: url('https://api.iconify.design/material-symbols:shopping-cart-rounded.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    opacity: 1 !important;
    position: absolute;
}
.single-product .related.products h2{
    border: 0;
    border-top: 3px solid #031B4B;
    text-align: center;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 100%;
    margin-bottom: 0px;
}

.single-product .related .products li .product_wrap{
    background: #f7f7f7;
    border: none;
    text-align: center;
}

.single-product  ul.products li.product, .single-product  ul.products li.product {
    box-shadow: none !important;
    background-color: #fafafa !important;
}
.single-product .related .products li .product_wrap .woocommerce-loop-product__title{
    font-family: Montserrat;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.1;
    text-align: center;
    color: #000 !important;
}
.single-product .related .products li .product_wrap .price{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.2rem;    
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    color: #000000 !important;
}
.single-product .related .products li .product_actions_btn_wrap{
    display: none !important;
}


.bundled_product_summary .bundled_product_title a.bundled_product_permalink:before{
    display: none !important;
}

.single-product .bundle_button{
        display: flex;
    gap: 20px;
}
.boton-volver-upe{
    position: absolute;
    top: 20px;
    z-index: 11;
    width: 55px;
    left: 5px;
}

/* nuevo ajuste de finalizar */
/* 1. Ajuste del contenedor principal */
.page-id-4957 .woocommerce-checkout {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Mantenemos las dos columnas */
    grid-template-rows: auto;        /* Quitamos las filas fijas */
    gap: 0; 
    column-gap: 70px;
    align-items: start;              /* ¡IMPORTANTE! Esto evita que se estiren los bloques */
}

/* 2. Columna Izquierda (Datos cliente) */
.page-id-4957 #customer_details {
    grid-column: 1;
    grid-row: 1;
}

/* 3. Columna Derecha (Agrupamos el título y el pedido) */
/* Vamos a forzar que el título y la tabla se comporten como un solo bloque */

.page-id-4957 #order_review_heading {
    grid-column: 2;
    grid-row: 1; /* Ambos en la fila 1 */
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    height: auto !important;
}

.page-id-4957 #order_review {
    grid-column: 2;
    grid-row: 1; /* Ambos en la fila 1 */
    margin-top: 50px !important; /* Esto lo baja justo debajo del título sin depender del grid */
    padding: 20px;
}

/* nuevo ajuste de finalizar */



.woof_reset_search_form{
    border-radius: 10px !important;
    background: #031B4B;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.1;
    text-align: center;
}
.woocommerce-message .button {
    background-color: #031b4b !important;
    font-family: Montserrat;
    padding: 15px 22px !important;
    border-radius: 10px !important;
}

.pum-theme-5001 .pum-container, .pum-theme-popup2026 .pum-container{
    background: linear-gradient(93.55deg, #031B4B -17.53%, #0840B1 48.71%, #2D895D 117.37%) !important;
    padding: 40px 50px !important;
}

.pum-theme-5001 .pum-content + .pum-close, .pum-theme-popup2026 .pum-content + .pum-close {
    height: 38px !important;
    width: 38px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 26px !important;
    font-family: inherit !important;
}



/* 1. Ajustar el contenedor del popup para que use Grid */
.pum-container .pum-content {
    display: grid !important;
    grid-template-columns: 70% 30% !important; /* 70% texto, 30% imagen */
    align-items: center !important;
    padding: 40px !important;
    position: relative !important;
    overflow: visible !important; /* Para que la niña pueda sobresalir un poco */
    min-height: 400px !important;
}

/* 2. Crear el espacio para la imagen de la niña usando un pseudoelemento */
.pum-container .pum-content::after {
      content: "";
    background-image: url(https://upe.com.mx/wp-content/uploads/2026/05/ninia.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    grid-column: 2;
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    margin-top: 0;
    bottom: -40px;
}

/* 3. Asegurar que el texto se quede en la primera columna (70%) */
.pum-container .pum-content > * {
    grid-column: 1;
    margin-bottom: 15px !important;
}

.woocommerce ul#shipping_method li {
    display: flex;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    width: 90% !important;
    margin: auto !important;
}


@media (max-width: 1570px) {
    .pum-container.pum-responsive.pum-responsive-medium {
        margin-left: -37.5% !important;
        width: 75% !important;
    }
}


@media (max-width: 1260px) {
    .pum-container.pum-responsive.pum-responsive-medium {
        margin-left: -43.5% !important;
        width: 85% !important;
    }
    .pum-container .pum-content {
        padding: 10px !important;
    }
}



@media (max-width: 1030px) {
    .page-id-4957 h3 {
        font-size: 2rem;
    }
    .page-id-4957 .woocommerce-checkout {
        column-gap: 40px;
    }
}

@media (max-width: 1024px) {
    #toptext p {
        margin-bottom: 0;
        line-height: 1.3;
    }
    #logofooters img {
        max-width: 260px;
        width: 100%;
    }
}

@media (max-width: 820px) {
    .nobr br{
        display: none;
    }
}

@media (max-width: 767px) {
   .divcq h2 {
        font-size: 1.6rem;
    }
    .subtitlecq {
        font-size: 1rem;
    }
    .catalog-ordering-container {
        width: 150px !important;
    }
    .woof_show_mobile_filter span::after {
        top: 0;
        transform: translateY(50%);
    }
    .woof_show_mobile_filter span {
        font-size: 1rem !important;
        line-height: 0;
    }
    .woof_show_mobile_filter {
        border-radius: 5px !important;
        padding: 7px 25px !important;
    }
    .elementor-shortcode .woof_price_search_container .price_slider_amount .price_label {
        font-size: 0.82rem !important;
    }
    .mi-catalogo-personalizado .products{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
    .mi-catalogo-personalizado .woocommerce-loop-product__title {
        font-size: 0.9rem;
    }
    .mi-catalogo-personalizado .woocommerce-Price-amount {
        font-size: 1.1rem;
    }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        padding-bottom: 5px !important;
    }
    .woocommerce-pagination ul.page-numbers li .page-numbers {
        min-width: 50px;
        height: 30px;
        padding: 0 15px;
        font-size: 16px;
    }
    .elementor-element-bbc317a{
        display: block;
        margin: auto;
    }
    .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal li, .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu {
        display: grid;
    }
    .elementor-element-095252f{
        justify-content: center !important;
    }

    #bannernosotros {
        padding: 40px 15px 695px 15px;
    }
    #imagenesover .e-con-inner {
        margin-top: -680px;
    }
   .pmid {
        flex: 1 1 100%;
        text-align: center;
    }
    #contact-form-persionalizado .wpcf7-submit {
        padding: 17px 20px !important;
        width: 100%;
    }
    #wpcf7-f4857-p4830-o1 .wpcf7-response-output {
        line-height: 1.1;
    }

    .auth-card {
        padding: 30px;
    }
    .auth-card .subtitle {
        line-height: 1.1 !important;
    }
    #menulogo img {
        width: 150px;
        max-width: 100%;
    }
    table.shop_table_responsive tr td::before {
       display: none !important;
    }
    .page-id-4915 .woocommerce table.shop_table_responsive tr td.product-remove{
                padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .redirect_return img {
        width: 44px;
        top: 13px;
            z-index: 2;
    }
    .redirect_return2 img {
        width: 44px;
        top: 13px;
            z-index: 2;
    }
    .page-id-4915 td.product-quantity .quantity {
        float: none;
        transform: none;
    }
    .woocommerce-cart table.cart td.actions .coupon .input-text {
        max-width: 100% !important;
    }
   
    .page-id-4915 .shop_table .actions .button {
        width: 100%;
          border-radius: 9px;
    }
    .page-id-4915 .shop_table .actions .coupon .button {
        width: 100%;
        border-radius: 9px;
        max-width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }
    .page-id-4915 .cart_totals .shop_table tr {
        display: flex;
        width: 100%;
    }
    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table td {
        display: flex;
        width: 100%;
    }

    .page-id-4957 .woocommerce-checkout{
        grid-template-columns: 1fr; /* una columna */
        grid-template-rows: auto;
        column-gap: 0;
    }

    /* todo ocupa ancho completo */
    .page-id-4957 #customer_details,
    .page-id-4957 #order_review_heading,
    .page-id-4957 #order_review{
        grid-column: 1;
    }

    /* orden en mobile */
    .page-id-4957 #customer_details{
        grid-row: 1;
    }

    .page-id-4957 #order_review_heading{
        grid-row: 2;
        margin-top: 14px;
    }

    .page-id-4957 #order_review{
        grid-row: 3;
    }
    .page-id-4957 h3 {
        font-size: 1.5rem;
    }
    .page-id-4957 .woocommerce-billing-fields__field-wrapper {
        margin-top: 23px;
    }
    .page-id-4957 .woocommerce-billing-fields label {
        font-size: 1.1rem;
    }
    .page-id-4957 .create-account label, .page-id-4957 .shipping_address label {
        font-size: 1.1rem;
    }
    .page-id-4957 .woocommerce-form__label-for-checkbox {
        font-size: 1.1rem;
    }
    .page-id-4957 #order_comments_field label {
        font-size: 1rem;
    }
    .page-id-4957 #order_review_heading {
        padding: 20px 20px 10px;
    }
    .page-id-4957 #order_review {
        padding: 0px 19px 20px;
    }
    .single-product .product {
        margin-top: 15px;
    }
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        width: 100% !important;
    }
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 100% !important;
        background: #fafafa !important;
        box-shadow: none !important;
    }
    .single-product .product_title {
        font-size: 1.5rem;
    }
    .single-product .price {
        font-size: 1.3rem;
    }
    .woocommerce div.product form.cart .variations select {
        width: 100% !important;
    }
    .single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
        margin-top: 20px !important;
        width: 100%;
    }
    .single-product .bundle_button {
        gap: 17px;
        flex-wrap: wrap;
    }
    .single-product .bundle_button .single_add_to_cart_button{
        width: 100%;
    }
    .single-product .related.products h2 {
        font-size: 1.4rem;
    }
    .boton-volver-upe {
        top: 5px;
        width: 40px;
        left: 5px;
    }


    /* nuevo ajuste de finalizar */
   /* 1. Resetear el contenedor principal de Grid a bloque normal */
    .page-id-4957 .woocommerce-checkout {
        display: block !important; 
        width: 100% !important;
        padding: 10px !important;
        margin: 0 !important;
    }

    /* 2. Quitar las restricciones de columnas y filas a todos los bloques */
    .page-id-4957 #customer_details, 
    .page-id-4957 #order_review_heading, 
    .page-id-4957 #order_review {
        width: 100% !important;
        max-width: 100% !important;
        grid-column: auto !important;
        grid-row: auto !important;
        display: block !important;
        position: relative !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
    }

    /* 3. Corregir el título "Tu pedido" para que no se corte */
    .page-id-4957 #order_review_heading {
        margin-top: 30px !important;
        padding: 10px 0 !important;
        border: none !important; /* Quita bordes que puedan estar cortándose */
    }

    /* 4. Ajustar la tabla de pedido para que use todo el ancho disponible */
    .page-id-4957 #order_review {
        margin-top: 0 !important;
        padding: 15px !important;
        box-sizing: border-box !important;
        border: 1px solid #d2d2d2 !important; /* Mantenemos el borde pero bien alineado */
    }

    /* 5. Asegurar que la tabla interna no se desborde */
    .page-id-4957 .shop_table {
        width: 100% !important;
        display: table !important; /* Forzar comportamiento de tabla */
    }

    /* nuevo ajuste de finalizar */


    .pum-container .pum-content {
        display: block !important;
        padding: 0px !important;
        padding-bottom: 220px !important;
    }
    .pum-container .pum-content::after{
        height: 240px;
        width: 100%;
        background-position: center;
    }
    
    .pum-container.pum-responsive.pum-responsive-medium {
        margin-left: -48.5% !important;
        width: 95% !important;
    }
    .pum-theme-5001 .pum-container, .pum-theme-popup2026 .pum-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
        border-radius: 40px !important;
                padding-top: 65px !important;
    }




    
}

@media (max-width: 380px) {
    #menulogo img {
        width: 145px;
    }
}