/*
Theme Name: Rehub child theme
Template: rehub-theme
Version: 3.5.0
*/

/*Cambiar color rojo del tema por coral*/
.wpsm_cons .title_cons, .wpsm_cons ul li:before {
	color: #ff7f50;
}

/*Añdir color espcial a texto precios en cinta*/
li#tab-title-ofertas_tab a {
	color: #ff7f50;
}

/*Mejorar estilos de caja con titulo shoroce tema*/
.wpsm-titlebox .autocontents {
	margin-bottom: 0;
}
.wpsm-titlebox .autocontents li:last-child {
    margin-bottom: 0;
}

/*Hacer que el texto de cookies se limpie del float de nombre y correo*/
p.comment-form-cookies-consent {
    clear: both;
}

/*Ocultar titulo comentarios woo*/
.single-product #reply-title {
    display: none;
}

/*Centralizar titulo caja comentarios entradas*/
.comment-respond h3 {
	text-align:center;
}
#comments .title_comments {
	display:none;
}

.single-post #comments {
	margin-top:0;
}

/*Estilos videos en bloque woocommerce para entradas*/
.single-post .compare-full-thumbnails a {
	width:98%;
}

/*Añadir borde a boton eviar comentario en entradas*/
#commentform #submit {
	border:1px solid;
}

/*Quitar estilo bloque woocomerce en entradas*/
.rehub_feat_block, .rehub_bordered_block {
	box-shadow: none;
	background-color: transparent;
	border: 1px solid #b2935a;
}
/*Estilo pestañas*/
.rehub_woo_review .rehub_woo_tabs_menu li.current {
	border: 1px solid #b2935a;
    background: #b2935a;
}
/*Ocultar espacio donde va el boton de cotent egg*/
.rh_gr_btn_block {
	display: none;
}
.woo-button-actions-area {
	border-top:0;
}
/*Fin estilos*/

#section-lo-bueno, #section-lo-malo, #tab-title-lo-malo, #tab-title-lo-bueno {
	display:none !important;
}

/*No mostrar pestañas en menu dinamico*/
.float-panel-woo-links #tab-title-reviews,
.float-panel-woo-links #tab-title-concentraciones,
.float-panel-woo-links #tab-title-resumen_perfume {
	display:none;
}

/*Añadir estilos a texto y enlaces dentro de prettylist*/
.rh-container .wpsm_pretty_list ul li,
.rh-container .wpsm_pretty_list ul li a
{
	line-height:29px;
}


/*Reducir tamaño texto de cada caja del shorcode alfabeto del tema*/
.single-letter-link h5 {
		font-size:12px;
}

/*Color texto y box de testimonios (shorcode de rehub)*/
.wpsm-testimonial .wpsm-testimonial-author {
    color: #b2935a;
}

/*Ocultar fecha de actulizacion bloque grid 3 content egg*/
.content-woo-area .last_update {
	display:none;
}

div.descripcion-tabs-content .flexslider {
	background:transparent;
}

/*Linea Separador*/
.wp-block-separator {
    border-bottom: 2px solid #C7C0B5;
}

/*Corregir ancho fijo por auto en img pequeñas en sidebar*/
.sidebar ul.product_list_widget li img {
	width: auto;
}

/*Quitar sombra índice usando shorcode [wpsm_toplist] */
.post-inner-wrapper #toplistmenu ul {
	box-shadow: none;
}

/*Color enlace solo dentro de descripcion*/
#section-description p a,
.wc-contenido-wrapper p a {
    border-bottom: 1px dotted #b2935a;
}

