/*
Theme Name: Neve Child
Theme URI: https://lanza4cero.com
Template: neve
Author: Ant-Pedri
Author URI: https://lanza4cero.com
Description: Neve is a next-generation, ultra-fast WordPress theme designed for top performance, SEO, and Core Web Vitals. Its lightweight codebase and small size ensure minimal overhead and lightning-fast load times.
Tags: blog,custom-logo,e-commerce,rtl-language-support,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready,wide-blocks,block-styles,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 4.1.4.1760358682
Updated: 2025-10-13 14:31:22

*/
	
.wp-block-cover__image-background:{
	url('https://lanza4cero.com/revisar-pdf-para-imprimir/wp-content/themes/neve/assets/img/starter-content/person-hero-2.png') !important;
}

	
:root {
    --nv-text-dark-bg: #ffb504;
}
/* Ajuste específico para que el fondo no sea gigante en móviles */
@media (max-width: 600px) {
    .hero-pc {
        min-height: 245px !important; /* Ajusta este número hasta que lo veas bien */
        height: 245px !important;
    }

    /* Opcional: reducimos también el tamaño de la letra del H1 en móvil */
    /* Forzamos el tamaño del H1 con máxima prioridad */
    h1.wp-block-heading, 
    .wp-block-cover h1, 
    .wp-block-post-title {
        font-size: 1.8rem !important; /* Ajusta este número (ej. 22px o 1.5rem) */
        line-height: 1.2 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* Forzar texto blanco en bloques con fondo oscuro para mejorar contraste */
.has-nv-text-dark-bg-color, 
.nv-text-dark-bg,
.wp-block-button__link {
    color: #FFFFFF !important;
}

/* Quitar el cabecero gris solo en la página de privacidad */
.privacy-policy .nv-post-cover {
    display: none !important;
}

/* Estilo para marcar la página activa en el menú */
/*.nav-menu-primary .current-menu-item a {
/*    background-color: #ffc107; /* El color amarillo de tu marca */
/*    color: #000000 !important;   /* Color del texto */
/*    border-radius: 4px;        /* Bordes redondeados */
/*    padding: 5px 10px;         /* Espaciado interno */
/*    font-weight: bold;         /* Texto en negrita */
/*}

/* Reduce el tamaño del título principal por defecto */
.entry-title, 
.post-title, 
h1.entry-title {
    font-size: 34px !important;
    line-height: 1.1 !important;
    margin-bottom: 20px;
}


/* Ocultar el texto original "Size Chart" */
.size_chart_tab a, #tab-title-size_chart a {
    font-size: 0 !important;
}

/* Insertar el nuevo nombre "Dimensiones" */
.size_chart_tab a:after, #tab-title-size_chart a:after {
    content: "Dimensiones" !important;
    font-size: 16px !important; /* Ajusta según el tamaño de tus otras pestañas */
    display: inline-block;
}

/* Cambiar el título grande dentro de la pestaña */
#tab-size_chart h2 {
    font-size: 0 !important;
}

#tab-size_chart h2:after {
    content: "Dimensiones del producto" !important;
    font-size: 24px !important;
    display: block;
}

/* --- ESCRITORIO --- */
@media (min-width: 769px) {
    /* Alinea el menú a la derecha */
    .builder-item--footer_menu ul {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Crea los separadores | */
    .builder-item--footer_menu li:not(:last-child):after {
        content: "|";
        margin: 0 12px;
        color: #666; /* Color gris suave para la barra */
    }
}

/* --- MÓVIL (Menos de 768px) --- */
@media (max-width: 768px) {
    /* Centrar Copyright */
    .builder-item--copyright {
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    /* Enlaces uno debajo de otro y centrados */
    .builder-item--footer_menu ul {
        display: flex !important;
        flex-direction: column !important; /* Apilar en vertical */
        align-items: center !important;    /* Centrar horizontalmente */
        list-style: none !important;
        padding: 0 !important;
        gap: 10px !important;             /* Espacio entre cada línea */
    }

    /* Eliminar separadores en móvil para que quede limpio */
    .builder-item--footer_menu li:after {
        display: none !important;
    }
    
    /* Asegurar que el texto del menú se vea bien */
    .builder-item--footer_menu li {
        text-align: center !important;
    }
}


/* Empujar hacia abajo el contenido en la página de Mi Cuenta */
.woocommerce-account main#content {
    margin-top: 120px !important;
}

/* Opcional: Si quieres que el fondo blanco también baje */
.woocommerce-account .container {
    padding-top: 20px;
}


/* Ajuste Logo Mico - Altura Reducida - Página 2284 */
.page-id-2284 a.brand {
    background-image: url('https://lanza4cero.com/wp-content/uploads/logoMico-tienda-impresion-e1778275203808.webp') !important;
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: left center !important;
    
    display: block !important;
    width: 210px !important; 
    /* Reducimos de 60px a 45px para que la barra gris sea más estrecha */
    height: 68px !important;
    /* Eliminamos los márgenes de 5px para comprimir el cabecero */
    margin: 5 !important;
}

.page-id-2284 a.brand .title-with-logo {
    opacity: 0 !important;
    /* Ajustamos a la misma altura de 45px */
    height: 45px !important;
    display: block !important;
}

/* Quitamos cualquier relleno del contenedor que esté estirando el gris */
.page-id-2284 .item--inner.builder-item--logo {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Aseguramos que el contenedor de Neve no limite el logo pero tampoco añada espacio */
.page-id-2284 .site-logo {
    max-height: none !important;
    margin: 0 !important;
}

#content {
    min-height: 100vh; /* Ocupa el alto de la pantalla desde el inicio */
}
.header-main-inner {
    min-height: 80px; /* Ajusta a la altura real de tu cabecera */
}

/* Anular micro-movimientos y transiciones en columnas de Otter */
.wp-block-themeisle-blocks-advanced-column {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    margin-top: 0 !important; /* Ajusta según tu diseño si usas márgenes específicos */
}

/* Evitar que el navegador reserve espacio para animaciones no compuestas */
.wp-block-themeisle-blocks-advanced-column * {
    will-change: auto !important;
}

/* Forzar ratio de aspecto en imágenes para evitar saltos (CLS) */
img.wp-image-2589, 
img.wp-image-2531 {
    aspect-ratio: attr(width) / attr(height);
    height: auto !important;
}

/* Optimización para el bloque de columnas que se mueve */
.wp-block-columns.is-layout-flex {
    contain: layout;
}





/* ============================================================
   DISEÑO MICO: CLON EXACTO DE LA IMAGEN 1 (TIENDA OFICIAL)
   ============================================================ */

/* 1. LA TARJETA: Blanca, con bordes muy redondeados y sombra suave */
.nv-card-content-wrapper, 
.wc-block-grid__product,
li.wc-block-product,
.wc-block-components-product {
    background-color: #ffffff !important;
    border-radius: 25px !important; /* Bordes bien redondeados como en la imagen */
    padding: 20px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.07) !important; /* Sombra suave */
    border: 1px solid #f2f2f2 !important;
    text-align: center !important;
    transition: transform 0.3s ease !important;
}

