/*
Theme Name: Divi Child CURmadrid
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.9.0.1788710476
Updated: 2026-09-06 18:01:16

*/



/* ==========================================================================
   ESTILOS EXCLUSIVOS DE LA FICHA DE PRODUCTO NATIVA
   ========================================================================== */

/* 1. TÍTULO DEL PRODUCTO */
.single-product .product_title {
    font-size: 32px !important;           /* Tamaño de la letra */
    font-weight: 400 !important;          /* Grosor (Negrita) */
    color: #111111 !important;            /* Color del texto */
    line-height: 1.2 !important;          /* Altura de línea */
}

/* 2. EL PRECIO (Simple o variable) */

.single-product p.price span, 
.single-product .woocommerce-variation-price .price span {
    font-size: 19px !important;           /* Tamaño del precio principal */
    font-weight: 600 !important;          /* Grosor del precio */
    line-height: 1.2 !important;          /* Altura de línea */
    color: #111111 !important;            /* Color del precio */
    margin-bottom: 20px !important;       /* Separación inferior */

}

/* 3. VARIACIONES DE COLOR/TELA (Tabla de variaciones nativa + Swatches) */
.single-product table.variations {
    width: 100% !important;               /* Fuerza el ancho completo en su columna */
    margin-bottom: 25px !important;       /* Separa la tabla del botón de compra */
    border: none !important;              /* Quita bordes toscos de la tabla */
}
.single-product table.variations td.label label {
    font-weight: 600 !important;          /* Estilo del texto que dice "Color" o "Tela" */
    color: #444444 !important;
    font-size: 14px !important;
}
.single-product table.variations td.value {
    padding-left: 10px !important;        /* Alineación del contenedor de los círculos */
}
.single-product a.reset_variations {display:none !important;}
.single-product p.stock {display:none !important;}

/* 4. EL BOTÓN "MAKE-TO-ORDER" (Añadir al carrito) */

.single-product .single_add_to_cart_button {
    background-color: #ffffff !important; /* Color de fondo del botón */
    color: #111111 !important;            /* Color de la letra */
    font-size: 15px !important;           /* Tamaño del texto */
    font-weight: 600 !important;          /* Grosor del texto */
    padding: 14px 55px 14px 28px !important; /* Ampliado a 46px a la derecha para blindar el espacio del carrito */
    border-radius: 0px !important;        /* Bordes completamente rectos */
    border: 1px solid #111111 !important; /* Borde de 1px */
    position: relative !important;        /* Eje de coordenadas para posicionar el icono */
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Efecto al pasar el ratón por encima (Hover) */
.single-product .single_add_to_cart_button:hover {
    background-color: #111111 !important; /* El fondo cambia a negro */
    color: #ffffff !important;            /* El texto cambia a blanco */
    border: 1px solid #111111 !important; 
}

/* FORZAR ICONO DE CARRITO DE COMPRA SIEMPRE VISIBLE */
.single-product .single_add_to_cart_button::after {
    content: "\e013" !important;          /* Unicode oficial de Divi para el icono de Carrito de Compra */
    font-family: "ETmodules" !important;  /* Llama a la fuente de iconos nativa cargada por Divi */
    opacity: 1 !important;                /* Mantiene el icono 100% visible siempre */
    display: inline-block !important;
    position: absolute !important;
	margin-top: -2px !important;
    right: 29px !important;               /* Lo ancla de manera fija en el extremo derecho */
    left: auto !important;
    top: 49% !important;
    transform: translateY(-50%) !important; /* Lo centra verticalmente de forma perfecta */
    font-size: 18px !important;           /* Tamaño óptimo de visualización para este glifo */
    transition: color 0.3s ease !important;/* Solo anima el cambio de color */
}

/* Coordinación cromática del icono en el Hover del botón */
.single-product .single_add_to_cart_button:hover::after {
    color: #ffffff !important;            /* El carrito cambia a blanco junto con el texto */
}


/* 5. PESTAÑAS DE INFORMACIÓN (TABS) EN LA COLUMNA DERECHA */

.single-product .woocommerce-tabs {
	border: none !important;              /* SIN BORDES */
}
/* Lista vertical de las pestañas */
.single-product .woocommerce-tabs ul.tabs {
    background: transparent !important;   /* SIN COLOR DE FONDO */
	display: flex;
    flex-direction: column;               /* Formato vertical obligatorio */
    border-bottom: none !important;       /* Quita la línea divisoria horizontal nativa */
    padding-left: 0 !important;
    margin-bottom: 0px !important;
}
/* Pestaña individual normal */
.single-product .woocommerce-tabs ul.tabs li {
    background: transparent !important;   /* SIN COLOR DE FONDO */
    border: none !important;              /* SIN BORDES */
    border-radius: 0px !important;
    margin-bottom: 0px !important;        
    padding: 0px !important;         /* Ajustado a 0px en los lados para alinearlo a la izquierda */
    position: relative !important;        /* Necesario para posicionar la flecha de forma absoluta */
}
/* Pestaña activa / seleccionada */
.single-product .woocommerce-tabs ul.tabs li.active {
    background: transparent !important;   /* SIN COLOR DE FONDO EN ACTIVO */
    border: none !important;              /* SIN BORDES EN ACTIVO */
}
/* Texto de los enlaces de las pestañas */
.single-product .woocommerce-tabs ul.tabs li a {
    color: #555555 !important;
    text-transform: uppercase !important; /* Texto en mayúsculas */
    font-weight: 600 !important;          /* Un poco más firme al no llevar bordes */
    display: block !important;
	padding: 0px !important; /* Añade margen derecho para que el texto no toque la flecha */
}
.single-product .woocommerce-tabs ul.tabs li.active a {
    color: #111111 !important;            /* Color del texto de la pestaña activa */
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a {
	padding:0px 2px !important;
}
    
/* --- INDICADOR VISUAL (FLECHA INTERACTIVA AJUSTADA) --- */
/* Pestaña Cerrada: La flecha apunta hacia ARRIBA (-90 grados) */
.single-product .woocommerce-tabs ul.tabs li a::after {
    content: "〉" !important;               
    position: absolute !important;
    right: 5px !important;                 /* Ajustado a la derecha de la columna limpia */
    top: 50% !important;
    transform: translateY(-50%) rotate(90deg) !important; /* Apunta hacia ARRIBA cuando está cerrada */
    transition: transform 0.3s ease, color 0.3s ease !important; 
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #555555 !important;
}

/* Pestaña Activa/Abierta: La flecha apunta hacia ABAJO (90 grados) */
.single-product .woocommerce-tabs ul.tabs li.active a::after {
    transform: translateY(-50%) rotate(-90deg) !important;  /* Apunta hacia ABAJO cuando está abierta */
    color: #111111 !important;                            
}

/* Caja del contenido que se muestra al abrir la pestaña */
.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
    border: none !important;              /* SIN MARCO EN EL TEXTO */
    background: transparent !important;   /* SIN FONDO EN EL TEXTO */
    padding: 10px 10px 20px 0px !important;/* Sin espacios laterales para alineación perfecta */
    border-radius: 0px;
    margin-top: 0px;                     
    font-size: 15px;
    line-height: 1.6;
    color: #666666;
}







/* ==========================================================================
   MENU
   ========================================================================== */
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
	font-size: 25px !important!
}

