/* Responsive Shortcodes */
body.et_includes_sidebar .pricing-table { width: 50%; }
@media only screen and ( max-width: 959px ) {
	body.et_includes_sidebar .one_third, body.et_includes_sidebar .one_half, body.et_includes_sidebar .one_third, body.et_includes_sidebar .two_third, body.et_includes_sidebar .one_fourth, body.et_includes_sidebar .three_fourth { float: none; margin-right: 0; width: auto; margin-bottom: 10px; }
	body.et_includes_sidebar .et-testimonial-box, body.et_includes_sidebar .et-protected { width: auto !important; }
	body.et_includes_sidebar .et-protected-form { padding: 15px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body.et_fullwidth_view .pricing-table { width: 50%; }
}
@media only screen and ( max-width: 767px ) {
	.et_left_tabs_bg { width: 50px; }
	.tabs-left .et-tabs-control, .et-tabs-container .et-tabs-control { display: none; }
	.tabs-left ul.et_shortcodes_mobile_nav { display: block; width: 51px; }
		.tabs-left ul.et_shortcodes_mobile_nav  a { display: block; height: 49px; width: 100%; }
	.tabs-left .et-tabs-content { margin-left: 75px; }

	.et-tabs-container  ul.et_shortcodes_mobile_nav { display: block; }
		.et-tabs-container  ul.et_shortcodes_mobile_nav li { width: 50%; }

	.et-pricing { margin-top: 0; }
	body.et_includes_sidebar .pricing-table, body.et_fullwidth_view .pricing-table { width: 100%; margin-bottom: 35px; }
	.pricing-big { top: 0; }

	body.et_fullwidth_view .one_third, body.et_fullwidth_view .one_half, body.et_fullwidth_view .one_third, body.et_fullwidth_view .two_third, body.et_fullwidth_view .one_fourth, body.et_fullwidth_view .three_fourth { float: none; margin-right: 0; width: auto; margin-bottom: 10px; }

	body.et_fullwidth_view .et-testimonial-box, body.et_fullwidth_view .et-protected  { width: auto !important; }
	body.et_fullwidth_view .et-protected-form { padding: 15px !important; }

	body.et_includes_sidebar .author-shortcodes .author-inner { padding: 27px 27px 17px; }
	body.et_includes_sidebar .author-shortcodes .author-image { position: relative; top: 0; left: 0; margin-bottom: 10px; }

	body.et_includes_sidebar .quote-center .et_quote_additional_sign { right: -13px; }
	body.et_includes_sidebar .et_shortcodes_controls { display: none; }
	body.et_includes_sidebar .et_shortcodes_controls_arrows a { text-indent: -9999px; }
}
@media only screen and ( max-width: 479px ) {
	.et-tabs-container ul.et_shortcodes_mobile_nav a.et_sc_nav_prev { padding-left: 26px; }
		.et-tabs-container ul.et_shortcodes_mobile_nav .et_sc_nav_prev span { left: 10px; }
	.et-tabs-container ul.et_shortcodes_mobile_nav a.et_sc_nav_next { padding-right: 26px; }
		.et-tabs-container ul.et_shortcodes_mobile_nav .et_sc_nav_next span { right: 10px; }

	body.et_fullwidth_view .author-shortcodes .author-inner { padding: 27px 27px 17px; }
	body.et_fullwidth_view .author-shortcodes .author-image { position: relative; top: 0; left: 0; margin-bottom: 10px; }
	body.et_fullwidth_view .quote-center .et_quote_additional_sign { right: -13px; }
	body.et_fullwidth_view .et_shortcodes_controls { display: none; }
	body.et_fullwidth_view .et_shortcodes_controls_arrows a { text-indent: -9999px; }

	.et-box:before, .et-testimonial:before { display: none; }
	.et-box-content { padding: 27px 27px 17px 27px; }
	.et-testimonial { padding: 25px; }
}
.et_pb_gallery_image, .et_pb_gallery_item, .et-waypoint, .et_pb_image { opacity: 1 !important; visibility: visible !important; display: block !important; min-height: 150px; }

.et_pb_gallery_image, .et_pb_gallery_item, .et-waypoint { opacity: 1 !important; visibility: visible !important; min-height: 150px !important; }

.et_pb_gallery_image, .et_pb_gallery_item, .et-waypoint { opacity: 1 !important; visibility: visible !important; display: block !important; min-height: 150px; }

/* FIX DEFINITIVO GALERIAS DIVI ESTATICO */
.et_pb_gallery_image, 
.et_pb_gallery_item, 
.et_pb_gallery_image landscape {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    min-height: 160px !important;
    width: 100% !important;
    overflow: visible !important;
}

.et_pb_gallery_image img,
.et_pb_gallery_item img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 999 !important;
}