/*Color fondo a imagenes*/
figure.img-galeria.modulo-lightbox {
    padding:10px;
    background-image: linear-gradient(to right top, #292335, #613058, #a6355f, #e14849, #ff7a00);
}

/*------- Estilos Pretty List -------*/
/*Color estrella en lista pretty cuando hay hover*/
body .wpsm_pretty_list.wpsm_pretty_hover ul li:hover:before {
    color: #000 !important;
}

/*Quitar radius a Hover de prettylist*/
body div.wpsm_pretty_list ul li {
	border-radius:0;
}

body div.wpsm_pretty_hover ul li:hover{
	padding:20px 12px 20px 34px;
	color:#111;
}

body div.wpsm_pretty_hover ul li:hover:before {
	color:#000;
}

@media (max-width: 768px) {
/*Regular margen en pretty list*/
	
	body .rh-outer-wrap div.wpsm_pretty_list ul li {
    	padding: 10px 0 10px 28px;
    	margin: 0 0 5px 0;
	}
	
	body .rh-outer-wrap div.wpsm_pretty_list ul li:before {
		top: 16px;
		bottom:auto;
	}
	body .rh-outer-wrap .wpsm_pretty_list.small_gap_list.wpsm_pretty_hover ul li:hover {
		padding:20px;
		
	}
	body .rh-outer-wrap .wpsm_pretty_list.small_gap_list.wpsm_pretty_hover ul li:hover::before {
		display:none;
	}
}


/*------- Fin Estilos Pretty List -------*/

.woo-button-actions-area .heartplus {
	border: 1px solid #333 !important; 
	
}

/*Dar formato a la info de los filtros aplicados debajo del boton filtros*/
.prdctfltr_wc .prdctfltr_filter_title {
	display: inline-block !important;
	font-weight:normal !important;
	margin-top:15px;
}
@media screen and (max-width: 1023px) {
    #rh_woo_mbl_sidebar .sidebar {
		color: #444 !important;
	}
}


/*Quitar radius de boton filtro en moviles*/
@media screen and (max-width: 1023px) {
    #mobile-trigger-sidebar {
        border-radius: 0 !important;
    }
}


/* Ancho de nombre y email en comentarios en woo - solo pantallas de PC */
@media (min-width: 768px) {
    .woocommerce #reviews .comment-respond input[type="text"], 
    .woocommerce #reviews .comment-respond input[type="email"] {
        width: 48% !important;
    }
}


/*Quitar border radius a fondo blanco en img en loop de woo*/
.woocommerce .products .product figure img {
    border-radius: 0 !important;
}

/*Migas de pan enlace activo*/
.woocommerce-breadcrumb span.delimiter+a {
	background-color: #fff !important;
	border-radius:0 !important;
}

/*Deshabilitar espacio de iconos como favorito, vista rapida y comparar en grid de loop en directorio*/
.products .button_action {
    display: none;
}

h4 {
	font-size: 16px;
}

.woo_bl_title h2 {
    text-align: center;
    line-height: 40px;
	color:#b2935a;
}

/*Centrar menu en escritorio*/
nav.top_menu {
	justify-items:center;
}

/*Fondo secciones woo*/
.woo-content-area-full .content-woo-section .rh-container {
	background: #ede7f2 !important;
}

/*Fondo seccion img principal*/
.top-woo-area {
    background: #ede7f2;
}

/*Mejorar alineación videos de youtube*/
/* Contenedor principal con fondo negro y alineación centrada */
.modulo-lightbox.rh-flex-eq-height.compare-full-thumbnails {
    background-color: #000;
    align-items: center; /* Centra verticalmente los elementos */
    padding: 10px; /* Opcional: añade un poco de padding */
}

/* Asegura que los enlaces mantengan su altura y se centren */
.compare-full-thumbnails a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #111; /* Fondo negro para cada video */
    overflow: hidden; /* Oculta cualquier desbordamiento */
}

/* Las imágenes se ajustarán manteniendo su proporción */
.compare-full-thumbnails a img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain; /* Mantiene la proporción sin distorsionar */
}

#section-woo-custom-videos .rh-flex-eq-height {
    justify-content: center;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td
{
	padding: 8px !important;
}

#subtitulo-h2-piramide:before {
	content: "\f04b";
    display: inline-block; /* para poder usar transform */
    transform: rotate(-90deg); /* gira el icono -90° para arriba */
}

#section-lo-bueno h2:before,
#section-lo-malo h2:before,
#subtitulo-h2-piramide:before,
#section-tabla-de-concentraciones h2:before {
	font-family: 'rhicons';
	margin-right: 15px;
}


#section-tabla-de-concentraciones h2:before {
	content: "\f05a";
}

#section-lo-bueno h2:before {
    content: "\e86d";
}

#section-lo-malo h2:before {
    content: "\e86e";
}

#section-additional_information .rh-woo-section-title h2:before,
#subtitulo-h2-piramide:before,
#section-lo-bueno h2:before,
#section-lo-malo h2:before,
#section-tabla-de-concentraciones h2:before {
	color:#b2935a;
	font-weight: 700 !important;
}


/*Sombra titulo sobre img en categorias woo*/
#woo_cat_head h1 {
	color: #fff;
}

