/*
 * Override theme icons to Material
 */
.l-popup-arrow.to_next:before,
.l-popup-arrow.to_prev:before,
.l-popup-closer:before,
.mfp-arrow:before,
.mfp-container:after,
.owl-next:after,
.owl-prev:after,
.pagination .page-numbers.next:after,
.pagination .page-numbers.prev:after,
.paging_simple .paginate_button.next:after,
.paging_simple .paginate_button.previous:before,
.post_navigation .order_first .post_navigation-item-arrow:before,
.post_navigation .order_second .post_navigation-item-arrow:before,
.royalSlider .rsArrow:after,
.rsFullscreenBtn:after,
.star-rating span:before,
.star-rating:before,
.tablepress .sorting_asc:after,
.tablepress .sorting_desc:after,
.w-contacts-item:before,
.w-dropdown-current .w-dropdown-item:after,
.w-filter.state_desktop.layout_hor .w-filter-item-reset:before,
.w-filter-list-closer:before,
input[type=checkbox]:before,
.w-grid .post_image.with_quote_icon:after,
.w-grid-item.format-audio .post_image:after,
.w-grid-item.format-link .post_title a:after,
.w-grid-item.format-video .post_image:after,
.w-header-show:before,
.w-message-close:before,
.w-nav-arrow:before,
.w-nav-close:before,
.w-person-links-item.type_email i:before,
.w-popup-closer:before,
.w-search-close:before,
.w-search-open:empty:before,
.w-sharing-item.copy2clipboard i:before,
.w-sharing-item.email i:before,
.w-socials-item.email i:before,
.w-socials-item.rss i:before,
.w-tabs.icon_chevron .w-tabs-section-control:before,
.widget_layered_nav_filters li a:before,
.widget_product_search form:after,
.widget_search form:after,
.w-cart-table a.remove:before,
.woocommerce .stars a:before,
.woocommerce-product-gallery__trigger:before {
	font-family: 'Material Icons' !important;
	font-feature-settings: 'liga'; /* support for EDGE */
	}

.l-popup-arrow.to_next:before,
.w-nav.type_desktop .w-nav-list.level_2 .w-nav-arrow:before,
.owl-next:after,
.mfp-arrow.mfp-arrow-right:before,
.royalSlider .rsArrow.rsArrowRight:after,
.post_navigation .order_second .post_navigation-item-arrow:before,
.pagination .page-numbers.next:after,
.paging_simple .paginate_button.next:after {
	content: 'keyboard_arrow_right' !important;
	text-transform: none !important;
	}
.owl-prev:after,
.mfp-arrow.mfp-arrow-left:before,
.l-popup-arrow.to_prev:before,
.rtl .w-nav.type_desktop .w-nav-list.level_2 .w-nav-arrow:before,
.post_navigation .order_first .post_navigation-item-arrow:before,
.pagination .page-numbers.prev:after,
.royalSlider .rsArrow.rsArrowLeft:after,
.paging_simple .paginate_button.previous:before {
	content: 'keyboard_arrow_left' !important;
	text-transform: none !important;
	}
.w-dropdown-current .w-dropdown-item:after,
.w-nav-arrow:before,
.w-tabs.icon_chevron .w-tabs-section-control:before {
	content: 'keyboard_arrow_down' !important;
	}
.tablepress .sorting_asc:after,
.tablepress .sorting_desc:after {
	content: 'arrow_drop_down' !important;
	font-size: 1.5rem;
	}
.w-contacts-item.for_email:before,
.w-person-links-item.type_email i:before,
.w-sharing-item.email i:before,
.w-socials-item.email i:before {
	content: 'email' !important;
	vertical-align: top;
	}
.l-popup-closer:before,
.mfp-container:after,
.rsFullscreen .rsFullscreenBtn:after,
.w-filter-list-closer:before,
.w-filter.state_desktop.layout_hor .w-filter-item-reset:before,
.w-message-close:before,
.w-nav-close:before,
.w-popup-closer:before,
.w-search-close:before,
.w-cart-table a.remove:before,
.widget_layered_nav_filters li a:before {
	content: 'close' !important;
	}
.w-search-open:empty:before,
.widget_search form:after,
.widget_product_search form:after {
	content: 'search' !important;
	}
input[type=checkbox]:before {
	content: 'check' !important;
	font-size: 1.2em;
	}
.rsFullscreenBtn:after,
.woocommerce-product-gallery__trigger:before {
	content: 'zoom_in' !important;
	}
.w-grid-item.format-audio .post_image:after,
.w-grid-item.format-video .post_image:after {
	content: 'play_arrow' !important;
	font-size: 2rem;
	padding: 0;
	width: 3.5rem;
	}
.w-grid .post_image.with_quote_icon:after {
	content: 'format_quote' !important;
	font-size: 3rem;
	}
.w-grid-item.format-link .post_title a:after {
	content: 'open_in_new' !important;
	}
.w-header-show:before {
	content: 'menu' !important;
	}
.w-contacts-item.for_address:before {
	content: 'location_on' !important;
	}