.et_overlay {
    display: none !important;
}

/* --- CORRECCIÓN DE LAYOUT ESTATICO DIVI --- */
.et_pb_gallery_items {
    height: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 25px !important;
}

.et_pb_gallery_item {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    float: left !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 220px !important;
    min-height: 220px !important;
    margin-bottom: 25px !important;
}

.et_pb_gallery_image, 
.et_pb_gallery_image.landscape {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.et_pb_gallery_image img,
.et_pb_gallery_item img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 10 !important;
}

.et_overlay {
    display: none !important;
}

/* --- DESBLOQUEO DEFINITIVO DE GALERÍAS Y TEXTOS DIVI --- */
.et_pb_gallery_items {
    height: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 25px !important;
}

.et_pb_gallery_item {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    float: left !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 220px !important;
    min-height: 250px !important;
    margin-bottom: 25px !important;
}

.et_pb_gallery_image, 
.et_pb_gallery_image.landscape {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.et_pb_gallery_image img,
.et_pb_gallery_item img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 10 !important;
}

.et_pb_gallery_caption,
.et_pb_gallery_title {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 10px !important;
}

.et_overlay {
    display: none !important;
}

/* --- CORRECCIÓN PERMANENTE GALERÍAS Y MASONRY DIVI --- */
.et_pb_gallery_items {
    height: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 25px !important;
}

.et_pb_gallery_item {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    float: left !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 220px !important;
    min-height: 250px !important;
    margin-bottom: 25px !important;
}

.et_pb_gallery_image, 
.et_pb_gallery_image.landscape {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.et_pb_gallery_image img,
.et_pb_gallery_item img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 10 !important;
}

.et_pb_gallery_caption,
.et_pb_gallery_title {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 10px !important;
}

.et_overlay {
    display: none !important;
}

/* Ocultar paginacion nativa duplicated de Divi */
.pagination_divi, .wp-pagenavi, .et_pb_portofolio_pagination, div.pagination {
    display: none !important;
}

.pagination_divi, .wp-pagenavi, .et_pb_portofolio_pagination, div.pagination, .et_pb_gallery_pagination { display: none !important; }

.et_pb_gallery_item.oculto-estatico { display: none !important; }

.et_pb_gallery_item.pagina-activa { display: block !important; opacity: 1 !important; visibility: visible !important; }

/* Fix de 3 columnas exactas para Editoriales y Galerias de 3 elementos */
.et_pb_column_3_4 .et_pb_gallery_items,
.et_pb_gallery_grid .et_pb_gallery_items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 3.3% !important;
    height: auto !important;
}

.et_pb_gallery_grid .et_pb_gallery_item {
    width: 30.3% !important; /* Fuerza 3 columnas por fila */
    min-height: 220px !important;
    margin-right: 0 !important;
    margin-bottom: 25px !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    float: left !important;
}

/* Desactivar paginacion nativa */
.pagination_divi, .wp-pagenavi, .et_pb_portofolio_pagination, div.pagination, .et_pb_gallery_pagination {
    display: none !important;
}

/* Ocultar cuentos por defecto para que JS los controle sin conflicto !important */
body.page-id-872 .et_pb_gallery_item,
body[class*="votacion"] .et_pb_gallery_item {
    display: none !important;
}

body.page-id-872 .et_pb_gallery_item.pagina-activa,
body[class*="votacion"] .et_pb_gallery_item.pagina-activa {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