/*Estilos cuadro a mensaje de un comentario*/
.woo_comment_text_pros,
.woo_comment_text_cons {
    background: #b2935a;
    color: #111 !important;
}

/* Mejorar carga de logos con css, se deja los logos puesto en las opciones del tema para no romper nada */
.logo img,
.logo_image_mobile img {
    content: url('https://elatlasdelperfume.es/wp-content/uploads/2025/07/Logo-Full-Text-EADP-Blue-Dark_Mesa-de-trabajo-1.svg');
    transition: opacity 0.3s ease;
}

html.dark-mode .logo img,
html.dark-mode .logo_image_mobile img {
    content: url('https://elatlasdelperfume.es/wp-content/uploads/2025/07/Logo-Full-Text-EADP-Blanco.svg');
}

/* Sombra titulo sobre img en categorias woo */
#woo_cat_head h1 {
	text-shadow: 1px 1px 2px #111;
}

/* Quitar padding inferior en cada cuadro de producto en cuadricula en loop de directorio woo */
@media only screen and (max-width: 567px) {
    .woocommerce .products.grid_woo .product {
        padding: 8px !important;
    }
}

.woocommerce .products.grid_woo .product {
	padding: 12px !important;
	border: 1px solid #b2935a !important;
}


/* Ajustar tamaños header en descripciones */
.content-woo-area h2 {
    font-size: 20px !important;
}

.content-woo-area h3 {
    font-size: 18px !important;
}

/* Quitar subtitulos dinamicos que se añaden en cada seccion de woo */
.rh-woo-section-title .rh-woo-section-sub {
    display: none;
}

/* Cambiar color fondo barra superior fija de títulos de secciones en productos */
.rh-float-panel {
    background: #292335 !important;
	box-shadow: none !important;
}

.float-panel-woo-title {
    color: #fff !important;
}

/* Quitar panel fijo imagen + boton precio inferior móviles */
@media (max-width: 1023px) {
    #float-panel-woo-area .rh-container {
        display: none !important;
    }
}


/* === FOOTER === */
footer#theme_footer {
    background: none #292335 !important;
}

/* Cambiar estilo botón por defecto del tema de color blanco */
.def_btn, input[type="submit"], input[type="button"], input[type="reset"] {
    color: #fff !important;
    background-color: #292335 !important;
}

/* === BOTÓN FILTRO MÓVIL === */
div#mobile-trigger-sidebar {
    background: #b2935a !important;
    color: #fff !important;
}

/* === DESCRIPCIÓN CORTA EN CURSIVA === */
.woocommerce-product-details__short-description p {
    font-style: italic;
}

/* === IMAGEN EN WOOCOMMERCE === */
.imagen-producto {
    margin-bottom: 31px;
    text-align: center;
    display: block;
}

.imagen-producto img {
    max-width: 100%;
    max-height: 100vh;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* === CONTENT EGG === */
.aff_tag,
.brand_logo_small {
    margin-top: 4px !important;
}

/* Ocultar espacio vacio en widget simple de content egg */
.additional_line_merchant {
    display: none;
}

/* Ocultar fecha actualización precios content egg */
.rh_listoffers .last_update,
#tab-title-woo-ce-videos {
    display: none;
}

/* Ocultar mensaje mejor oferta en loop tienda content egg */
.compare-domain-icon {
    display: none !important;
}

.rh_woo_code_zone_button .rh-flex-center-align {
    flex-direction: column !important;
    align-items: center !important;
    margin-bottom: 20px;
}

.rh-flex-center-align span.meta_v_value {
    text-align: center;
}

/* === LOOP PRODUCTOS COMPACTOS === */
.woo_grid_compact .wp-block-group,
.woo_grid_compact .abposbot {
    display: none;
}

.wpsm-titlebox > strong:first-child {
    background: #292335 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    padding: 2px 10px !important;
    text-transform: inherit !important;
}

/* === FONDO BLANCO POR DEFECTO === */
.woo-content-area-full .content-woo-section .rh-container,
div#related-section-woo-area,
.woo-content-area-full,
.rh-outer-wrap {
    background: #ede7f2;
}

@media (max-width: 479px) {
    body:not(.dark_body):not(.page-template-template-systempages) {
        background: #ede7f2;
    }
}

.top-woo-area {
    border: none;
}

/* === PÁRRAFO DESTACADO (SHORTCODE) === */
.destacar-parrafo {
    background-color: #b2935a;
    padding: 20px;
    margin-bottom: 31px;
    color: #111;
	font-weight: 600;
}