/* 2. EL TÍTULO: Negro, fuente clara y sin adornos */
.woocommerce-loop-product__title, 
.wc-block-grid__product-title,
.wc-block-components-product-title,
h2.wc-block-components-product-title {
    color: #222222 !important; /* Negro total como la imagen 1 */
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    margin-top: 15px !important;
    display: block !important;
}

/* 3. EL PRECIO: Naranja Mico resaltado */
.price, 
.wc-block-grid__product-price,
.wc-block-components-product-price,
.wc-block-components-product-price span {
    color: #d17422 !important; /* Tu naranja característico */
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    margin-top: 8px !important;
}

/* 4. EL BOTÓN: Azul con esquinas redondeadas */
.page-id-2284 .wc-block-components-product-button .wc-block-components-product-button__button,
.nv-card-content-wrapper .button
 {
    background-color: #4472c4 !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border: none !important;
}

/* 5. LAS IMÁGENES: Esquinas suavizadas */
.wc-block-components-product-image img,
.sp-product-image img {
    border-radius: 15px !important;
}

/* --- FORZAR 1 COLUMNA EN TIENDA MÓVIL (MÁXIMA PRIORIDAD) --- */
@media (max-width: 768px) {
    /* Forzar el contenedor a romper las columnas */
    .wc-block-grid__products, 
    ul.products {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Forzar a cada producto a ocupar todo el ancho disponible */
    .woocommerce ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product,
    .wc-block-grid__products .wc-block-grid__product,
    li.wc-block-grid__product,
    .wc-block-components-product {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 25px !important; /* Añade separación hacia abajo entre productos */
        float: none !important;
    }
}

/* --- ENFOQUE DIRECTO AL SELECTOR DE LA PLANTILLA EN MÓVIL --- */
@media (max-width: 768px) {
    /* 1. Forzamos al contenedor de la lista a comportarse como un bloque vertical continuo */
    ul.wc-block-product-template__responsive_columns,
    ul.wc-block-product-template_responsive,
    .wc-block-product-template_responsive {
        display: block !important;
        grid-template-columns: none !important;
    }

    /* 2. ATACAMOS AL SELECTOR EXACTO: Forzamos a cada elemento 'li' a ocupar el 100% */
    .wc-block-product-template__responsive > li,
    .wc-block-product-template_responsive > li,
    ul.wc-block-product-template__responsive_columns > li {
        grid-column: span 1 / span 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important; /* Separación limpia hacia abajo entre productos */
        float: none !important;
        display: block !important;
    }
}


/* --- CORRECCIÓN ENFOQUE PARA BLOQUE DE PRODUCTOS SELECCIONADOS (MÓVIL) --- */
@media (max-width: 768px) {
    /* Forzamos al contenedor interno del bloque de productos a romper las 2 columnas */
    .wc-block-grid__products,
    .wc-block-product-template,
    ul[class*="wc-block-product-template"] {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
    }

    /* Forzamos a que cada tarjeta individual ocupe el 100% del ancho */
    .wc-block-grid__product,
    li.wc-block-product,
    .wc-block-product-template_responsive > li,
    .wc-block-product-template__responsive_columns li {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important; /* Espacio limpio entre productos */
        display: block !important;
    }
}

/* --- ANULAR RE-RENDERIZADO DE JAVASCRIPT A 2 COLUMNAS (MÓVIL) --- */
@media (max-width: 768px) {
    
    /* 1. Desarmamos por completo la rejilla Grid que reactiva el JS */
    .wc-block-grid__products,
    .wc-block-product-template,
    ul.wc-block-product-template-is-layout-grid,
    ul[class*="wc-block-product-template"] {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important; /* Anula las columnas dinámicas del script */
        grid-gap: 0 !important;
    }

    /* 2. Obligamos a los elementos de lista a ignorar el cálculo de celdas del JS */
    .wc-block-grid__product,
    li.wc-block-product,
    .wc-block-product-template_responsive > li,
    .wc-block-product-template__responsive_columns li,
    ul[class*="wc-block-product-template"] > li {
        grid-column: span 1 / span 1 !important; /* Evita que el JS los posicione en paralelo */
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important;
        float: none !important;
        display: block !important;
    }
}