/*=========================================
    MUNDO ESCOLAR - ESTILO FICHA DE PRODUCTO
    Solo para producto.php
=========================================*/

.ficha-producto{
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    background: white;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 1px 3px rgba(26, 29, 35, .08), 0 1px 2px rgba(26, 29, 35, .05);
}
.ficha-imagen{ flex: 1; min-width: 260px; height: 300px; }
.ficha-imagen img{ width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.ficha-info{ flex: 1; min-width: 260px; }
.etiqueta-categoria{
    display: inline-block;
    background: var(--color-tarjeta-fria);
    color: var(--color-primario);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12.5px;
    font-weight: bold;
    margin-bottom: 12px;
}
.ficha-info h2{ color: var(--color-primario); margin-bottom: 12px; font-size: 28px; }
.ficha-descripcion{ color: var(--color-texto); margin-bottom: 16px; line-height: 1.6; font-size: 16px; }
.ficha-detalle{ font-size: 15px; color: var(--color-texto-claro); margin-bottom: 6px; }
.ficha-precio{ font-size: 26px; font-weight: bold; color: var(--color-secundario); margin: 16px 0; }