/*
  Don Cesario - Shortcodes de Reproductores
  Hoja de estilos del plugin (v2.2)
 */

/* ---------------------------------------------------------------------
   VIDEO - shortcode [dc_video], no hay bloque nativo detrás.
   --------------------------------------------------------------------- */
.dc-video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 0 1.5em;border-radius:1px;}
.dc-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}

/* ---------------------------------------------------------------------
   VISOR DE PDF (Certificado AAA) - shortcode [dc_certificado_pdf].
   --------------------------------------------------------------------- */
.dc-pdf-wrap embed,.dc-pdf-wrap iframe{width:100%;height:700px;border:1px solid #e2ddd5;border-radius:1px;margin-bottom:0.6em;}
.dc-pdf-link{display:inline-block;font-size:0.9em;color:#5a3a25;text-decoration:underline;}

/* En pantallas chicas el <embed> de PDF suele mostrar una pantalla en
   blanco (muchos navegadores mobile no renderizan PDFs embebidos), así
   que lo ocultamos y dejamos solo el botón de descarga, más grande y
   fácil de tocar. */
@media (max-width:600px){
    .dc-pdf-wrap{ display:none; }
    .dc-pdf-link{
        display:block;
        width:100%;
        box-sizing:border-box;
        text-align:center;
        background:#5a3a25;
        color:#fff;
        font-weight:700;
        text-decoration:none;
        padding:0.85em 1.4em;
        border-radius:8px;
    }
}

/* ---------------------------------------------------------------------
   ÁRBOL GENEALÓGICO - shortcode [dc_arbol_genealogico], no hay bloque
   nativo detrás (es una estructura de cajas y líneas armada en PHP).
   --------------------------------------------------------------------- */
.dc-arbol-pro
    {
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
        margin:0;
        font-size:var(--wp--preset--font-size--small);
        max-width:100%;
        overflow-x:auto;
    }
.dc-arbol-marca
    {
        display:flex;
        align-items:center;
        gap:0.2em;
        margin-bottom:1em;
    }
.dc-arbol-marca img
    {
        height:50px;
        width:auto;
    }
.dc-arbol-marca span
    {
        font-size:var(--wp--preset--font-size--standard);
        font-weight:900;
        font-family:var(--wp--preset--font-family--merriweather);
        color:var(--wp--preset--color--accent-1);
    }

.dc-arbol-caja
    {
        background:var(--wp--preset--color--accent-5);
        border:1px solid var(--wp--preset--color--accent-5);
        border-radius:1px;
        padding:10px 15px;
        min-width:150px;
        box-sizing:border-box;
        margin:0 0.6em;
        overflow-wrap:break-word;
    }

.dc-arbol-caja .dc-arbol-rol
    {
        display:block;
        font-size:var(--wp--preset--font-size--standard);
        font-weight: 600;
        margin-bottom:0;
    }

.dc-arbol-caja.dc-animal-principal
    {
        background:var(--wp--preset--color--accent-1);
        color:var(--wp--preset--color--base-1);
        font-weight:700;
        min-width:180px;
        margin:0;
    }
.dc-arbol-caja.dc-caja-chica
    {
        min-width:120px;
        padding:0.5em 0.8em;
        font-size:0.9em;
        margin:0 0.5em;
    }

.dc-arbol-stem
    {
        width:1px;
        height:1.4em;
        background:var(--wp--preset--color--accent-1);
    }
.dc-arbol-stem.dc-stem-chico
    {
        height:1.1em;
    }

.dc-arbol-rama
    {
        position:relative;
        display:grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    }
.dc-arbol-rama::before
    {content:'';
        position:absolute;
        top:0;
        left:25%;
        right:25%;
        height:1px;
        background:var(--wp--preset--color--accent-1);
    }

.dc-arbol-hijo
    {
        position:relative;
        padding-top:1.4em;
        display:flex;
        flex-direction:column;
        align-items:center;
    }
.dc-arbol-hijo::before{
    content:'';
    position:absolute;
    top:0;
    left:50%;
    width:1px;
    height:1.4em;
    background:var(--wp--preset--color--accent-1);
    transform:translateX(-50%);
}

.dc-rama-chica .dc-arbol-hijo
    {
        padding-top:1.1em;
    }
.dc-rama-chica .dc-arbol-hijo::before
    {
        height:1.1em;
    }

@media (max-width:600px)
    {
        .dc-arbol-caja
        {
            min-width:110px;
            padding:0.5em 0.6em;
            font-size:0.85em;
        }
        .dc-arbol-caja.dc-caja-chica
            {
                min-width:0;
                margin:0;
            }

        /* Abuelos apilados en vez de en fila, para que no compitan por ancho */
        .dc-rama-chica
            {
                display:flex;
                flex-direction:column;
                align-items:center;
                gap:0.6em;
            }
        .dc-rama-chica::before
            {
                display:none;
            }
        .dc-rama-chica .dc-arbol-hijo::before
            {
                height:1.1em;
            }
        .dc-arbol-caja.dc-caja-chica
            {
                width:80%;
                max-width:220px;
            }
    }

@media (max-width:320px)
    {
        .dc-arbol-caja .dc-arbol-rol
            {
                font-size:0.85em;
            }
        .dc-arbol-caja
            {
                font-size:0.8em;
                padding:0.45em 0.5em;
            }
        .dc-arbol-caja.dc-caja-chica
            {
                width:90%;
            }
    }

/* Fix v1.5 — WordPress inserta <p></p> vacíos donde el HTML del árbol
   deja líneas en blanco entre los distintos if/endif (abuelos, ramas
   chicas, etc). */
.dc-arbol-pro p:empty{
    display:none !important;
    margin:0 !important;
}


/* ---------------------------------------------------------------------
   TABLA DE VIENTRES DEL LOTE - shortcode [dc_tabla_vientres], no hay
   bloque nativo detrás (tabla armada en PHP a partir de un campo ACF).
   --------------------------------------------------------------------- */
.dc-tabla-vientres-wrap{overflow-x:auto;margin-bottom:1.5em;}
.dc-tabla-vientres{width:100%;border-collapse:collapse;font-size:0.92em;}
.dc-tabla-vientres th{
    text-align:left;color:#6b6259;font-weight:600;text-transform:uppercase;
    font-size:0.78em;letter-spacing:0.03em;padding:0.5em 0.6em;border-bottom:2px solid #e2ddd5;
}
.dc-tabla-vientres td{padding:0.55em 0.6em;border-bottom:1px solid #e2ddd5;color:#2b2622;}
.dc-tabla-vientres tbody tr:hover{background:#f7f4ef;}

@media (max-width:640px){
    .dc-tabla-vientres thead{display:none;}
    .dc-tabla-vientres, .dc-tabla-vientres tbody, .dc-tabla-vientres tr, .dc-tabla-vientres td{display:block;width:100%;}
    .dc-tabla-vientres tr{border:1px solid #e2ddd5;border-radius:8px;margin-bottom:0.8em;padding:0.4em 0.2em;}
    .dc-tabla-vientres td{
        display:flex;justify-content:space-between;gap:1em;border-bottom:0;padding:0.35em 0.6em;
    }
    .dc-tabla-vientres td::before{content:attr(data-label);color:#6b6259;font-weight:600;font-size:0.85em;}
}