.w-contacts-item.for_phone:before {
	content: 'phone' !important;
	}
.w-contacts-item.for_mobile:before {
	content: 'smartphone' !important;
	}
.w-socials-item.rss i:before {
	content: 'rss_feed' !important;
	vertical-align: top;
	}
.w-sharing-item.copy2clipboard i:before {
	content: 'file_copy' !important;
	vertical-align:top;
	}
.star-rating:before,
.star-rating span:before {
	content: '\grade\grade\grade\grade\grade' !important;
	font-size: 0.92em;
	font-weight: normal;
	}
.woocommerce .stars a:before {
	content: 'grade' !important;
	}

/*
 * Change some icons size
 */
.widget_search form:after,
.widget_product_search form:after {
	transform: scale(1.5);
	}
.w-tabs.icon_chevron .w-tabs-section-control:before {
	font-size: 1.5em;
	margin-left: -0.17em;
	}

/*
 * Pagination improvements
 */
.post_navigation.layout_sided .order_first .post_navigation-item-arrow:before {
	transform: translate(1.15em,-50%);
	}
.post_navigation.layout_sided .order_second .post_navigation-item-arrow:before {
	transform: translate(-2.12em,-50%);
	}

/*
 * Override "Back to top" Button
 */
.w-toplink:not(.w-btn) {
	border-radius: 50% !important;
	}

/*
 * Add shadow to some elements
 */
.w-iconbox.style_circle .w-iconbox-icon {
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	box-shadow: 0 -1px 0 rgba(0,0,0,0.12) inset, 0 1px 1px rgba(0,0,0,0), 0 2px 3px rgba(0,0,0,0);
	transition: box-shadow 0.3s;
	}
.w-iconbox.style_circle .w-iconbox-link:active .w-iconbox-icon,
.no-touch .w-iconbox.style_circle .w-iconbox-link:hover .w-iconbox-icon {
	box-shadow: 0 -1px 0 rgba(0,0,0,0) inset, 0 2px 3px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.3);
	}
	.no-touch .w-iconbox.style_circle .w-iconbox-icon:before,
	.no-touch .w-iconbox.style_outlined .w-iconbox-icon:before {
		opacity: 0;
		height: 100%;
		transition: opacity 0.3s;
		}
	.no-touch .w-iconbox.style_circle .w-iconbox-link:hover .w-iconbox-icon:before,
	.no-touch .w-iconbox.style_outlined .w-iconbox-link:hover .w-iconbox-icon:before {
		opacity: 1;
		}

/* ============================================
   ESTILOS PARA CERTIFICADOS PERSONALIZADOS
   ============================================ */

/* Contenedor principal */
.certificados-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.certificados-titulo {
    font-size: 28px;
    margin-bottom: 30px;
    color: #2c3e50;
    border-bottom: 3px solid #3498db;
    padding-bottom: 10px;
}

/* Grid de certificados - 2 columnas en desktop */
.certificados-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

/* Cada tarjeta */
.certificado-card {
    display: flex;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #e9ecef;
}

.certificado-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

/* Columna de la insignia (izquierda) */
.certificado-insignia {
    flex: 0 0 120px;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-right: 2px solid #e9ecef;
}

.insignia-imagen {
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
}

.insignia-placeholder {
    font-size: 60px;
    opacity: 0.3;
}

/* Columna de información (derecha) */
.certificado-info {
    flex: 1;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
}

.certificado-curso {
    font-size: 18px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #3498db;
}

.certificado-detalles {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.detalle-fila {
    display: flex;
    align-items: baseline;
    font-size: 14px;
}

.detalle-etiqueta {
    font-weight: 600;
    color: #6c757d;
    min-width: 85px;
    margin-right: 8px;
}

.detalle-valor {
    color: #2c3e50;
    word-break: break-word;
}

.detalle-valor.codigo {
    font-family: 'Courier New', monospace;
    background: #f8f9fa;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 13px;
}

.btn-pdf {
    display: inline-block;
    background: #3498db;
    color: #fff;
    padding: 5px 15px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: background 0.3s ease;
    margin-top: 4px;
}

.btn-pdf:hover {
    background: #2980b9;
    color: #fff;
    text-decoration: none;
}

/* Badges de vigencia (opcional) */
.badge-vigente {
    background: #d4edda;
    color: #155724;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.badge-vencido {
    background: #f8d7da;
    color: #721c24;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

/* ============================================
   RESPONSIVE
   ============================================ */

/* Tablets y pantallas medianas */
@media (max-width: 992px) {
    .certificados-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Móviles */
@media (max-width: 576px) {
    .certificado-card {
        flex-direction: column;
    }
    
    .certificado-insignia {
        flex: 0 0 auto;
        padding: 20px;
        border-right: none;
        border-bottom: 2px solid #e9ecef;
        background: #f8f9fa;
    }
    
    .insignia-imagen {
        max-height: 80px;
    }
    
    .certificado-info {
        padding: 15px;
    }
    
    .certificados-titulo {
        font-size: 22px;
    }
}