/* Cambiar carrito por bolsa en el módulo Menú de Divi 5 */
.et_pb_menu__cart-button::after {
    content: "\e013" !important;
}

/* Burbuja de notificación para el carrito en el menú de Divi 5 */
.et_pb_menu__cart-count {
    /*background-color: #da9158;  Color de fondo  */
    /*color: #ffffff !important;    Color del número */
    /*font-size: 11px !important;   Tamaño del texto */
    /*font-weight: bold !important; Texto en negrita */
    
    /* Crear la estructura circular 
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;  
    padding: 2px; */
    
    /* Separación respecto al icono */
	position: absolute;
    margin: 3px 16px 0 0 !important;
	font-size: 10px !important;
}








/* ==========================================================================
   ALERTAS MODERNAS Y MINIMALISTAS (WOOCOMMERCE / CURMADRID)
   ========================================================================== */

/* 1. CONFIGURACIÓN GENERAL DEL CONTENEDOR */
.woocommerce-notices-wrapper {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    width: 100% !important;
}

/* 2. CAJAS DE AVISO (ÉXITO, ERROR E INFO) */
.woocommerce-notices-wrapper ul.woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info {
    background-color: #ffffff !important; /* Fondo blanco puro */
    border: 1px solid #e5e5e5 !important; /* Borde fino y sutil gris */
    border-top: none !important; /* Limpieza de bordes nativos de Divi */
    list-style: none !important; /* Elimina puntos de lista */
    padding: 16px 24px !important;
    border-radius: 0px !important; /* Sin esquinas redondeadas para un look más arquitectónico/premium */
    margin: 0 0 16px 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important; /* Sombra sutil casi invisible */
}

/* Indicador lineal mínimo según el tipo de mensaje (Éxito o Error) */
.woocommerce-notices-wrapper ul.woocommerce-error {
    border-left: 3px solid #000000 !important; /* Error: Línea negra rígida */
}
.woocommerce-notices-wrapper .woocommerce-message {
    border-left: 3px solid #71717a !important; /* Éxito: Línea gris oscuro neutro */
}

/* 3. ESTILO DEL TEXTO DEL AVISO */
.woocommerce-notices-wrapper ul.woocommerce-error li,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info {
    color: #18181b !important; /* Texto gris muy oscuro, más elegante que el negro puro */
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.5 !important;
    display: flex !important;
    justify-content: space-between !important; /* Alinea texto a la izquierda y botón a la derecha */
    align-items: center !important;
    flex-wrap: wrap !important; /* Adaptabilidad total en móviles */
    gap: 16px !important;
}

/* Reducción de márgenes internos por el uso de etiquetas de lista */
.woocommerce-notices-wrapper ul.woocommerce-error li {
    width: 100% !important;
}

/* 4. BOTÓN MINIMALISTA "VIEW BASKET" (VER CESTA) */
.woocommerce-notices-wrapper .button.wc-forward {
    background-color: #000000 !important; /* Fondo negro sólido */
    color: #ffffff !important; /* Texto blanco */
    text-transform: uppercase !important; /* Mayúsculas tipo editorial */
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important; /* Espaciado moderno entre letras */
    padding: 10px 20px !important;
    border-radius: 0px !important; /* Estructura cuadrada rígida */
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    display: inline-block !important;
    white-space: nowrap !important;
    border: 1px solid #000000 !important;
}

/* Efecto al pasar el ratón (Inversión minimalista de colores) */
.woocommerce-notices-wrapper .button.wc-forward:hover {
    background-color: #ffffff !important; /* Pasa a fondo blanco */
    color: #000000 !important; /* El texto se vuelve negro */
    border: 1px solid #000000 !important;
}




/* Oculta el contador por defecto si empieza la página en cero o vacío */
.carrito-vacio { 
    display: none !important; 
}

/* Oculta el contador en la carga inicial si WooCommerce/Divi pintan un "0" de fábrica */
.et_pb_menu__cart-count[data-items="0"] {
    display: none !important;
}