:root{
    /* ===== TAMAÑOS ===== */
    --texto: clamp(28px, 11.4vw, 91px);
    --numero: clamp(95px, 38vw, 304px);
    /* Espacio para 2 cifras (10-99) */
    --espacio: clamp(12px, 4.5vw, 36px);
    /* Espacio para 1 cifra */
    --espacio-un-digito: clamp(6px, 2.25vw, 18px);
    /* Espacio para 3 cifras */
    --espacio-tres-digitos: clamp(16px, 6vw, 48px);
    --ajuste-vertical:-4px;
    --margen-texto: clamp(6px, 2.25vw, 18px);
    --color:#222;
    --separacion-letras:0px;
    --ancho-texto:1.00;
    --alto-texto:0.88;
    --peso:normal;
        --ajuste-vertical:-4px;
    --ajuste-horizontal:-14px;  /* ← nueva, ajustá el valor a gusto */
}

@font-face{
    font-family:"AxeHandel";
    src:url("../fonts/AxeHandel.ttf");
}

@font-face{
    font-family:"Minion";
    src:url("../fonts/MinionPro-CnDisp.otf");
}

body{
    margin:0;
    padding:0;
    background:#fff;
}

table{
    border-collapse:collapse;
}

td{
    padding:0;
}

img{
    display:block;
}

.contador15{
    width:100%;
    max-width:800px;
    height:256px; /* desktop por defecto */
    display:flex;
    justify-content:center;
    align-items:center;
    gap:var(--espacio);
    background:#fff;
    transform:translate(var(--ajuste-horizontal), var(--ajuste-vertical));
    box-sizing:border-box;
}

@media (max-width: 800px){
    .contador15{
        height:120px; /* mobile */
    }
}

/* GAP AUTOMÁTICO */

.contador15.unDigito{
    gap:var(--espacio-un-digito);
}

.contador15.dosDigitos{
    gap:var(--espacio);
}

.contador15.tresDigitos{
    gap:var(--espacio-tres-digitos);
}

.faltan,
.dias{

    font-family:"Minion";

    font-size:var(--texto);

    color:var(--color);

    margin-top:var(--margen-texto);

    letter-spacing:var(--separacion-letras);

    font-weight:var(--peso);

    transform:scaleX(var(--ancho-texto)) scaleY(var(--alto-texto));

    transform-origin:center center;

    white-space:nowrap;
}

#dias{

    font-family:"AxeHandel";

    font-size:var(--numero);

    color:var(--color);

    line-height:1;

    white-space:nowrap;
}

html, body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    margin:0;
    padding:0;
}
#Tabla_01{
    width:100%;
    max-width:800px;
    margin:0 auto;
    table-layout:fixed;
}
#Tabla_01 img{
    width:100%;
    height:auto;
    display:block;
}
.contador15{
    width:100%;
    max-width:800px;
    box-sizing:border-box;
}