/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2026-01-12 15:21:03 */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
        width: 57.17%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
        width: 40.83%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 42.8775%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 30.6225%;
    }
}

body {
    line-height: 22px;
    letter-spacing: 0;
}
p,li {
    letter-spacing: 0;
    line-height: 22px;
}
@media (min-width: 1440px) {
.layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220 .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container,.layout-1220 .container {
    max-width: 1440px;
}
}
@media (max-width: 575px){
body {
    font-size: 13px;
    line-height: 21px;
}
}
h1, h2, h3, h4, h5, h6 {
    font-family: Poppins,sans-serif;
    color: #222529;
    letter-spacing: normal;
}
h1 {
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    margin: 0 0 32px 0;
}
h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 52px;
    margin: 0 0 32px 0;
}
h3 {
    font-weight: 400;
    font-size: 22px;
    line-height: 22px;
    margin: 0 0 20px 0;
}
h4 {
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 14px 0;
}
h5 {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -.325px;
    color: #666;
    margin: 0 0 14px 0;
}
h6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 14px 0;
}
.home-banner-slider h2.vc_custom_heading, .custom-font4 {
    font-family: 'Segoe Script','Savoye LET';
}
html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
    color: #ff7272;
}
html .btn-modern {
    text-transform: uppercase;
    font-size: .75rem;
    padding: .75rem 1.5rem;
    font-weight: 600;
    height: auto;
}
html .action.primary, html .btn {
    font-family: Poppins;
    letter-spacing: .01em;
    font-weight: 700;
    line-height: 1.42857;
    padding: .8em 2em;
}
html .btn-modern {
    font-size: .8125rem;
    padding: 1em 2.8em;
}

html .btn-xl {
    font-size: 1rem;
    padding: .8rem 2rem;
}
.btn-modern.btn-xl {
    font-size: 1rem;
    padding: 1.25em 3.125em;
}
.btn-flat {
    padding: 0!important;
    background: none!important;
    border: none!important;
    border-bottom: 1px solid transparent!important;
    box-shadow: none!important;
    text-transform: uppercase;
    font-size: .75rem;
}
html .btn-dark {
    color: #fff;
    background-color: #222529;
    border-color: #222529 #222529 #0b0c0e;
}
html .btn-light {
    color: #222529;
    background-color: #fff;
    border-color: #fff #fff #e6e6e6;
}
html .btn-quaternary {
    color: #fff;
    background-color: #000;
    border-color: #000 #000 #000;
}
html .background-color-secondary {
    background-color: #f4a085 !important;
}
.top-icon .porto-sicon-header {
    margin-bottom: .75rem;
}
.wel-msg i {
    font-size: 23.68px;
    color: #4dae65;
}
.page-wrapper > .breadcrumbs .items {
    position: relative;
    margin-bottom: 47px;
    padding-bottom: 13px;
    padding-top: 24px;
}
.page-wrapper > .breadcrumbs .items:after {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    border-bottom: 1px solid #e7e7e7;
}
.footer .widgettitle, .footer .widget-title {
    font-size: .9375rem;
    font-weight: 600;
}
html .background-color-secondary {
    background-color: #ff7272!important;
}
.footer, .footer p {
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0;
}
.footer .widgettitle, .footer .widget-title {
    font-size: .9375rem;
    font-weight: 700;
}
.footer-top .custom-block:before,.footer-top .custom-block:after {
    margin-bottom: 0;
    border: none;
    margin-top: 0;
}
.footer-middle > .container::after {
     border-color:#e7e7e7;
}
.footer .block.newsletter .form.subscribe {
    margin-bottom: 10px;
}
.footer .newsletter input {
    height: 3rem;
    padding-left: 1.25rem;
    background: #f4f4f4;
    border-radius: 0;
}
.footer .newsletter .action.subscribe {
    height: 3rem;
    font-weight: 600;
    border-radius: 0;
    border: none;
    letter-spacing: .15em;
}
.footer .widget>div>ul li {
    margin-bottom: 14px;
}
.footer-middle > .container {
    padding-top: 3.7rem;
    padding-bottom: 1rem;
}
.footer-bottom address {
    text-align: center;
    padding-top: 24px;
    padding-bottom: 8px;
    font-size: 13px;
    letter-spacing: -.025em;
}
.footer-bottom {
    font-size: 1em;
    padding-bottom: 54px;
    padding-top: 0;
}

.footer-middle {
    background-image: linear-gradient(180deg, #092f8b 0%, #001c4f 79%) !important;
}

.footer-bottom{
display:none !important;
}

/* 1. Estilo FORZADO por defecto (PC) */
#html-body [data-pb-style=PAEJRKS] {
    padding-bottom: 0 !important;
}