.destacar-parrafo p {
    margin: 0 !important;
}

.valoracion-bloque .destacar-parrafo {
	margin-bottom:0;
}

/* === CUADRO GRIS ITÁLICA === */
.wpsm_box.gray_type {
    font-style: italic;
}

/* === COLOR FILTRO XforWoo EN TELÉFONOS === */
@media screen and (max-width: 1023px) {
    #rh_woo_mbl_sidebar .sidebar {
        color: #111;
    }
}

/* === PLACEHOLDER FILTRO === */
.prdctfltr_search_terms_input::placeholder {
    color: transparent;
}

/* === ETIQUETA DE MARCA === */
.tag_woo_meta a {
    color: #fff;
    font-weight: 600;
    font-style: normal;
    display: inline-block;
    background-color: #ede7f2;
    padding: 2px 20px;
}

.store_tax {
    margin: auto;
}

/* === CORRECCIÓN ALINEACIÓN DE ATRIBUTOS === */
.rh_woo_code_zone_button .rh-flex-center-align {
    align-items: baseline;
}

.wp-block-quote {
    border-left: 1px solid #b6975e;
}

/* === SECCIONES DE DESCRIPCIÓN EN WOO === */
.descripcion-tab-content > p,
.content-woo-area #section-description .rh-container > p,
.content-woo-area .rh-container .wc-contenido-wrapper > p,
.leer-mas-contenido > p,
.wc-contenido-wrapper-lista > p {
    background: #e3d6ed;
    padding: 20px;
}

.descripcion-tab-content h3,
.content-woo-area #section-description .rh-container h3,
.content-woo-area .rh-container .wc-contenido-wrapper h3,
#section-tabla-de-concentraciones h3,
#section-wpt-577 h3,
#section-lo-bueno h3,
#section-lo-malo h3,
#section-lo-bueno h4,
#section-lo-malo h4 {
    border-left: 1px solid #b6975e;
    padding-left: 15px;
}

/* CORREGIDO: Selector :not() inválido separado en reglas individuales */
.woo-content-area-full h2:not(.subs_acordeon) {
    border-bottom: 1px solid #b2935a !important;
    padding-bottom: 5px !important;
}

.perfumista-texto h2 {
    border-bottom: 1px solid #111 !important;
}

/* === PRODUCTOS BLOQUE PRINCIPAL === */
.top-woo-area .woo_top_meta .floatleft {
    float: none !important;
}

.top-woo-area .woo_top_meta {
    align-items: unset;
    display: block;
    flex-direction: unset;
}

/* === NOMBRE ATRIBUTOS EN NEGRITA === */
span.meta_v_label {
    font-weight: bold;
}

/* === QUITAR BORDES DE MENÚ === */
.main-nav.white_style {
    border-top: none;
    border-bottom: none;
}

/* Ocultar contador de vistas */
.postview_meta {
    display: none !important;
}

/* Color Hover enlaces - Coral para distinguir del dorado y oscuro */
a:hover, a:active {
    color: #ff7f50 !important;
}

/*Color enlaces dentro de parrafo destacado*/
.destacar-parrafo a {
	color:#1e005b;
}
.destacar-parrafo a:hover {
	color:#fff !important;
}

.perfumista-texto h2 a:hover {
    color: #fff !important;
}

/* Hacer transparente barra oscura en caja de luz al abrir img */
.pswp__ui--fit .pswp__top-bar {
    background-color: rgb(0 0 0 / 0%);
}

.mobx-top-bar {
    background-color: var(--darkreader-background-00000066, rgba(0, 0, 0, 0)) !important;
}

/* Tamaño titulo h3 cuadricula woo */
.woo_grid_compact h3 {
    font-size: 16px !important; 
}

/* === TABLA RESPONSIVA === */
.tabla-responsiva thead {
    font-weight: 600;
}

.tabla-responsiva {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 31px;
}

.tabla-responsiva table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 600px;
    border: none;
    background-color: #e3d6ed;
}

/* Sin bordes en celdas individuales */
.tabla-responsiva th,
.tabla-responsiva td {
    border: none;
    padding: 8px 12px;
    text-align: left;
}

/* Bordes internos solo donde son necesarios */
.tabla-responsiva th:not(:last-child),
.tabla-responsiva td:not(:last-child) {
    border-right: 1px solid #ffffff;
}

.tabla-responsiva tbody tr:not(:last-child) td {
    border-bottom: 1px solid #ffffff;
}

/* Cabecera */
.tabla-responsiva thead {
    background-color: #b2935a;
    color: #111;
}

/* Cuerpo de la tabla */
.tabla-responsiva tbody {
    background: #e3d6ed;
}

/* === ESTILOS RESPONSIVOS SOLO PARA TELÉFONOS === */
@media (max-width: 768px) {
    .tabla-responsiva {
        overflow-x: auto;
    }
    
    .tabla-responsiva table {
        table-layout: fixed;
        width: auto;
        min-width: max-content;
    }
    
    .tabla-responsiva td,
    .tabla-responsiva th {
        max-width: 300px;
        white-space: normal;
        word-break: keep-all;
        overflow-wrap: break-word;
    }
}

/* === PERSONALIZACIÓN BARRA DE DESPLAZAMIENTO FORZADA === */
.tabla-responsiva {
    scrollbar-width: thin;
    scrollbar-color: #b2935a #d4c4a1; /* Firefox */
    /* Forzar que siempre se muestre */
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch; /* iOS */
}

.tabla-responsiva::-webkit-scrollbar {
    height: 10px; /* Un poco más alto para que se vea mejor */
    -webkit-appearance: none; /* Quitar estilos por defecto */
}

.tabla-responsiva::-webkit-scrollbar-track {
    background: #d4c4a1; /* Dorado suave */
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1); /* Sombra sutil para definir */
}

.tabla-responsiva::-webkit-scrollbar-thumb {
    background-color: #b2935a; /* Dorado normal */
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
}

.tabla-responsiva::-webkit-scrollbar-thumb:hover {
    background-color: #9a7d47;
}

/* Forzar visibilidad en móviles */
@media (max-width: 768px) {
    .tabla-responsiva::-webkit-scrollbar {
        height: 12px; /* Más alto en móviles */
    }
    
    .tabla-responsiva::-webkit-scrollbar-track {
        background: #d4c4a1;
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.15);
    }
}



/* === SECCIÓN PIRÁMIDE TIPO PESTAÑAS === */
.notas-tabs {
    background: #ede7f2;
    box-shadow: 0px 15px 30px 0px rgba(119, 123, 146, 0.1);
    overflow: hidden;
}

.notas-tabs-nav {
    display: flex;
    background: #ede7f2;
    position: relative;
    padding: 0;
    margin: 0;
}

.notas-tab {
    background: transparent;
    border: 1px solid #b2935a;
    padding: 16px 20px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    flex: 1;
    text-align: center;
    margin: 0 2px;
}

.notas-tab:hover {
    background: #faf9f7;
    color: #6d5a42;
}

.notas-tab.active {
    background: #b2935a;
    color: #ede7f2;
    z-index: 2;
}

/* Estilos para el h4 dentro del botón de pestaña */
.notas-tab h4 {
    font-size: 18px;
    font-weight: 500;
    color: inherit;
    margin: 0;
    padding: 0;
}

.notas-tab:hover h4 {
    color: inherit;
}

.notas-tab.active h4 {
    color: inherit;
}

.notas-tabs-content {
    background: #ede7f2;
    min-height: 300px;
}

.notas-tab-content {
    display: none;
    padding: 24px;
    animation: fadeIn 0.3s ease-in-out;
    text-align: center; /* Centrar todo el contenido de la pestaña */
}

.notas-tab-content.active {
    display: block;
}

/* Centrar los subtítulos h4 */
.notas-tab-content h4 {
    text-align: center;
    margin: 20px 0 15px 0;
    font-size: 18px;
}