/* 2. Estilo FORZADO para Móviles (767px o menos) */
@media (max-width: 767px) {
    #html-body [data-pb-style=PAEJRKS] {
        padding-bottom: 50px !important;
    }
}

.slider-fullwidth{
height:620px;!important;
}

/* 1. Estilo FORZADO por defecto (PC) - Pone el padding en 0 */
#html-body [data-pb-style=P8UTFCF] {
    padding-bottom: 0 !important;
}

/* 2. Estilo FORZADO para Móviles - Pone el padding en 50px */
@media (max-width: 767px) {
    #html-body [data-pb-style=P8UTFCF] {
        padding-bottom: 50px !important;
    }
}

/* 1. Estilo FORZADO por defecto (PC) - Pone el padding en 0 */
#html-body [data-pb-style=DDIWMUS] {
    padding-bottom: 0 !important;
}

/* 2. Estilo FORZADO para Móviles - Pone el padding en 50px */
@media (max-width: 767px) {
    #html-body [data-pb-style=DDIWMUS] {
        padding-bottom: 50px !important;
    }
}/* Color de los precios en la grilla de productos (categorías) */
.page-products .products-grid .product-item .price-box .price {
    color: #eb1010 !important;  /* rojo intenso */
    font-weight: 700;
    font-size: 25px;
}

/* (Opcional) precio tachado / viejo más discreto */
.page-products .products-grid .product-item .price-box .old-price .price {
    color: #888 !important;
    font-weight: 400;
}


/* Estilo del botón "Añadir al carrito" en la vista de categorías */
.page-products .products-grid .product-item .action.tocart {
    background-color: #0072ce !important;  /* rojo IMCESA (ajusta si quieres otro) */
    border-color: #0072ce !important;
    color: #0072ce !important;
    font-weight: 600;
    text-transform: uppercase;
    align: center;

}

/* Color del texto interno por si Porto usa span */
.page-products .products-grid .product-item .action.tocart span {
    color: #ffffff !important;
}

/* Hover: un rojo un poco más oscuro */
.page-products .products-grid .product-item .action.tocart:hover {
    background-color: #ff7200 !important;
    border-color: #b3000f !important;
    color: #0072ce !important;

}