@keyframes fadeIn {
    from { 
        opacity: 0; 
        transform: translateY(10px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

@media (max-width: 768px) {
    .notas-tab {
        padding: 14px 16px;
        font-size: 16px;
    }
    
    .notas-tab h4 {
        font-size: 16px;
    }
    
    .notas-tab-content {
        padding: 16px;
    }
    
    .notas-tab-content h4 {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .notas-tab {
        padding: 12px 12px;
        font-size: 16px;
    }
    
    .notas-tab h4 {
        font-size: 16px;
    }
    
    .notas-tab-content {
        padding: 12px;
    }
    
    .notas-tab-content h4 {
        font-size: 16px;
    }
}

/* === ESTILOS PARA BLOQUE FUENTES WEB DE NOTAS AROMÁTICAS === */
.notas-por-fuente-bloque {
    margin-bottom: 30px;
    text-align: center;
}

.notas-por-fuente-titulo {
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: 600;
    text-align: center;
}

/* Contenedor de grupo de notas */
.notas-por-fuente-lista {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    align-items: flex-start;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 12px;
}

/* Cada nota */
.nota-individual {
    text-align: center;
    flex: 0 0 auto;
    min-width: 80px;
    max-width: 120px;
    margin: 0 10px 20px 10px;
}

/* Enlace del nombre de la nota */
.nota-individual a span {
    color: #636366 !important;
}

.nota-individual a:hover span {
    color: #b2935a !important;
}

/* Cuadro para la imagen */
.nota-imagen-cuadro {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 5px;
    overflow: hidden;
    border:1px solid #b2935a;
}

/* Imagen dentro del cuadro */
.nota-imagen {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

/* Texto debajo de la imagen */
.nota-nombre {
    font-size: 14px;
    display: block;
    word-break: break-word;
}

/* Responsive: tablet */
@media (max-width: 768px) {
    .notas-por-fuente-lista {
        gap: 10px;
    }
    
    .nota-individual {
        margin: 0 8px 15px 8px;
    }
    
    .nota-nombre {
        font-size: 14px;
    }
}

/* Responsive: móvil */
@media (max-width: 480px) {
    .notas-por-fuente-lista {
        padding: 0 5px;
        gap: 5px;
    }
    
    .nota-individual {
        margin: 0 2px 12px 2px;
        min-width: 60px;
        max-width: 80px;
        flex: 0 0 calc(33.333% - 4px);
    }
    
    .nota-nombre {
        font-size: 14px;
        line-height: 1.2;
    }
    
    .nota-imagen-cuadro {
        width: 80px;
        height: 80px;
    }
}

/* Hover en cada cuadro lista alfabetica */
.alphabet-filter a.single-letter-link:hover, 
.alphabet-filter a.compact-tax-link:hover {
    border: 1px solid #b2935a !important;
}

/* ========================================================================
   CSS PARA SHORTCODE DOS IMÁGENES EN PARALELO
   ======================================================================== */

/* Aplicar el mismo fondo gradiente que tienes en img-galeria */
.rh-tilled-gallery {
    background-image: linear-gradient(to right top, #292335, #613058, #a6355f, #e14849, #ff7a00);
}

/* Contenedor principal de dos imágenes - ajustado para el padding */
.dos-imagenes-container {
    display: flex !important;
    gap: 1% !important; /* Reducido de 2% a 1% */
    width: 100% !important;
    align-items: stretch;
}

/* Cada contenedor de imagen - anchos ajustados */
.dos-imagenes-container > div {
    width: 49.5% !important; /* Aumentado de 49% a 49.5% */
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column;
}

/* Enlaces dentro de cada contenedor */
.dos-imagenes-container a {
    display: flex !important;
    flex: 1 !important;
    align-items: stretch;
}

/* Las imágenes ocupan todo el espacio disponible manteniendo proporción */
.dos-imagenes-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Responsive: En tablets y móviles, las imágenes se apilan verticalmente */
@media (max-width: 768px) {
    .dos-imagenes-container {
        flex-direction: column !important;
        gap: 10px !important; /* También reducido para móviles */
    }
    
    .dos-imagenes-container > div {
        width: 100% !important;
    }
    
    .dos-imagenes-container img {
        height: auto !important;
        object-fit: contain !important;
    }
}


/*Cambiar de negro a fondo claro la caja de luz*/
.mobx-overlay {
	background-color: #45494C !important;
}
.mobx-ui button {
	background-color: #b2935a !important;
}
.mobx-counter {
	color: #b2935a !important;
}
	
	

/* Estilo cuadro conclusion final descripcion de perfume */
.valoracion-bloque {
    background: #2f4f4f;
    padding: 40px;
    color: #bdd5b5;
	margin-bottom:20px;
}

.valoracion-bloque h3 {
    color: #fff !important;
	border-left:4px solid #b2935a !important;
}

.valoracion-bloque p:last-child {
    margin-bottom: 0;
}

.valoracion-bloque .destacar-parrafo:last-child {
    margin-bottom: 0;
}

/* Media queries para dispositivos móviles */
@media (max-width: 768px) {
    .valoracion-bloque {
        padding: 20px;
    }
}