/* Icono del botón "Añadir al carrito" en BLANCO */
.page-products .products-grid .product-item .action.tocart i,
.page-products .products-grid .product-item .action.tocart::before {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* También cuando pasas el mouse por encima */
.page-products .products-grid .product-item .action.tocart:hover i,
.page-products .products-grid .product-item .action.tocart:hover::before {
    color: #ffffff !important;
    fill: #ffffff !important;
}

///  agregado 2025 11 24
/* =============================== */
/*   ESTILO IMCESA - LANDING PAGE */
/* =============================== */

/* Precio rojo en cualquier widget, carrusel, product-list, featured, etc. */
.products-grid .product-item .price-box .price,
.products-list .product-item .price-box .price,
.widget-products .product-item .price-box .price,
.product-items .product-item .price-box .price {
    color: #eb1010 !important;
    font-weight: 700 !important;
}

/* Precio tachado */
.products-grid .product-item .old-price .price,
.products-list .product-item .old-price .price {
    color: #888 !important;
    font-weight: 400 !important;
}


/* BOTÓN AÑADIR AL CARRITO - ESTILO IMCESA UNIVERSAL */
.products-grid .product-item .action.tocart,
.products-list .product-item .action.tocart,
.product-items .product-item .action.tocart,
.widget-products .product-item .action.tocart,
.action.tocart:not(.secondary) {
    background-color: #0072ce !important;   /* Azul IMCESA */
    border-color: #0072ce !important;
    color: #ffffff !important;              /* Texto blanco */
    font-weight: 700 !important;
    text-transform: uppercase;
    border-radius: 6px !important;
    padding: 10px 18px !important;
}

/* Íconos blancos en botones */
.products-grid .product-item .action.tocart i,
.products-list .product-item .action.tocart i,
.widget-products .product-item .action.tocart i,
.action.tocart::before {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Hover IMCESA */
.products-grid .product-item .action.tocart:hover,
.products-list .product-item .action.tocart:hover,
.product-items .product-item .action.tocart:hover,
.widget-products .product-item .action.tocart:hover {
    background-color: #ff7200 !important;  /* Hover naranja */
    border-color: #ff7200 !important;
    color: #ffffff !important;
}

.products-grid .product-item .action.tocart:hover i,
.products-list .product-item .action.tocart:hover i,
.widget-products .product-item .action.tocart:hover i {
    color: #ffffff !important;
    fill: #ffffff !important;
}


/* =============================== */
/* ESTILO IMCESA - PRODUCT PAGE    */
/* =============================== */

/* Botón azul */
.product-info-main .action.primary {
    background-color: #0072ce !important;  /* Azul IMCESA */
    border-color: #0072ce !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 5px 10px !important;
    border-radius: 6px !important;
}

/* Hover naranja */
.product-info-main .action.primary:hover {
    background-color: #ff7200 !important;  /* Naranja IMCESA */
    border-color: #ff7200 !important;
    color: #ffffff !important;
}

/* Icono blanco */
.product-info-main .action.primary,
.product-info-main .action.primary::before {
    color: #ffffff !important;
    fill: #ffffff !important;
}


/* color del precio*/
.product-options-bottom, .product-info-price {
    color: #eb1010 !important;
}




/* Mostrar etiqueta "PRECIO ONLINE" delante del precio especial */
/* ETIQUETA PRECIO ONLINE – PARA TU TEMA PORTO */
.product-info-main .price-wrapper[data-price-type="finalPrice"] .price::before {
    content: "PRECIO\AONLINE ";
    white-space: pre;
    background: #ff0000;
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    margin-right: 6px;
    display: inline-block;
}




/* ===== ALINEAR CANTIDAD + BOTÓN AÑADIR AL CARRITO ===== */
/* --- Alinear cantidad + botón en la misma fila (PORTO Product Page) --- */
.product-info-main .box-tocart .fieldset {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

/* El bloque de Cantidad */
.product-info-main .box-tocart .field.qty {
    margin: 0 !important;
}

/* El botón Añadir al carrito */
.product-info-main .box-tocart .actions {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Ajustar el icono y el texto del botón */
.product-info-main .box-tocart .actions .tocart {
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 15px !important;
}


/* Quitar ícono del botón en la página del producto */
.product-info-main .action.primary:before {
    display: none !important;
}

/* Quitar ícono global en todos los botones "Añadir al carrito" */
.action.tocart:before,
.product-info-main .action.primary:before {
    display: none !important;
}



/*cambios hechos el 25/11/2025*/


/* achicar el texto del boton del carrito*/

/* ========================================= */
/* ALINEAR CANTIDAD + BOTÓN EN UNA SOLA FILA */
/* ========================================= */
.product-info-main .box-tocart .fieldset {
    flex-wrap: nowrap !important;
}

/* El contenedor del botón */
.product-info-main .box-tocart .actions {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important; /* permite que el botón se expanda */
}

/* EL BOTÓN EN SÍ */
#product-addtocart-button {
    width: 100% !important;        /* que el botón ocupe todo lo disponible */
    min-height: 48px !important;   /* altura elegante */
    height: 48px !important;
    font-size: 15px !important;    /* más grande */
    font-weight: 700 !important;
    padding: 0 20px !important;
    white-space: nowrap !important; /* NO permitir salto de línea */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ajuste del <span> interno */
#product-addtocart-button span {
    white-space: nowrap !important;  /* asegura que no se parta el texto */
}

.product-add-form .box-tocart {
    width: 500px !important;
}

.product-options-bottom .price-box .special-price span.price, .product-info-price .price-box .special-price span.price {
    color: #db0000;
    font-size: 36px;
}

.product-info-main .price-wrapper .price {
    font-size: 34px;
}

.page-wrapper > .breadcrumbs {
    background-color: #f8f8f8 !important;
}

/* Reparar texto blanco del breadcrumb */
.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong {
    color: #333 !important;      /* gris oscuro legible */
}

.breadcrumbs a:hover {
    color: #000 !important;
}


/* Mostrar el dominio dentro del breadcrumb */
.page-wrapper .breadcrumbs .items::before {
    content: "IMCESA.COM.PE > ";
    color: #444444;            /* color gris texto normal */
    font-weight: 600;          /* elegante, pero no link */
    font-size: 13px;
    cursor: pointer;           /* para mantener que se pueda clickear */
    text-decoration: none;     /* sin subrayado */
}

/* Ajuste de línea breadcrumb */
.page-wrapper .breadcrumbs .items {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
}


.product-item-info .product-item-details .product-item-actions .tocart {
    font-size: 13px;
    padding: 1px 45px !important;
    border-radius: 15px !important;
}



/* ===== MOVER PRECIO REGULAR ABAJO DEL PRECIO OFERTA ===== */

/* Contenedor de ambos precios */
.product-info-price .price-box {
    display: flex;
    flex-direction: column !important;
}

/* Forzar que el precio regular aparezca debajo */
.price-box .old-price {
    order: 2 !important;
    display: flex !important;
    align-items: flex-start !important;
    margin-top: 6px !important;
}

/* Texto "Precio Regular" antes del precio tachado */
.price-box .old-price .price::before {
    content: "Precio Regular: ";
    font-size: 15px;
    color: #555;
    font-weight: 600;
    margin-right: 4px;
}

/* Estilo del precio tachado */
.price-box .old-price .price {
    color: #888 !important;
    font-size: 16px !important;
    text-decoration: line-through;
}



/**/
/* =============================== */
/* VISTA DE CATEGORÍAS (GRID/LIST) */
/* Oferta ARRIBA, regular ABAJO    */
/* =============================== */

/* Contenedor de precios en categorías */
.page-products .products-grid .product-item .price-box,
.page-products .products-list .product-item .price-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
}

/* 1) PRECIO OFERTA ARRIBA */
.page-products .products-grid .product-item .special-price,
.page-products .products-list .product-item .special-price {
    order: 1 !important;
}

/* 2) PRECIO REGULAR ABAJO */
.page-products .products-grid .product-item .old-price,
.page-products .products-list .product-item .old-price {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
}

/* Texto "Precio Regular:" antes del precio tachado */
.page-products .products-grid .product-item .old-price .price::before,
.page-products .products-list .product-item .old-price .price::before {
    content: "Precio Regular: ";
    font-size: 13px;
    font-weight: 600;
    color: #444;
    margin-right: 4px;
}

/* Estilo del precio regular (tachado) */
.page-products .products-grid .product-item .old-price .price,
.page-products .products-list .product-item .old-price .price {
    color: #888 !important;
    text-decoration: line-through !important;
    font-size: 14px !important;
}

/* Refuerzo del precio oferta en rojo */
.page-products .products-grid .product-item .special-price .price,
.page-products .products-list .product-item .special-price .price {
    color: #eb1010 !important;
    font-weight: 700 !important;
}


/* ================================================ */
/* AGREGAR ETIQUETA "PRECIO ONLINE" EN CATEGORÍAS   */
/* ================================================ */

.page-products .product-item .price-box .special-price .price::before {
    content: "PRECIO\AONLINE";
    white-space: pre;              /* permite el salto de línea */    
    background: #ff0000;
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    margin-right: 6px;
    display: inline-block;
    line-height: 1.2;
    text-align: center;
}



/**/



/* Tarjeta estilo Hiraoka para productos en categoría */
.page-products .products-grid .product-item-info {
    border: 1px solid #e5e5e5 !important;    /* borde suave */
    border-radius: 12px !important;          /* esquinas redondeadas */
    padding: 15px !important;                /* espacio interno */
    background: #fff !important;             /* fondo blanco */
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important; /* sombra suave */
    transition: all .25s ease-in-out !important;
    position: relative !important;
}

/* Hover elegante tipo retail */
.page-products .products-grid .product-item-info:hover {
    border-color: #ff3b3b !important;          /* rojo tipo oferta/retail */
    box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
    transform: translateY(-4px) !important;    /* efecto de elevación */
}

/* Asegurar que el contenido no se pegue a los bordes */
.page-products .products-grid .product-item-info .product-item-inner,
.page-products .products-grid .product-item-info .product-item-details {
    padding-left: 5px !important;
    padding-right: 5px !important;
}


@media (max-width: 767px) {
  /* 2 productos por fila en páginas de categoría (móvil) */
  .page-products .products-grid .product-item {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  /* Evita que se solapen cuando hay floats */
  .page-products .products-grid .product-item:nth-child(odd) {
    clear: both;
  }
}


/* ==== FIJAR BOTÓN EN MÓVIL SIN DESBORDES ==== */
@media (max-width: 480px) {

    /* El botón ocupa 100% del ancho disponible */
    .page-products .product-item .action.tocart,
    .products-grid .product-item .action.tocart,
    .product-items .product-item .action.tocart {
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px 0 !important;
        box-sizing: border-box !important;
        border-radius: 8px !important;
        margin-top: 10px !important;
    }

    /* Centrar el botón dentro de la tarjeta */
    .page-products .product-item-info {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Evita que el botón se pegue a los bordes */
    .product-item-details {
        width: 100% !important;
    }

    /**/

    /* Precio de oferta */
    .page-products .product-item .price-box .special-price .price {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #db0000 !important;
        white-space: nowrap !important;
    }

    .product-item-info .product-item-details .product-item-actions .tocart {
        padding: 1px 10px !important;
    }
 
}