:root {
    --negro:#050505;
    --negro-suave:#0d0d0d;
    --gris-claro:#d3d3d3;
    --blanco:#fff;
    --amarillo:#e4b11c;
    --amarillo-claro:#f2c642;
    --azul-tkd:#1687ff;
    --rojo-kickboxing:#f04444;
    --naranja-hapkido:#ff8c24;
    --verde-box:#28c76f;
    --ancho-maximo:1440px;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }

body {
    min-height:100vh;
    overflow-x:hidden;
    background:var(--negro);
    color:var(--blanco);
    font-family:Arial, Helvetica, sans-serif;
}

body.menu-abierto { overflow:hidden; }
img { display:block; max-width:100%; }
a { color:inherit; }
button { font:inherit; }

.container {
    width:min(90%, var(--ancho-maximo));
    margin:0 auto;
}

/* HEADER */

.header {
    position:fixed;
    inset:0 0 auto 0;
    z-index:1000;
    height:104px;
    background:linear-gradient(
        180deg,
        rgba(5,5,5,.95) 0%,
        rgba(5,5,5,.7) 72%,
        rgba(5,5,5,.18) 100%
    );
    border-bottom:1px solid rgba(255,255,255,.045);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    transition:height .32s ease, background .32s ease, box-shadow .32s ease;
}

.header.header-scroll {
    height:78px;
    background:rgba(5,5,5,.95);
    box-shadow:0 16px 40px rgba(0,0,0,.34);
}

.header-contenido {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    height:100%;
}

/* LOGO */

.logo {
    display:inline-flex;
    align-items:center;
    gap:14px;
    flex-shrink:0;
    text-decoration:none;
}

.logo img {
    width:104px;
    height:82px;
    object-fit:contain;
    filter:
        drop-shadow(0 10px 16px rgba(0,0,0,.58))
        drop-shadow(0 0 16px rgba(228,177,28,.14));
    transition:width .3s ease, height .3s ease, transform .25s ease, filter .25s ease;
}

.logo:hover img {
    transform:scale(1.045);
    filter:
        drop-shadow(0 10px 16px rgba(0,0,0,.58))
        drop-shadow(0 0 24px rgba(228,177,28,.3));
}

.logo-texto {
    display:flex;
    flex-direction:column;
    line-height:1;
}

.logo-texto strong {
    font-size:18px;
    font-weight:900;
    letter-spacing:2px;
}

.logo-texto small {
    margin-top:6px;
    color:var(--amarillo);
    font-size:12px;
    font-weight:900;
    letter-spacing:2.3px;
}

.header.header-scroll .logo img {
    width:78px;
    height:60px;
}

.header.header-scroll .logo-texto strong { font-size:15px; }
.header.header-scroll .logo-texto small { font-size:10px; }

/* MENU */

.menu {
    display:flex;
    align-items:center;
    gap:32px;
}

.menu a {
    position:relative;
    color:rgba(255,255,255,.86);
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    transition:color .25s ease;
}

.menu a::after {
    content:"";
    position:absolute;
    left:50%;
    bottom:-12px;
    width:0;
    height:2px;
    transform:translateX(-50%);
    background:var(--amarillo);
    box-shadow:0 0 12px rgba(228,177,28,.35);
    transition:width .25s ease;
}

.menu a:hover,
.menu a.activo { color:var(--blanco); }

.menu a:hover::after,
.menu a.activo::after { width:100%; }

/* BOTONES */

.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:54px;
    padding:0 30px;
    border-radius:999px;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
    transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}

.btn:hover { transform:translateY(-3px); }

.btn-header,
.btn-principal {
    color:#090909;
    background:linear-gradient(135deg,var(--amarillo-claro),var(--amarillo));
    box-shadow:
        0 12px 30px rgba(228,177,28,.18),
        inset 0 1px 0 rgba(255,255,255,.35);
}

.btn-header:hover,
.btn-principal:hover {
    box-shadow:
        0 16px 42px rgba(228,177,28,.34),
        inset 0 1px 0 rgba(255,255,255,.42);
}

.btn-secundario {
    color:var(--blanco);
    border:1px solid rgba(255,255,255,.26);
    background:rgba(255,255,255,.035);
}

.btn-secundario:hover {
    border-color:rgba(255,255,255,.56);
    background:rgba(255,255,255,.08);
}

.btn-flecha {
    font-size:18px;
    transition:transform .25s ease;
}

.btn:hover .btn-flecha { transform:translateX(5px); }

/* MENU MOVIL */

.menu-movil-boton {
    display:none;
    width:46px;
    height:46px;
    padding:0;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    background:rgba(255,255,255,.04);
    cursor:pointer;
}

.menu-movil-boton span {
    display:block;
    width:20px;
    height:2px;
    margin:4px auto;
    border-radius:999px;
    background:var(--blanco);
    transition:transform .25s ease, opacity .25s ease;
}

.menu-movil-boton.activo span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
.menu-movil-boton.activo span:nth-child(2) { opacity:0; }
.menu-movil-boton.activo span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }

/* HERO */

.hero {
    position:relative;
    display:flex;
    align-items:center;
    min-height:100vh;
    padding-top:104px;
    overflow:hidden;
    background:
        linear-gradient(
            90deg,
            rgba(5,5,5,.995) 0%,
            rgba(5,5,5,.94) 38%,
            rgba(5,5,5,.57) 70%,
            rgba(5,5,5,.82) 100%
        ),
        radial-gradient(circle at 77% 43%, rgba(228,177,28,.2), transparent 34%),
        linear-gradient(118deg,#050505 0%,#090909 55%,#15120a 100%);
}

.hero::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:66px 66px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.76),transparent 91%);
}

.hero-trama {
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.18;
    background:repeating-linear-gradient(
        118deg,
        transparent 0 92px,
        rgba(228,177,28,.055) 94px,
        transparent 97px
    );
}

.hero-corte {
    position:absolute;
    z-index:1;
    width:460px;
    height:2px;
    background:linear-gradient(90deg,transparent,rgba(228,177,28,.38),transparent);
    box-shadow:0 0 20px rgba(228,177,28,.2);
}

.hero-corte-1 {
    right:-90px;
    top:31%;
    transform:rotate(-17deg);
}

.hero-corte-2 {
    right:2%;
    bottom:24%;
    width:340px;
    transform:rotate(13deg);
    opacity:.52;
}

.hero-contenido {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.06fr .94fr;
    align-items:center;
    gap:54px;
    min-height:calc(100vh - 104px);
    padding:54px 0 84px;
}

/* TEXTO HERO */

.hero-texto {
    max-width:780px;
    animation:entradaTextoDJIK .8s ease both;
}

.hero-etiqueta {
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:24px;
    color:var(--amarillo);
    font-size:12px;
    font-weight:900;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.hero-etiqueta::before {
    content:"";
    width:46px;
    height:2px;
    background:var(--amarillo);
    box-shadow:0 0 12px rgba(228,177,28,.3);
}

.hero h1 {
    max-width:820px;
    font-size:clamp(66px,7.25vw,122px);
    line-height:.86;
    letter-spacing:-3.4px;
    text-transform:uppercase;
}

.hero h1 span {
    display:block;
    margin-top:12px;
    color:var(--amarillo);
    text-shadow:0 0 34px rgba(228,177,28,.08);
}

.hero p {
    max-width:650px;
    margin-top:32px;
    color:var(--gris-claro);
    font-size:clamp(17px,1.35vw,21px);
    line-height:1.66;
}

.hero-botones {
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:38px;
}

/* DISCIPLINAS */

.hero-disciplinas {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:40px;
}

.disciplina {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 13px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:999px;
    background:rgba(255,255,255,.028);
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    transition:transform .2s ease, background .2s ease, border-color .2s ease;
}

.disciplina:hover {
    transform:translateY(-2px);
    background:rgba(255,255,255,.06);
    border-color:currentColor;
}

.disciplina::before {
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:currentColor;
    box-shadow:0 0 14px currentColor;
}

.taekwondo { color:var(--azul-tkd); }
.kickboxing { color:var(--rojo-kickboxing); }
.hapkido { color:var(--naranja-hapkido); }
.boxtraining { color:var(--verde-box); }

/* HERO VISUAL */

.hero-visual {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:680px;
    isolation:isolate;
    animation:entradaVisualDJIK 1s .15s ease both;
}

.hero-visual::before {
    content:"";
    position:absolute;
    left:50%;
    bottom:3%;
    width:76%;
    height:17%;
    transform:translateX(-50%);
    border-radius:50%;
    background:rgba(0,0,0,.84);
    filter:blur(32px);
    z-index:-1;
}

.hero-resplandor {
    position:absolute;
    top:47%;
    left:50%;
    width:min(46vw,720px);
    aspect-ratio:1;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(228,177,28,.34) 0%,
        rgba(228,177,28,.15) 28%,
        rgba(228,177,28,.04) 54%,
        transparent 73%
    );
    filter:blur(12px);
    animation:respirarResplandorDJIK 4.5s ease-in-out infinite;
}

.hero-resplandor::before {
    content:"";
    position:absolute;
    inset:16%;
    border-radius:50%;
    border:1px solid rgba(228,177,28,.1);
    box-shadow:
        0 0 100px rgba(228,177,28,.085),
        inset 0 0 74px rgba(228,177,28,.03);
}

.hero-tigre {
    position:relative;
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:center;
    width:min(41vw,650px);
    min-height:660px;
    transform:translate(2%,24px);
}

.hero-tigre::before {
    content:"";
    position:absolute;
    left:50%;
    bottom:8%;
    width:70%;
    height:13%;
    transform:translateX(-50%);
    border-radius:50%;
    background:rgba(228,177,28,.13);
    filter:blur(38px);
    z-index:-1;
}

.hero-tigre img {
    width:118%;
    max-height:770px;
    object-fit:contain;
    filter:
        brightness(1.05)
        contrast(1.11)
        drop-shadow(0 42px 46px rgba(0,0,0,.82))
        drop-shadow(0 0 20px rgba(228,177,28,.24))
        drop-shadow(0 0 54px rgba(228,177,28,.1));
    animation:flotarTigreDJIK 5.4s ease-in-out infinite;
}

.hero-marca {
    position:absolute;
    right:-4%;
    bottom:5%;
    z-index:1;
    color:rgba(255,255,255,.021);
    font-size:clamp(130px,14vw,250px);
    font-weight:900;
    letter-spacing:-10px;
    line-height:.8;
    user-select:none;
}

.hero-linea-decorativa {
    position:absolute;
    right:4%;
    top:21%;
    z-index:1;
    width:150px;
    height:1px;
    transform:rotate(-22deg);
    background:linear-gradient(90deg,transparent,rgba(228,177,28,.5),transparent);
    box-shadow:0 0 18px rgba(228,177,28,.24);
}

/* HUMO */

.hero-humo {
    position:absolute;
    z-index:2;
    border-radius:50%;
    pointer-events:none;
    background:radial-gradient(
        ellipse at center,
        rgba(255,255,255,.08),
        rgba(255,255,255,.022) 45%,
        transparent 72%
    );
    filter:blur(34px);
    opacity:.52;
}

.hero-humo-1 {
    width:410px;
    height:165px;
    left:2%;
    bottom:12%;
    transform:rotate(-9deg);
    animation:moverHumoUnoDJIK 9s ease-in-out infinite alternate;
}

.hero-humo-2 {
    width:350px;
    height:150px;
    right:-1%;
    bottom:25%;
    transform:rotate(12deg);
    animation:moverHumoDosDJIK 11s ease-in-out infinite alternate;
}

.hero-humo-3 {
    width:285px;
    height:120px;
    left:26%;
    top:16%;
    opacity:.27;
    animation:moverHumoTresDJIK 13s ease-in-out infinite alternate;
}

/* PARTICULAS */

.hero-particulas {
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
}

.hero-particulas span {
    position:absolute;
    width:4px;
    height:4px;
    border-radius:50%;
    background:rgba(228,177,28,.8);
    box-shadow:
        0 0 8px rgba(228,177,28,.92),
        0 0 18px rgba(228,177,28,.4);
    animation:flotarParticulaDJIK 5s ease-in-out infinite;
}

.hero-particulas span:nth-child(1) { left:18%; top:25%; }
.hero-particulas span:nth-child(2) { left:76%; top:22%; width:3px; height:3px; animation-delay:.7s; }
.hero-particulas span:nth-child(3) { left:86%; top:48%; animation-delay:1.2s; }
.hero-particulas span:nth-child(4) { left:22%; top:62%; width:2px; height:2px; animation-delay:1.8s; }
.hero-particulas span:nth-child(5) { left:67%; top:72%; animation-delay:2.4s; }
.hero-particulas span:nth-child(6) { left:42%; top:17%; width:3px; height:3px; animation-delay:3s; }
.hero-particulas span:nth-child(7) { left:91%; top:69%; width:2px; height:2px; animation-delay:3.7s; }
.hero-particulas span:nth-child(8) { left:34%; top:82%; animation-delay:4.2s; }
.hero-particulas span:nth-child(9) { left:58%; top:31%; width:2px; height:2px; animation-delay:2.1s; }
.hero-particulas span:nth-child(10) { left:79%; top:82%; width:3px; height:3px; animation-delay:4.6s; }

/* SCROLL */

.hero-scroll {
    position:absolute;
    left:50%;
    bottom:24px;
    z-index:3;
    display:flex;
    align-items:center;
    gap:12px;
    transform:translateX(-50%);
    color:rgba(255,255,255,.56);
    text-decoration:none;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.hero-scroll span {
    position:relative;
    width:22px;
    height:36px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:999px;
}

.hero-scroll span::after {
    content:"";
    position:absolute;
    top:7px;
    left:50%;
    width:3px;
    height:7px;
    transform:translateX(-50%);
    border-radius:999px;
    background:var(--amarillo);
    animation:scrollDJIK 1.6s infinite;
}


/* =========================================================
   ELIGE TU CAMINO
========================================================= */

.caminos {
    position: relative;
    padding: 130px 0 140px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 15% 5%,
            rgba(228,177,28,.08),
            transparent 30%
        ),
        linear-gradient(180deg,#0b0b0b 0%,#070707 100%);
}

.caminos::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px);
    background-size:68px 68px;
    mask-image:linear-gradient(to bottom,black,transparent 92%);
}

.caminos-cabecera {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    align-items:end;
    gap:60px;
    margin-bottom:58px;
}

.caminos-cabecera h2 {
    max-width:900px;
    font-size:clamp(52px,6.2vw,98px);
    line-height:.9;
    letter-spacing:-2.8px;
    text-transform:uppercase;
}

.caminos-cabecera h2 span {
    display:block;
    color:var(--amarillo);
}

.caminos-cabecera > p {
    max-width:560px;
    justify-self:end;
    color:var(--gris-claro);
    font-size:17px;
    line-height:1.75;
}

.caminos-grid {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.camino-card {
    --acento:var(--amarillo);
    position:relative;
    min-height:460px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.075);
    border-radius:22px;
    background:#111;
    isolation:isolate;
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.camino-card:hover {
    transform:translateY(-8px);
    border-color:color-mix(in srgb,var(--acento) 72%,transparent);
    box-shadow:
        0 24px 70px rgba(0,0,0,.4),
        0 0 34px color-mix(in srgb,var(--acento) 15%,transparent);
}

.camino-fondo {
    position:absolute;
    inset:0;
    z-index:-3;
    background:
        radial-gradient(
            circle at 78% 32%,
            color-mix(in srgb,var(--acento) 34%,transparent),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,.05),
            transparent 42%
        ),
        #111;
    transform:scale(1.02);
    transition:transform .55s ease, filter .55s ease;
}

.camino-card:hover .camino-fondo {
    transform:scale(1.08);
    filter:saturate(1.15);
}

.camino-card::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.05) 0%,
            rgba(0,0,0,.26) 42%,
            rgba(0,0,0,.92) 100%
        );
}

.camino-card::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:4px;
    background:linear-gradient(90deg,transparent,var(--acento),transparent);
    box-shadow:0 0 26px color-mix(in srgb,var(--acento) 48%,transparent);
    transform:scaleX(.28);
    transition:transform .35s ease;
}

.camino-card:hover::after {
    transform:scaleX(1);
}

.camino-trama {
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.16;
    background:
        repeating-linear-gradient(
            118deg,
            transparent 0 54px,
            rgba(255,255,255,.06) 56px,
            transparent 59px
        );
}

.camino-numero {
    position:absolute;
    top:24px;
    right:28px;
    color:rgba(255,255,255,.075);
    font-size:76px;
    font-weight:900;
    line-height:1;
    letter-spacing:-5px;
    transition:color .35s ease, transform .35s ease;
}

.camino-card:hover .camino-numero {
    color:color-mix(in srgb,var(--acento) 22%,transparent);
    transform:translateY(-4px);
}

.camino-contenido {
    position:absolute;
    inset:auto 34px 34px 34px;
}

.camino-tipo {
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
    color:var(--acento);
    font-size:11px;
    font-weight:900;
    letter-spacing:1.7px;
    text-transform:uppercase;
}

.camino-tipo::before {
    content:"";
    width:30px;
    height:2px;
    background:var(--acento);
    box-shadow:0 0 12px color-mix(in srgb,var(--acento) 55%,transparent);
}

.camino-card h3 {
    margin-bottom:16px;
    font-size:clamp(42px,4.3vw,72px);
    line-height:.9;
    letter-spacing:-2px;
    text-transform:uppercase;
}

.camino-card p {
    max-width:560px;
    color:rgba(255,255,255,.7);
    font-size:15px;
    line-height:1.68;
}

.camino-enlace {
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-top:24px;
    color:var(--blanco);
    text-decoration:none;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.6px;
}

.camino-enlace span {
    color:var(--acento);
    font-size:20px;
    transition:transform .25s ease;
}

.camino-enlace:hover span {
    transform:translateX(6px);
}

.camino-tkd { --acento:var(--azul-tkd); }
.camino-kick { --acento:var(--rojo-kickboxing); }
.camino-hapkido { --acento:var(--naranja-hapkido); }
.camino-box { --acento:var(--verde-box); }

@media (max-width:900px) {
    .caminos-cabecera {
        grid-template-columns:1fr;
        gap:24px;
    }

    .caminos-cabecera > p {
        justify-self:start;
    }

    .caminos-grid {
        grid-template-columns:1fr;
    }
}

@media (max-width:680px) {
    .fundador-contenido {
        transform:none;
    }

    .valor-icono {
        height:124px;
    }

    .valor-icono img {
        width:118px;
        height:118px;
    }

    .caminos {
        padding:90px 0 100px;
    }

    .caminos-cabecera {
        margin-bottom:38px;
    }

    .caminos-cabecera h2 {
        font-size:clamp(46px,14vw,68px);
        letter-spacing:-1px;
    }

    .camino-card {
        min-height:400px;
        border-radius:18px;
    }

    .camino-contenido {
        inset:auto 24px 26px 24px;
    }

    .camino-numero {
        top:20px;
        right:22px;
        font-size:62px;
    }

    .camino-card h3 {
        font-size:clamp(40px,13vw,58px);
    }
}



/* =========================================================
   POR QUÉ DJIK — VERSIÓN COLORES
========================================================= */

.valores-djik {
    position:relative;
    padding:122px 0 132px;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 55%, rgba(228,177,28,.08), transparent 24%),
        radial-gradient(circle at 92% 60%, rgba(228,177,28,.06), transparent 25%),
        linear-gradient(180deg,#070707 0%,#0b0b0b 54%,#060606 100%);
}

.valores-djik::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(to bottom,black,transparent 92%);
}

.valores-djik::after {
    content:"DJIK";
    position:absolute;
    right:-2%;
    top:3%;
    color:rgba(255,255,255,.014);
    font-size:clamp(180px,22vw,360px);
    font-weight:900;
    letter-spacing:-16px;
    line-height:.8;
    user-select:none;
    pointer-events:none;
}

.valores-decoracion {
    position:absolute;
    border-radius:50%;
    filter:blur(100px);
    pointer-events:none;
}

.valores-decoracion-1 {
    width:330px;
    height:330px;
    top:12%;
    left:-7%;
    background:rgba(228,177,28,.065);
}

.valores-decoracion-2 {
    width:300px;
    height:300px;
    right:-5%;
    bottom:8%;
    background:rgba(228,177,28,.035);
}

.valores-cabecera {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    align-items:end;
    gap:72px;
    margin-bottom:54px;
}

.valores-cabecera h2 {
    max-width:960px;
    font-size:clamp(44px,5vw,76px);
    line-height:1.02;
    letter-spacing:-3px;
    text-transform:uppercase;
}

.valores-cabecera h2 span {
    display:block;
    margin-top:12px;
    color:var(--amarillo);
}

.valores-cabecera > p {
    max-width:560px;
    justify-self:end;
    color:var(--gris-claro);
    font-size:17px;
    line-height:1.75;
}

.valores-grid {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:18px;
}

.valor-card {
    --valor-color:var(--amarillo);
    position:relative;
    min-height:430px;
    padding:26px 22px 28px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--valor-color) 38%,rgba(255,255,255,.08));
    border-radius:20px;
    background:
        linear-gradient(180deg,color-mix(in srgb,var(--valor-color) 8%,transparent),transparent 38%),
        linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),
        #0c0c0c;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 18px 50px rgba(0,0,0,.3);
    transition:
        transform .32s ease,
        border-color .32s ease,
        box-shadow .32s ease;
}

.valor-card::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:3px;
    background:linear-gradient(90deg,transparent,var(--valor-color),transparent);
    box-shadow:0 0 20px color-mix(in srgb,var(--valor-color) 55%,transparent);
}

.valor-card::after {
    content:"";
    position:absolute;
    left:50%;
    top:70px;
    width:240px;
    height:240px;
    transform:translateX(-50%);
    border-radius:50%;
    background:color-mix(in srgb,var(--valor-color) 16%,transparent);
    filter:blur(44px);
    opacity:.7;
    pointer-events:none;
    transition:transform .35s ease,opacity .35s ease;
}

.valor-card:hover {
    transform:translateY(-9px);
    border-color:color-mix(in srgb,var(--valor-color) 72%,transparent);
    box-shadow:
        0 28px 72px rgba(0,0,0,.46),
        0 0 38px color-mix(in srgb,var(--valor-color) 17%,transparent);
}

.valor-card:hover::after {
    transform:translateX(-50%) scale(1.14);
    opacity:1;
}

.valor-dorado { --valor-color:#e4b11c; }
.valor-azul { --valor-color:#1687ff; }
.valor-naranja { --valor-color:#ff8c24; }
.valor-violeta { --valor-color:#b35cff; }
.valor-verde { --valor-color:#8fd629; }

.valor-numero {
    position:absolute;
    top:20px;
    right:20px;
    z-index:3;
    color:color-mix(in srgb,var(--valor-color) 20%,rgba(255,255,255,.025));
    font-size:62px;
    font-weight:900;
    line-height:1;
    letter-spacing:-5px;
}

.valor-icono {
    position:relative;
    z-index:2;
    width:100%;
    height:190px;
    margin:10px 0 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
}

.valor-icono::before {
    content:"";
    position:absolute;
    left:50%;
    bottom:10px;
    width:72%;
    height:30px;
    transform:translateX(-50%);
    border-radius:50%;
    background:color-mix(in srgb,var(--valor-color) 25%,transparent);
    filter:blur(20px);
}

.valor-icono img {
    position:relative;
    z-index:2;
    width:176px;
    height:176px;
    object-fit:contain;
    filter:
        drop-shadow(0 16px 22px rgba(0,0,0,.66))
        drop-shadow(0 0 14px color-mix(in srgb,var(--valor-color) 42%,transparent));
    transition:transform .35s ease,filter .35s ease;
}

.valor-card:hover .valor-icono img {
    transform:translateY(-6px) scale(1.055);
    filter:
        drop-shadow(0 20px 28px rgba(0,0,0,.7))
        drop-shadow(0 0 24px color-mix(in srgb,var(--valor-color) 58%,transparent));
}

.valor-card h3 {
    position:relative;
    z-index:3;
    margin-bottom:12px;
    color:#fff;
    font-size:28px;
    line-height:1;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:-.6px;
}

.valor-card h3::after {
    content:"";
    display:block;
    width:42px;
    height:2px;
    margin:13px auto 0;
    background:var(--valor-color);
    box-shadow:0 0 10px color-mix(in srgb,var(--valor-color) 60%,transparent);
}

.valor-card p {
    position:relative;
    z-index:3;
    max-width:220px;
    margin:0 auto;
    color:rgba(255,255,255,.72);
    font-size:15px;
    line-height:1.62;
    text-align:center;
}

.valor-card p::first-line {
    color:var(--valor-color);
}

.valores-frase {
    position:relative;
    z-index:2;
    max-width:1100px;
    margin:72px auto 0;
    padding:30px 46px 32px;
    border:1px solid rgba(228,177,28,.27);
    border-radius:18px;
    background:
        linear-gradient(145deg,rgba(228,177,28,.045),rgba(255,255,255,.012)),
        rgba(255,255,255,.01);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 20px 55px rgba(0,0,0,.28);
    text-align:center;
}

.valores-frase::before,
.valores-frase::after {
    position:absolute;
    top:18px;
    color:var(--amarillo);
    font-size:60px;
    font-weight:900;
    line-height:1;
    opacity:.9;
}

.valores-frase::before {
    content:"“";
    left:30px;
}

.valores-frase::after {
    content:"”";
    right:30px;
}

.valores-linea {
    display:block;
    width:74px;
    height:2px;
    margin:0 auto 22px;
    background:var(--amarillo);
    box-shadow:0 0 14px rgba(228,177,28,.34);
}

.valores-frase p {
    font-size:clamp(25px,3vw,46px);
    line-height:1.2;
    font-weight:850;
    letter-spacing:-1px;
}

.valores-firma {
    display:block;
    margin-top:20px;
    color:var(--amarillo);
    font-size:11px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
}

@media (max-width:1180px) {
    .valores-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:900px) {
    .valores-cabecera {
        grid-template-columns:1fr;
        gap:24px;
    }

    .valores-cabecera > p {
        justify-self:start;
    }

    .valores-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .valor-card:last-child {
        grid-column:1 / -1;
    }
}

@media (max-width:680px) {
    .valores-djik {
        padding:90px 0 100px;
    }

    .valores-cabecera {
        margin-bottom:38px;
    }

    .valores-cabecera h2 {
        font-size:clamp(46px,14vw,68px);
        letter-spacing:-1px;
    }

    .valores-grid {
        grid-template-columns:1fr;
    }

    .valor-card,
    .valor-card:last-child {
        grid-column:auto;
        min-height:400px;
    }

    .valor-icono {
        height:176px;
    }

    .valor-icono img {
        width:164px;
        height:164px;
    }

    .valores-frase {
        margin-top:54px;
        padding:28px 26px 30px;
    }

    .valores-frase::before,
    .valores-frase::after {
        font-size:44px;
    }

    .valores-frase::before {
        left:14px;
    }

    .valores-frase::after {
        right:14px;
    }
}



/* =========================================================
   EL FUNDADOR DE DJIK
========================================================= */

.fundador-djik {
    position:relative;
    padding:132px 0 138px;
    overflow:hidden;
    background:
        linear-gradient(180deg,#080808 0%,#0d0d0d 52%,#080808 100%);
}

.fundador-djik::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(228,177,28,.38),
        transparent
    );
}

.fundador-trama {
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.15;
    background:
        linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);
    background-size:74px 74px;
    mask-image:linear-gradient(to bottom,black,transparent 94%);
}

.fundador-luz {
    position:absolute;
    border-radius:50%;
    filter:blur(95px);
    pointer-events:none;
}

.fundador-luz-1 {
    width:320px;
    height:320px;
    left:-8%;
    top:20%;
    background:rgba(228,177,28,.07);
}

.fundador-luz-2 {
    width:280px;
    height:280px;
    right:-6%;
    bottom:12%;
    background:rgba(255,255,255,.025);
}

.fundador-cabecera {
    position:relative;
    z-index:2;
    max-width:980px;
    margin-bottom:40px;
}

.fundador-cabecera h2 {
    font-size:clamp(46px,5.4vw,82px);
    line-height:0.98;
    letter-spacing:-3px;
    text-transform:uppercase;
}

.fundador-cabecera h2 span {
    display:block;
    margin-top:12px;
    color:var(--amarillo);
}

.fundador-layout {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:64px;
    align-items:start;
}

.fundador-visual {
    position:relative;
    min-height:500px;
    margin-top:0;
}

.fundador-foto-placeholder {
    position:relative;
    z-index:2;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid rgba(228,177,28,.18);
    border-radius:26px;
    background:
        radial-gradient(
            circle at 50% 38%,
            rgba(228,177,28,.07),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.01)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 28px 78px rgba(0,0,0,.4);
}

.fundador-foto-placeholder::before {
    content:"";
    position:absolute;
    inset:18px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:20px;
}

.fundador-foto-placeholder::after {
    content:"";
    position:absolute;
    left:50%;
    bottom:12%;
    width:68%;
    height:80px;
    transform:translateX(-50%);
    border-radius:50%;
    background:rgba(228,177,28,.08);
    filter:blur(34px);
}

.fundador-iniciales {
    position:relative;
    z-index:2;
    color:rgba(255,255,255,.022);
    font-size:clamp(92px,10vw,156px);
    font-weight:900;
    letter-spacing:-12px;
    line-height:1;
}

.fundador-foto-texto {
    position:absolute;
    left:30px;
    right:30px;
    bottom:28px;
    z-index:3;
    padding-top:20px;
    border-top:1px solid rgba(228,177,28,.22);
}

.fundador-foto-texto strong {
    display:block;
    color:#fff;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:1.1px;
}

.fundador-foto-texto small {
    display:block;
    margin-top:7px;
    color:rgba(255,255,255,.48);
    font-size:12px;
}

.fundador-marca {
    position:absolute;
    right:-8%;
    top:10%;
    z-index:1;
    writing-mode:vertical-rl;
    color:rgba(255,255,255,.018);
    font-size:140px;
    font-weight:900;
    letter-spacing:-8px;
    user-select:none;
}

.fundador-contenido {
    position:relative;
    transform:translateY(-18px);
}

.fundador-titulo-cargo {
    max-width:690px;
    margin:0 0 20px;
    color:#fff;
    font-size:clamp(38px,4.2vw,64px);
    line-height:1.02;
    letter-spacing:-1.8px;
    text-transform:uppercase;
}

.fundador-titulo-cargo::after {
    content:"";
    display:block;
    width:92px;
    height:3px;
    margin-top:20px;
    background:var(--amarillo);
    box-shadow:0 0 14px rgba(228,177,28,.26);
}

.fundador-intro {
    max-width:680px;
    margin-top:24px;
    color:rgba(255,255,255,.66);
    font-size:17px;
    line-height:1.72;
}

.fundador-grados {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:34px;
}

.fundador-grado::before {
    content:"";
    position:absolute;
    top:18px;
    left:18px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--amarillo);
    box-shadow:0 0 10px rgba(228,177,28,.42);
}

.fundador-grado {
    position:relative;
    min-height:128px;
    padding:30px 24px 24px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:18px;
    background:linear-gradient(
        145deg,
        rgba(255,255,255,.045),
        rgba(255,255,255,.012)
    );
}

.fundador-grado-amplio {
    grid-column:1 / -1;
    min-height:auto;
}

.fundador-grado-numero {
    display:block;
    padding-left:14px;
    color:var(--amarillo);
    font-size:28px;
    font-weight:900;
    letter-spacing:.4px;
}

.fundador-grado-texto {
    display:block;
    margin-top:8px;
    padding-left:14px;
    color:#fff;
    font-size:14px;
    line-height:1.55;
}

.fundador-frase {
    position:relative;
    margin-top:38px;
    padding:20px 0 20px 72px;
    border-left:3px solid var(--amarillo);
    border-radius:0;
    background:transparent;
}

.fundador-frase > span {
    position:absolute;
    left:24px;
    top:8px;
    color:var(--amarillo);
    font-size:72px;
    font-weight:900;
    line-height:1;
}

.fundador-frase p {
    max-width:700px;
    color:rgba(255,255,255,.9);
    font-size:21px;
    line-height:1.55;
    font-weight:700;
}

.fundador-datos {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin-top:68px;
    border-top:1px solid rgba(228,177,28,.2);
    border-bottom:1px solid rgba(228,177,28,.2);
}

.fundador-dato {
    position:relative;
    padding:40px 28px 38px;
    text-align:center;
}

.fundador-dato:not(:last-child)::after {
    content:"";
    position:absolute;
    right:0;
    top:22%;
    width:1px;
    height:56%;
    background:rgba(228,177,28,.18);
}

.fundador-dato strong {
    display:block;
    color:var(--amarillo);
    font-size:clamp(54px,5.4vw,82px);
    line-height:1;
    letter-spacing:-2px;
}

.fundador-dato span {
    display:block;
    margin-top:10px;
    color:rgba(255,255,255,.68);
    font-size:12px;
    font-weight:800;
    letter-spacing:.7px;
    text-transform:uppercase;
}

@media (max-width:1020px) {
    .fundador-layout {
        align-items:stretch;
    }

    .fundador-layout {
        grid-template-columns:1fr;
        gap:48px;
    }

    .fundador-visual {
        max-width:620px;
        min-height:460px;
    }

    .fundador-foto-placeholder {
        min-height:460px;
    }
}

@media (max-width:680px) {
    .fundador-djik {
        padding:92px 0 100px;
    }

    .fundador-cabecera {
        margin-bottom:42px;
    }

    .fundador-cabecera h2 {
        font-size:clamp(46px,14vw,68px);
        letter-spacing:-1px;
    }

    .fundador-visual,
    .fundador-foto-placeholder {
        min-height:380px;
    }

    .fundador-titulo-cargo {
        font-size:clamp(34px,10vw,52px);
        letter-spacing:-1px;
    }

    .fundador-grados {
        grid-template-columns:1fr;
    }

    .fundador-grado-amplio {
        grid-column:auto;
    }

    .fundador-frase {
        padding:66px 22px 24px;
    }

    .fundador-frase > span {
        left:20px;
        top:8px;
    }

    .fundador-frase p {
        font-size:17px;
    }

    .fundador-datos {
        grid-template-columns:1fr;
    }

    .fundador-dato:not(:last-child)::after {
        right:12%;
        left:12%;
        top:auto;
        bottom:0;
        width:auto;
        height:1px;
    }
}



/* =========================================================
   NUESTRAS DISCIPLINAS
========================================================= */
.disciplinas-web{position:relative;padding:132px 0 138px;overflow:hidden;background:linear-gradient(180deg,#070707 0%,#0b0b0b 50%,#070707 100%)}
.disciplinas-web::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(228,177,28,.32),transparent)}
.disciplinas-trama{position:absolute;inset:0;pointer-events:none;opacity:.14;background:linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,black,transparent 94%)}
.disciplinas-luz{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.disciplinas-luz-1{width:330px;height:330px;left:-7%;top:18%;background:rgba(228,177,28,.06)}.disciplinas-luz-2{width:300px;height:300px;right:-5%;bottom:12%;background:rgba(255,255,255,.022)}
.disciplinas-cabecera{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:72px;margin-bottom:64px}.disciplinas-cabecera h2{max-width:880px;font-size:clamp(54px,6.3vw,98px);line-height:.94;letter-spacing:-3px;text-transform:uppercase}.disciplinas-cabecera h2 span{display:block;margin-top:12px;color:var(--amarillo)}.disciplinas-cabecera>p{max-width:560px;justify-self:end;color:var(--gris-claro);font-size:17px;line-height:1.75}
.disciplinas-listado{position:relative;z-index:2;display:grid;gap:48px}.disciplina-panel{--disciplina-color:var(--amarillo);position:relative;padding:34px;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--disciplina-color) 6%,transparent),rgba(255,255,255,.012)),rgba(255,255,255,.012);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 22px 60px rgba(0,0,0,.28);transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}.disciplina-panel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,transparent,var(--disciplina-color),transparent);box-shadow:0 0 18px color-mix(in srgb,var(--disciplina-color) 48%,transparent)}.disciplina-panel::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:color-mix(in srgb,var(--disciplina-color) 10%,transparent);filter:blur(26px);pointer-events:none}.disciplina-panel:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--disciplina-color) 52%,transparent);box-shadow:0 30px 82px rgba(0,0,0,.4),0 0 32px color-mix(in srgb,var(--disciplina-color) 11%,transparent)}
.disciplina-panel-tkd{--disciplina-color:#1269c7}.disciplina-panel-kick{--disciplina-color:#c63b3b}.disciplina-panel-hapkido{--disciplina-color:#d87520}.disciplina-panel-box{--disciplina-color:#239a59}
.disciplina-panel-cabecera{position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;align-items:end;gap:46px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.07)}.disciplina-panel-numero{display:block;margin-bottom:10px;color:color-mix(in srgb,var(--disciplina-color) 42%,rgba(255,255,255,.08));font-size:13px;font-weight:900;letter-spacing:1.8px}.disciplina-panel-tipo{display:inline-block;margin-bottom:12px;color:var(--disciplina-color);font-size:11px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase}.disciplina-panel h3{font-size:clamp(42px,4.6vw,72px);line-height:.92;letter-spacing:-2px;text-transform:uppercase}.disciplina-panel-cabecera>p{max-width:580px;justify-self:end;color:rgba(255,255,255,.66);font-size:15px;line-height:1.7}

.disciplina-horarios{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    margin-top:24px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:16px;
    overflow:hidden;
    background:rgba(255,255,255,.012);
}

.disciplina-panel-kick .disciplina-horarios,
.disciplina-horarios-unico{
    grid-template-columns:1fr;
}

.disciplina-horarios-cabecera{
    display:grid;
    grid-template-columns:1.05fr 1.25fr .8fr;
    gap:18px;
    padding:13px 18px;
    border-bottom:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.025);
}

.disciplina-horarios-cabecera span{
    color:rgba(255,255,255,.38);
    font-size:10px;
    font-weight:900;
    letter-spacing:1.3px;
    text-transform:uppercase;
}

.disciplina-horario{
    display:grid;
    grid-template-columns:1.05fr 1.25fr .8fr;
    align-items:center;
    gap:18px;
    min-height:auto;
    padding:16px 18px;
    border:none;
    border-radius:0;
    background:transparent;
    transition:background .22s ease;
}

.disciplina-horario:not(:last-child){
    border-bottom:1px solid rgba(255,255,255,.055);
}

.disciplina-horario:hover{
    transform:none;
    border-color:transparent;
    background:color-mix(in srgb,var(--disciplina-color) 5%,rgba(255,255,255,.015));
}

.disciplina-horario strong,
.disciplina-horario span,
.disciplina-horario time{
    display:block;
    margin:0;
}

.disciplina-horario strong{
    color:#fff;
    font-size:15px;
    line-height:1.25;
}

.disciplina-horario span{
    color:rgba(255,255,255,.58);
    font-size:11px;
    line-height:1.35;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:800;
}

.disciplina-horario time{
    color:var(--disciplina-color);
    font-size:16px;
    font-weight:900;
    letter-spacing:-.2px;
    text-align:right;
}

.disciplina-panel-pie{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.disciplina-panel-pie span{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.065);border-radius:999px;color:rgba(255,255,255,.62);background:rgba(255,255,255,.016);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.disciplinas-cta{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:64px;padding:42px 44px;border:1px solid rgba(228,177,28,.28);border-radius:22px;background:linear-gradient(145deg,rgba(228,177,28,.075),rgba(255,255,255,.012));box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)}.disciplinas-cta-etiqueta{display:block;margin-bottom:10px;color:var(--amarillo);font-size:11px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}.disciplinas-cta h3{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-1.5px;text-transform:uppercase}.disciplinas-cta p{margin-top:12px;color:rgba(255,255,255,.64);font-size:16px;line-height:1.6}.disciplinas-nota{position:relative;z-index:2;margin-top:18px;color:rgba(255,255,255,.42);font-size:12px;text-align:center}
@media(max-width:1120px){.disciplina-horarios,.disciplina-panel-kick .disciplina-horarios{grid-template-columns:repeat(2,minmax(0,1fr))}.disciplina-horarios-unico{grid-template-columns:1fr}}
@media(max-width:900px){.disciplinas-cabecera,.disciplina-panel-cabecera{grid-template-columns:1fr;gap:24px}.disciplinas-cabecera>p,.disciplina-panel-cabecera>p{justify-self:start}.disciplinas-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.disciplinas-web{padding:92px 0 100px}.disciplinas-cabecera{margin-bottom:42px}.disciplinas-cabecera h2{font-size:clamp(46px,14vw,68px);letter-spacing:-1px}.disciplina-panel{padding:26px 20px;border-radius:20px}.disciplina-panel h3{font-size:clamp(38px,12vw,58px)}.disciplina-horarios,.disciplina-panel-kick .disciplina-horarios{grid-template-columns:1fr}.disciplina-horario{min-height:auto}.disciplinas-cta{padding:28px 24px}.disciplinas-cta .btn{width:100%}}

/* SECCIONES */

.seccion-provisional {
    min-height:75vh;
    padding:120px 0;
    display:flex;
    align-items:center;
    background:#111;
}

.seccion-provisional-oscura { background:#080808; }

.seccion-etiqueta {
    display:block;
    margin-bottom:18px;
    color:var(--amarillo);
    font-size:12px;
    font-weight:900;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.seccion-provisional h2 {
    max-width:850px;
    font-size:clamp(48px,6vw,90px);
    line-height:.95;
    text-transform:uppercase;
}

.seccion-provisional p {
    max-width:650px;
    margin-top:24px;
    color:var(--gris-claro);
    font-size:18px;
    line-height:1.7;
}

.clase-prueba {
    color:#090909;
    background:var(--amarillo);
}

.clase-prueba .seccion-etiqueta { color:#090909; }
.clase-prueba p { color:rgba(9,9,9,.76); }

/* ANIMACIONES */

@keyframes entradaTextoDJIK {
    from { opacity:0; transform:translateY(26px); }
    to { opacity:1; transform:translateY(0); }
}

@keyframes entradaVisualDJIK {
    from { opacity:0; transform:translateX(40px); }
    to { opacity:1; transform:translateX(0); }
}

@keyframes respirarResplandorDJIK {
    0%,100% { transform:translate(-50%,-50%) scale(.96); opacity:.78; }
    50% { transform:translate(-50%,-50%) scale(1.05); opacity:1; }
}

@keyframes flotarTigreDJIK {
    0%,100% { transform:translateY(0); }
    50% { transform:translateY(-10px); }
}

@keyframes moverHumoUnoDJIK {
    from { transform:translateX(-20px) rotate(-9deg) scale(.94); }
    to { transform:translateX(32px) rotate(-4deg) scale(1.08); }
}

@keyframes moverHumoDosDJIK {
    from { transform:translateX(22px) rotate(12deg) scale(1); }
    to { transform:translateX(-36px) rotate(7deg) scale(1.1); }
}

@keyframes moverHumoTresDJIK {
    from { transform:translateY(-12px) scale(.9); }
    to { transform:translateY(24px) scale(1.12); }
}

@keyframes flotarParticulaDJIK {
    0%,100% { transform:translateY(8px) scale(.8); opacity:.18; }
    50% { transform:translateY(-18px) scale(1.2); opacity:1; }
}

@keyframes scrollDJIK {
    0% { opacity:0; transform:translate(-50%,0); }
    35% { opacity:1; }
    100% { opacity:0; transform:translate(-50%,13px); }
}

/* TABLET */

@media (max-width:1100px) {
    .menu {
        position:fixed;
        top:104px;
        right:0;
        bottom:0;
        width:min(360px,88vw);
        padding:46px 34px;
        flex-direction:column;
        align-items:flex-start;
        gap:28px;
        background:rgba(5,5,5,.98);
        border-left:1px solid rgba(255,255,255,.08);
        backdrop-filter:blur(22px);
        -webkit-backdrop-filter:blur(22px);
        transform:translateX(105%);
        transition:transform .3s ease;
    }

    .menu.activo { transform:translateX(0); }
    .menu a { font-size:18px; }
    .menu-movil-boton { display:block; }

    .btn-header {
        margin-left:auto;
        margin-right:14px;
    }

    .hero-contenido {
        grid-template-columns:1fr;
        gap:10px;
        padding-top:76px;
    }

    .hero-texto { max-width:850px; }
    .hero-visual { min-height:520px; }

    .hero-tigre {
        width:min(64vw,550px);
        min-height:520px;
    }

    .hero-resplandor { width:min(80vw,680px); }
}

/* MOVIL */

@media (max-width:680px) {
    .header { height:82px; }
    .header.header-scroll { height:72px; }

    .logo { gap:8px; }

    .logo img {
        width:68px;
        height:54px;
    }

    .logo-texto strong {
        font-size:12px;
        letter-spacing:1px;
    }

    .logo-texto small {
        margin-top:3px;
        font-size:8px;
        letter-spacing:1.2px;
    }

    .header.header-scroll .logo img {
        width:58px;
        height:46px;
    }

    .btn-header {
        min-height:42px;
        padding:0 14px;
        font-size:11px;
    }

    .btn-header .btn-flecha { display:none; }
    .menu { top:82px; }
    .hero { padding-top:82px; }

    .hero-contenido {
        min-height:calc(100vh - 82px);
        padding:62px 0 88px;
    }

    .hero-etiqueta {
        font-size:10px;
        letter-spacing:1.2px;
    }

    .hero-etiqueta::before { width:28px; }

    .hero h1 {
        font-size:clamp(50px,16vw,76px);
        letter-spacing:-1px;
    }

    .hero p {
        margin-top:24px;
        font-size:16px;
    }

    .hero-botones { flex-direction:column; }
    .hero-botones .btn { width:100%; }

    .hero-disciplinas { gap:8px; }

    .disciplina {
        padding:8px 10px;
        font-size:10px;
    }

    .hero-visual { min-height:400px; }

    .hero-tigre {
        width:86vw;
        min-height:380px;
        transform:translateY(8px);
    }

    .hero-tigre img {
        width:110%;
        max-height:500px;
    }

    .hero-resplandor { width:98vw; }

    .hero-humo-1,
    .hero-humo-2 { width:250px; }

    .hero-linea-decorativa,
    .hero-corte { display:none; }

    .hero-marca { right:0; }
    .hero-scroll { display:none; }

    .seccion-provisional {
        min-height:60vh;
        padding:85px 0;
    }
}

.hero-tigre img.hero-tigre-fallback{
    width:72%;
    max-height:520px;
    object-fit:contain;
    opacity:.88;
    filter:
        drop-shadow(0 28px 38px rgba(0,0,0,.7))
        drop-shadow(0 0 26px rgba(228,177,28,.24));
}

.disciplinas-cta .btn-principal{
    min-height:58px;
    padding:0 34px;
    box-shadow:
        0 14px 34px rgba(228,177,28,.22),
        0 0 0 rgba(228,177,28,0);
}

.disciplinas-cta .btn-principal:hover{
    box-shadow:
        0 18px 44px rgba(228,177,28,.34),
        0 0 24px rgba(228,177,28,.16);
}

@media (max-width:680px){
    .disciplina-horarios{
        border-radius:14px;
    }

    .disciplina-horarios-cabecera{
        display:none;
    }

    .disciplina-horario{
        grid-template-columns:1fr auto;
        gap:8px 18px;
        padding:17px 16px;
    }

    .disciplina-horario strong{
        grid-column:1;
        grid-row:1;
        font-size:16px;
    }

    .disciplina-horario span{
        grid-column:1;
        grid-row:2;
        font-size:10px;
    }

    .disciplina-horario time{
        grid-column:2;
        grid-row:1 / span 2;
        align-self:center;
        font-size:15px;
    }
}

/* =========================================================
   DJIK — REDISEÑO PREMIUM DE NUESTRAS DISCIPLINAS
   Sobrescrituras sobre la versión real del proyecto
========================================================= */

.disciplinas-cabecera {
    margin-bottom: 72px;
}

.disciplinas-cabecera h2 {
    font-size: clamp(50px, 5.8vw, 88px);
    line-height: .98;
}

.disciplinas-listado {
    gap: 56px;
}

.disciplina-panel {
    padding: 42px 44px 36px;
    border-color: rgba(255,255,255,.055);
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--disciplina-color) 4%, transparent),
            rgba(255,255,255,.008)
        ),
        rgba(255,255,255,.008);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.022),
        0 26px 72px rgba(0,0,0,.3);
}

.disciplina-panel:hover {
    transform: translateY(-5px);
    border-color: color-mix(
        in srgb,
        var(--disciplina-color) 42%,
        transparent
    );
}

.disciplina-panel-cabecera {
    grid-template-columns: 1.08fr .92fr;
    gap: 64px;
    padding-bottom: 36px;
}

.disciplina-panel-tipo {
    margin-bottom: 15px;
    font-size: 10px;
    letter-spacing: 1.9px;
}

.disciplina-panel h3 {
    font-size: clamp(48px, 5.2vw, 82px);
    line-height: .9;
    letter-spacing: -2.5px;
}

.disciplina-panel-cabecera > p {
    max-width: 620px;
    font-size: 16px;
    line-height: 1.78;
}

/* Horarios como lista elegante, sin apariencia de tabla encerrada. */
.disciplina-horarios,
.disciplina-panel-kick .disciplina-horarios,
.disciplina-horarios-unico {
    margin-top: 34px;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
}

.disciplina-horarios-cabecera {
    display: none;
}

.disciplina-horario {
    grid-template-columns: 1.05fr 1.25fr .8fr;
    min-height: 68px;
    padding: 18px 6px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.disciplina-horario:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,.075);
}

.disciplina-horario:hover {
    transform: none;
    background: transparent;
}

.disciplina-horario strong {
    font-size: 16px;
}

.disciplina-horario span {
    font-size: 10px;
    letter-spacing: 1.2px;
}

.disciplina-horario time {
    font-size: 17px;
}

/* Equilibrio visual para las disciplinas con un solo grupo. */
.disciplina-panel-hapkido,
.disciplina-panel-box {
    min-height: 410px;
    display: flex;
    flex-direction: column;
}

.disciplina-panel-hapkido .disciplina-horarios,
.disciplina-panel-box .disciplina-horarios {
    margin-top: 42px;
}

.disciplina-panel-hapkido .disciplina-panel-pie,
.disciplina-panel-box .disciplina-panel-pie {
    margin-top: auto;
    padding-top: 28px;
}

.disciplina-panel-pie {
    margin-top: 28px;
}

/* CTA integrado y con mayor protagonismo. */
.disciplinas-cta {
    margin-top: 74px;
    padding: 46px 48px;
    border-color: rgba(228,177,28,.28);
    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(228,177,28,.09),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(228,177,28,.055),
            rgba(255,255,255,.008)
        );
    box-shadow:
        0 30px 86px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.028);
}

.disciplinas-cta h3 {
    font-size: clamp(38px, 4.3vw, 64px);
}

.disciplinas-cta p {
    max-width: 620px;
    font-size: 17px;
}

.disciplinas-cta .btn-principal {
    min-width: 230px;
    min-height: 62px;
    justify-content: center;
    box-shadow:
        0 16px 38px rgba(228,177,28,.22),
        0 0 0 rgba(228,177,28,0);
}

.disciplinas-cta .btn-principal:hover {
    box-shadow:
        0 20px 50px rgba(228,177,28,.34),
        0 0 28px rgba(228,177,28,.16);
}

@media (max-width: 900px) {
    .disciplina-panel-cabecera {
        gap: 28px;
    }

    .disciplina-panel-hapkido,
    .disciplina-panel-box {
        min-height: auto;
    }

    .disciplina-panel-hapkido .disciplina-panel-pie,
    .disciplina-panel-box .disciplina-panel-pie {
        margin-top: 28px;
        padding-top: 0;
    }
}

@media (max-width: 680px) {
    .disciplinas-listado {
        gap: 34px;
    }

    .disciplina-panel {
        padding: 28px 22px 26px;
    }

    .disciplina-panel h3 {
        font-size: clamp(40px, 12vw, 58px);
    }

    .disciplina-horario {
        grid-template-columns: 1fr auto;
        min-height: 72px;
        padding: 17px 2px;
    }

    .disciplinas-cta {
        margin-top: 52px;
        padding: 32px 26px;
    }

    .disciplinas-cta .btn-principal {
        width: 100%;
        min-width: 0;
    }
}

/* =========================================================
   DJIK — ACABADO PREMIUM FINAL DE DISCIPLINAS
========================================================= */

/* Títulos algo más contenidos para mejorar el equilibrio. */
.disciplina-panel h3 {
    font-size: clamp(42px, 4.45vw, 70px);
    line-height: .92;
    letter-spacing: -2px;
}

/* Más aire entre cabecera, descripción y horarios. */
.disciplina-panel-cabecera {
    padding-bottom: 40px;
}

.disciplina-horarios {
    margin-top: 40px;
}

/* Identidad sutil por disciplina. */
.disciplina-panel h3::after {
    content: "";
    display: block;
    width: 64px;
    height: 3px;
    margin-top: 20px;
    border-radius: 999px;
    background: var(--disciplina-color);
    box-shadow: 0 0 14px color-mix(
        in srgb,
        var(--disciplina-color) 45%,
        transparent
    );
}

.disciplina-panel-tkd {
    --disciplina-color: #155ea8;
}

.disciplina-panel-kick {
    --disciplina-color: #ad3838;
}

.disciplina-panel-hapkido {
    --disciplina-color: #c66a1e;
}

.disciplina-panel-box {
    --disciplina-color: #218651;
}

/* Horarios: una lista limpia y directa, sin encabezados ni caja exterior. */
.disciplina-horarios-cabecera {
    display: none !important;
}

.disciplina-horarios,
.disciplina-panel-kick .disciplina-horarios,
.disciplina-horarios-unico {
    border: none;
    background: transparent;
    overflow: visible;
}

.disciplina-horario {
    padding: 19px 4px;
    background: transparent;
}

.disciplina-horario:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.disciplina-horario:hover {
    background: transparent;
}

.disciplina-horario strong {
    font-size: 16px;
    font-weight: 850;
}

.disciplina-horario span {
    font-size: 10px;
    letter-spacing: 1.25px;
}

.disciplina-horario time {
    font-size: 17px;
    font-weight: 900;
}

/* CTA más ancho y con brillo suave. */
.disciplinas-cta {
    padding: 48px 50px;
}

.disciplinas-cta .btn-principal {
    min-width: 250px;
    min-height: 64px;
    padding: 0 36px;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.disciplinas-cta .btn-principal::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -35%;
    width: 34%;
    height: 180%;
    transform: rotate(20deg);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.34),
        transparent
    );
    transition: left .55s ease;
}

.disciplinas-cta .btn-principal:hover::before {
    left: 115%;
}

/* Ajustes móviles. */
@media (max-width: 680px) {
    .disciplina-panel h3 {
        font-size: clamp(38px, 11vw, 54px);
    }

    .disciplina-panel h3::after {
        width: 50px;
        margin-top: 16px;
    }

    .disciplina-horarios {
        margin-top: 30px;
    }

    .disciplina-horario {
        padding: 17px 2px;
    }

    .disciplinas-cta {
        padding: 34px 26px;
    }

    .disciplinas-cta .btn-principal {
        min-width: 0;
        width: 100%;
    }
}

/* =========================================================
   DJIK WEB — AUDITORÍA FINAL V1.0
========================================================= */

.hero-experiencia {
    max-width: 620px;
    margin-top: 14px !important;
    color: rgba(255,255,255,.52) !important;
    font-size: 13px !important;
    font-weight: 800;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.disciplinas-nota {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.65;
}

@media (max-width: 680px) {
    .hero-experiencia {
        font-size: 11px !important;
        line-height: 1.55;
    }
}

/* =========================================================
   TIGRES DJIK COMO MARCAS DE AGUA EN TARJETAS
========================================================= */

/* Tarjetas superiores: Elige tu camino */
.camino-card {
    isolation: isolate;
}

.camino-card .camino-fondo,
.camino-card .camino-trama,
.camino-card .camino-contenido,
.camino-card .camino-numero {
    position: relative;
    z-index: 2;
}

.camino-tigre-marca {
    position: absolute;
    right: -4%;
    bottom: -16%;
    z-index: 1;
    width: min(46%, 390px);
    height: 94%;
    object-fit: contain;
    object-position: right bottom;
    opacity: .075;
    filter:
        grayscale(.08)
        saturate(.85)
        contrast(1.08);
    pointer-events: none;
    user-select: none;
    transform: translate3d(0, 0, 0) scale(1);
    transform-origin: right bottom;
    transition:
        opacity .4s ease,
        transform .55s cubic-bezier(.2,.8,.2,1),
        filter .4s ease;
}

.camino-card:hover .camino-tigre-marca {
    opacity: .13;
    transform: translate3d(-8px, -5px, 0) scale(1.025);
    filter:
        grayscale(0)
        saturate(1)
        contrast(1.1);
}

.camino-tkd .camino-tigre-marca {
    filter: sepia(.15) saturate(1.35) hue-rotate(168deg) brightness(.83);
}

.camino-kick .camino-tigre-marca {
    filter: sepia(.2) saturate(1.45) hue-rotate(326deg) brightness(.78);
}

.camino-hapkido .camino-tigre-marca {
    filter: sepia(.25) saturate(1.35) hue-rotate(345deg) brightness(.82);
}

.camino-box .camino-tigre-marca {
    filter: sepia(.2) saturate(1.3) hue-rotate(72deg) brightness(.72);
}

/* Tarjetas de horarios */
.disciplina-panel {
    isolation: isolate;
}

.disciplina-panel > *:not(.disciplina-tigre-marca) {
    position: relative;
    z-index: 2;
}

.disciplina-tigre-marca {
    position: absolute;
    right: -2%;
    bottom: -10%;
    z-index: 1;
    width: min(39%, 420px);
    height: 88%;
    object-fit: contain;
    object-position: right bottom;
    opacity: .065;
    pointer-events: none;
    user-select: none;
    transform: translate3d(0, 0, 0) scale(1);
    transform-origin: right bottom;
    transition:
        opacity .45s ease,
        transform .55s cubic-bezier(.2,.8,.2,1),
        filter .4s ease;
}

.disciplina-panel:hover .disciplina-tigre-marca {
    opacity: .115;
    transform: translate3d(-8px, -5px, 0) scale(1.025);
}

.disciplina-panel-tkd .disciplina-tigre-marca {
    filter: sepia(.12) saturate(1.35) hue-rotate(168deg) brightness(.72);
}

.disciplina-panel-kick .disciplina-tigre-marca {
    filter: sepia(.2) saturate(1.45) hue-rotate(326deg) brightness(.68);
}

.disciplina-panel-hapkido .disciplina-tigre-marca {
    filter: sepia(.22) saturate(1.35) hue-rotate(345deg) brightness(.72);
}

.disciplina-panel-box .disciplina-tigre-marca {
    filter: sepia(.2) saturate(1.25) hue-rotate(72deg) brightness(.63);
}

/* Refuerzo de legibilidad sobre las marcas de agua */
.disciplina-panel::after {
    z-index: 0;
}

.disciplina-panel-cabecera,
.disciplina-horarios,
.disciplina-panel-pie {
    text-shadow: 0 1px 10px rgba(0,0,0,.42);
}

@media (max-width: 900px) {
    .camino-tigre-marca {
        width: min(44%, 310px);
        opacity: .06;
    }

    .disciplina-tigre-marca {
        width: min(42%, 340px);
        opacity: .055;
    }
}

@media (max-width: 680px) {
    .camino-tigre-marca {
        right: -12%;
        bottom: -12%;
        width: 62%;
        height: 82%;
        opacity: .05;
    }

    .disciplina-tigre-marca {
        right: -15%;
        bottom: -8%;
        width: 60%;
        height: 74%;
        opacity: .045;
    }

    .camino-card:hover .camino-tigre-marca,
    .disciplina-panel:hover .disciplina-tigre-marca {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .camino-tigre-marca,
    .disciplina-tigre-marca {
        transition: none;
    }
}

/* =========================================================
   TIGRES DJIK V2 — TAMAÑO, CALIDAD Y NAVEGACIÓN
========================================================= */

/* Evita que el header fijo corte los títulos o números al navegar. */
section,
#inicio,
#escuela,
#valores,
#fundador,
#horarios,
#eventos,
#contacto,
#clase-prueba {
    scroll-margin-top: 112px;
}

/* Marcas de agua superiores, ahora con tamaño uniforme. */
.camino-tigre-marca {
    right: -2%;
    bottom: -13%;
    width: 42%;
    height: 90%;
    object-fit: contain;
    object-position: right bottom;
    opacity: .095;
    filter: none !important;
}

.camino-card:hover .camino-tigre-marca {
    opacity: .14;
    transform: translate3d(-5px, -4px, 0) scale(1.018);
}

/* Marcas de agua de horarios, uniformes y algo más visibles. */
.disciplina-tigre-marca {
    right: -1%;
    bottom: -7%;
    width: 34%;
    height: 86%;
    object-fit: contain;
    object-position: right bottom;
    opacity: .085;
    filter: none !important;
}

.disciplina-panel:hover .disciplina-tigre-marca {
    opacity: .13;
    transform: translate3d(-5px, -4px, 0) scale(1.018);
}

/* El texto y la numeración siempre quedan por encima del tigre. */
.camino-numero,
.camino-contenido,
.disciplina-panel-numero,
.disciplina-panel-cabecera,
.disciplina-horarios,
.disciplina-panel-pie {
    position: relative;
    z-index: 4;
}

/* Más separación superior para que el número nunca quede pegado/cortado. */
.camino-card {
    padding-top: 36px;
}

.disciplina-panel {
    padding-top: 46px;
}

/* Degradado protector para que el personaje no ensucie la lectura. */
.camino-card::after,
.disciplina-panel::before {
    pointer-events: none;
}

.disciplina-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(7,7,7,.04) 0%,
            rgba(7,7,7,.10) 50%,
            rgba(7,7,7,.30) 78%,
            rgba(7,7,7,.42) 100%
        );
}

@media (max-width: 900px) {
    section,
    #inicio,
    #escuela,
    #valores,
    #fundador,
    #horarios,
    #eventos,
    #contacto,
    #clase-prueba {
        scroll-margin-top: 96px;
    }

    .camino-tigre-marca {
        width: 46%;
        height: 84%;
        opacity: .075;
    }

    .disciplina-tigre-marca {
        width: 40%;
        height: 80%;
        opacity: .07;
    }
}

@media (max-width: 680px) {
    .camino-card {
        padding-top: 30px;
    }

    .disciplina-panel {
        padding-top: 34px;
    }

    .camino-tigre-marca {
        right: -10%;
        bottom: -8%;
        width: 58%;
        height: 72%;
        opacity: .055;
    }

    .disciplina-tigre-marca {
        right: -12%;
        bottom: -4%;
        width: 54%;
        height: 66%;
        opacity: .05;
    }
}

/* =========================================================
   DJIK — TIGRES SOLO EN TARJETAS DE HORARIOS
   Versión final con PNG transparentes originales
========================================================= */

/* Se ocultan por completo en las tarjetas superiores. */
.camino-tigre-marca {
    display: none !important;
}

/* Base de las tarjetas de horario. */
.disciplina-panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

/* El contenido siempre queda por delante. */
.disciplina-panel > *:not(.disciplina-tigre-marca) {
    position: relative;
    z-index: 3;
}

/* Tigre como elemento de marca discreto, no como fondo dominante. */
.disciplina-tigre-marca {
    position: absolute;
    right: 2%;
    bottom: 2%;
    z-index: 1;
    width: 24%;
    height: 68%;
    object-fit: contain;
    object-position: right bottom;
    opacity: .075;
    filter: none !important;
    pointer-events: none;
    user-select: none;
    transform: none;
    transition:
        opacity .35s ease,
        transform .45s cubic-bezier(.2,.8,.2,1);
}

/* Ajustes individuales solo de posición, nunca de imagen. */
.disciplina-panel-tkd .disciplina-tigre-marca {
    right: 1%;
    bottom: 1%;
    width: 24%;
}

.disciplina-panel-kick .disciplina-tigre-marca {
    right: 2%;
    bottom: 1%;
    width: 23%;
}

.disciplina-panel-hapkido .disciplina-tigre-marca {
    right: 1%;
    bottom: -1%;
    width: 22%;
    height: 72%;
}

.disciplina-panel-box .disciplina-tigre-marca {
    right: 2%;
    bottom: 1%;
    width: 22%;
}

/* Hover muy suave. */
.disciplina-panel:hover .disciplina-tigre-marca {
    opacity: .12;
    transform: translate3d(-4px, -3px, 0) scale(1.015);
}

/* Capa de protección para preservar la legibilidad del texto. */
.disciplina-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(7,7,7,0) 0%,
            rgba(7,7,7,.015) 58%,
            rgba(7,7,7,.13) 82%,
            rgba(7,7,7,.22) 100%
        );
}

/* Corrige el corte de secciones con el header fijo. */
section,
#inicio,
#escuela,
#valores,
#fundador,
#horarios,
#eventos,
#contacto,
#clase-prueba {
    scroll-margin-top: 112px;
}

@media (max-width: 900px) {
    .disciplina-tigre-marca {
        width: 27%;
        height: 62%;
        opacity: .06;
    }

    .disciplina-panel-hapkido .disciplina-tigre-marca {
        width: 25%;
    }

    .disciplina-panel-box .disciplina-tigre-marca {
        width: 25%;
    }
}

@media (max-width: 680px) {
    .disciplina-tigre-marca {
        right: -4%;
        bottom: 1%;
        width: 34%;
        height: 52%;
        opacity: .045;
    }

    .disciplina-panel-tkd .disciplina-tigre-marca,
    .disciplina-panel-kick .disciplina-tigre-marca,
    .disciplina-panel-hapkido .disciplina-tigre-marca,
    .disciplina-panel-box .disciplina-tigre-marca {
        right: -4%;
        bottom: 1%;
        width: 34%;
        height: 52%;
    }

    .disciplina-panel:hover .disciplina-tigre-marca {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .disciplina-tigre-marca {
        transition: none;
    }
}

/* =========================================================
   DJIK — CORRECCIÓN FINAL DE TIGRES Y NUMERACIÓN
========================================================= */

/* Recuperar tigres en las tarjetas superiores */
.camino-tigre-marca {
    display: block !important;
    position: absolute;
    right: -1%;
    bottom: -8%;
    z-index: 1;
    width: 31%;
    height: 82%;
    object-fit: contain;
    object-position: right bottom;
    opacity: .075;
    filter: none !important;
    pointer-events: none;
    user-select: none;
    transform-origin: right bottom;
    transition:
        opacity .35s ease,
        transform .45s cubic-bezier(.2,.8,.2,1);
}

.camino-card:hover .camino-tigre-marca {
    opacity: .12;
    transform: translate3d(-4px,-3px,0) scale(1.015);
}

/* Ajuste individual para que todos se vean proporcionados arriba */
.camino-tkd .camino-tigre-marca {
    width: 32%;
}

.camino-kick .camino-tigre-marca {
    width: 31%;
}

.camino-hapkido .camino-tigre-marca {
    width: 35%;
    height: 88%;
    bottom: -10%;
}

.camino-box .camino-tigre-marca {
    width: 35%;
    height: 86%;
    bottom: -8%;
}

/* Evitar que se corten los números de las tarjetas superiores */
.camino-card {
    position: relative;
    overflow: hidden;
    padding-top: 46px !important;
}

.camino-numero {
    position: absolute !important;
    top: 24px !important;
    right: 26px !important;
    z-index: 5 !important;
    line-height: 1 !important;
    overflow: visible !important;
}

/* El contenido siempre por encima del tigre */
.camino-contenido,
.camino-fondo,
.camino-trama {
    position: relative;
    z-index: 3;
}

/* Igualar el tamaño visual de Hapkido y Box Training en horarios */
.disciplina-panel-hapkido .disciplina-tigre-marca {
    width: 29% !important;
    height: 80% !important;
    right: 1% !important;
    bottom: -2% !important;
}

.disciplina-panel-box .disciplina-tigre-marca {
    width: 29% !important;
    height: 78% !important;
    right: 2% !important;
    bottom: 0 !important;
}

/* Mantener Taekwon-Do y Kickboxing en su escala actual */
.disciplina-panel-tkd .disciplina-tigre-marca {
    width: 24% !important;
}

.disciplina-panel-kick .disciplina-tigre-marca {
    width: 23% !important;
}

/* Protección de lectura */
.camino-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(7,7,7,0) 0%,
            rgba(7,7,7,.01) 56%,
            rgba(7,7,7,.10) 82%,
            rgba(7,7,7,.18) 100%
        );
}

@media (max-width: 900px) {
    .camino-tigre-marca {
        width: 36%;
        height: 76%;
        opacity: .06;
    }

    .camino-hapkido .camino-tigre-marca,
    .camino-box .camino-tigre-marca {
        width: 40%;
    }

    .disciplina-panel-hapkido .disciplina-tigre-marca,
    .disciplina-panel-box .disciplina-tigre-marca {
        width: 33% !important;
        height: 72% !important;
    }
}

@media (max-width: 680px) {
    .camino-card {
        padding-top: 38px !important;
    }

    .camino-numero {
        top: 18px !important;
        right: 20px !important;
    }

    .camino-tigre-marca {
        right: -8%;
        bottom: -4%;
        width: 48%;
        height: 62%;
        opacity: .045;
    }

    .camino-hapkido .camino-tigre-marca,
    .camino-box .camino-tigre-marca {
        width: 52%;
    }

    .disciplina-panel-hapkido .disciplina-tigre-marca,
    .disciplina-panel-box .disciplina-tigre-marca {
        width: 38% !important;
        height: 58% !important;
        right: -4% !important;
    }

    .camino-card:hover .camino-tigre-marca {
        transform: none;
    }
}

/* =========================================================
   DJIK — IGUALADO VISUAL DE TIGRES EN HORARIOS
   Ajuste final por altura percibida
========================================================= */

/* Base común */
.disciplina-tigre-marca {
    object-fit: contain !important;
    object-position: right bottom !important;
    filter: none !important;
    opacity: .08 !important;
}

/* Taekwon-Do */
.disciplina-panel-tkd .disciplina-tigre-marca {
    width: 25% !important;
    height: 74% !important;
    right: 1% !important;
    bottom: 0 !important;
}

/* Kickboxing */
.disciplina-panel-kick .disciplina-tigre-marca {
    width: 25% !important;
    height: 74% !important;
    right: 1.5% !important;
    bottom: 0 !important;
}

/* Hapkido Jin Jung Kwan: pose más estrecha, necesita más ancho y altura */
.disciplina-panel-hapkido .disciplina-tigre-marca {
    width: 34% !important;
    height: 88% !important;
    right: 0 !important;
    bottom: -5% !important;
}

/* Box Training: pose muy vertical, necesita más escala */
.disciplina-panel-box .disciplina-tigre-marca {
    width: 33% !important;
    height: 86% !important;
    right: 0 !important;
    bottom: -3% !important;
}

/* Hover igual para todos */
.disciplina-panel:hover .disciplina-tigre-marca {
    opacity: .125 !important;
    transform: translate3d(-4px,-3px,0) scale(1.015) !important;
}

@media (max-width: 900px) {
    .disciplina-panel-tkd .disciplina-tigre-marca,
    .disciplina-panel-kick .disciplina-tigre-marca {
        width: 29% !important;
        height: 68% !important;
    }

    .disciplina-panel-hapkido .disciplina-tigre-marca {
        width: 38% !important;
        height: 80% !important;
        bottom: -4% !important;
    }

    .disciplina-panel-box .disciplina-tigre-marca {
        width: 37% !important;
        height: 78% !important;
        bottom: -2% !important;
    }
}

@media (max-width: 680px) {
    .disciplina-panel-tkd .disciplina-tigre-marca,
    .disciplina-panel-kick .disciplina-tigre-marca {
        width: 36% !important;
        height: 56% !important;
        right: -5% !important;
        bottom: 0 !important;
    }

    .disciplina-panel-hapkido .disciplina-tigre-marca {
        width: 44% !important;
        height: 64% !important;
        right: -6% !important;
        bottom: -2% !important;
    }

    .disciplina-panel-box .disciplina-tigre-marca {
        width: 43% !important;
        height: 62% !important;
        right: -6% !important;
        bottom: -1% !important;
    }

    .disciplina-panel:hover .disciplina-tigre-marca {
        transform: none !important;
    }
}

/* =========================================================
   DJIK — TIGRES MÁS GRANDES EN HORARIOS
========================================================= */

.disciplina-tigre-marca {
    opacity: .09 !important;
    object-fit: contain !important;
    object-position: right bottom !important;
    filter: none !important;
    transform-origin: right bottom !important;
}

/* Taekwon-Do */
.disciplina-panel-tkd .disciplina-tigre-marca {
    width: 32% !important;
    height: 82% !important;
    right: -1% !important;
    bottom: -3% !important;
}

/* Kickboxing */
.disciplina-panel-kick .disciplina-tigre-marca {
    width: 32% !important;
    height: 82% !important;
    right: -1% !important;
    bottom: -3% !important;
}

/* Hapkido Jin Jung Kwan */
.disciplina-panel-hapkido .disciplina-tigre-marca {
    width: 38% !important;
    height: 94% !important;
    right: -2% !important;
    bottom: -8% !important;
}

/* Box Training */
.disciplina-panel-box .disciplina-tigre-marca {
    width: 38% !important;
    height: 92% !important;
    right: -2% !important;
    bottom: -7% !important;
}

/* Hover suave */
.disciplina-panel:hover .disciplina-tigre-marca {
    opacity: .13 !important;
    transform: translate3d(-5px, -4px, 0) scale(1.02) !important;
}

/* Mantener texto legible */
.disciplina-panel > *:not(.disciplina-tigre-marca) {
    position: relative;
    z-index: 3;
}

@media (max-width: 900px) {
    .disciplina-panel-tkd .disciplina-tigre-marca,
    .disciplina-panel-kick .disciplina-tigre-marca {
        width: 36% !important;
        height: 76% !important;
        right: -3% !important;
        bottom: -2% !important;
    }

    .disciplina-panel-hapkido .disciplina-tigre-marca,
    .disciplina-panel-box .disciplina-tigre-marca {
        width: 42% !important;
        height: 84% !important;
        right: -4% !important;
        bottom: -5% !important;
    }
}

@media (max-width: 680px) {
    .disciplina-panel-tkd .disciplina-tigre-marca,
    .disciplina-panel-kick .disciplina-tigre-marca {
        width: 44% !important;
        height: 64% !important;
        right: -8% !important;
        bottom: -1% !important;
        opacity: .055 !important;
    }

    .disciplina-panel-hapkido .disciplina-tigre-marca,
    .disciplina-panel-box .disciplina-tigre-marca {
        width: 50% !important;
        height: 70% !important;
        right: -9% !important;
        bottom: -4% !important;
        opacity: .055 !important;
    }

    .disciplina-panel:hover .disciplina-tigre-marca {
        transform: none !important;
    }
}

/* =========================================================
   DJIK — AJUSTE FINAL DE TAMAÑOS 28 / 38
========================================================= */

/* Taekwon-Do Chan Hun */
.disciplina-panel-tkd .disciplina-tigre-marca {
    width: 28% !important;
    height: 78% !important;
    right: 0 !important;
    bottom: -2% !important;
}

/* Kickboxing */
.disciplina-panel-kick .disciplina-tigre-marca {
    width: 28% !important;
    height: 78% !important;
    right: 0 !important;
    bottom: -2% !important;
}

/* Hapkido Jin Jung Kwan */
.disciplina-panel-hapkido .disciplina-tigre-marca {
    width: 38% !important;
    height: 94% !important;
    right: -2% !important;
    bottom: -6% !important;
}

/* Box Training */
.disciplina-panel-box .disciplina-tigre-marca {
    width: 38% !important;
    height: 92% !important;
    right: -2% !important;
    bottom: -5% !important;
}

@media (max-width: 900px) {
    .disciplina-panel-tkd .disciplina-tigre-marca,
    .disciplina-panel-kick .disciplina-tigre-marca {
        width: 32% !important;
        height: 72% !important;
        right: -2% !important;
        bottom: -1% !important;
    }

    .disciplina-panel-hapkido .disciplina-tigre-marca,
    .disciplina-panel-box .disciplina-tigre-marca {
        width: 42% !important;
        height: 84% !important;
        right: -4% !important;
        bottom: -4% !important;
    }
}

@media (max-width: 680px) {
    .disciplina-panel-tkd .disciplina-tigre-marca,
    .disciplina-panel-kick .disciplina-tigre-marca {
        width: 40% !important;
        height: 60% !important;
        right: -7% !important;
        bottom: 0 !important;
    }

    .disciplina-panel-hapkido .disciplina-tigre-marca,
    .disciplina-panel-box .disciplina-tigre-marca {
        width: 48% !important;
        height: 68% !important;
        right: -8% !important;
        bottom: -3% !important;
    }
}

/* =========================================================
   DJIK — AJUSTE FINAL 25 / 38
========================================================= */

/* Taekwon-Do Chan Hun */
.disciplina-panel-tkd .disciplina-tigre-marca {
    width: 25% !important;
    height: 74% !important;
    right: 0 !important;
    bottom: -1% !important;
}

/* Kickboxing */
.disciplina-panel-kick .disciplina-tigre-marca {
    width: 25% !important;
    height: 74% !important;
    right: 0 !important;
    bottom: -1% !important;
}

/* Hapkido Jin Jung Kwan */
.disciplina-panel-hapkido .disciplina-tigre-marca {
    width: 38% !important;
    height: 94% !important;
    right: -2% !important;
    bottom: -6% !important;
}

/* Box Training */
.disciplina-panel-box .disciplina-tigre-marca {
    width: 38% !important;
    height: 92% !important;
    right: -2% !important;
    bottom: -5% !important;
}

@media (max-width: 900px) {
    .disciplina-panel-tkd .disciplina-tigre-marca,
    .disciplina-panel-kick .disciplina-tigre-marca {
        width: 29% !important;
        height: 68% !important;
        right: -2% !important;
        bottom: 0 !important;
    }

    .disciplina-panel-hapkido .disciplina-tigre-marca,
    .disciplina-panel-box .disciplina-tigre-marca {
        width: 42% !important;
        height: 84% !important;
        right: -4% !important;
        bottom: -4% !important;
    }
}

@media (max-width: 680px) {
    .disciplina-panel-tkd .disciplina-tigre-marca,
    .disciplina-panel-kick .disciplina-tigre-marca {
        width: 36% !important;
        height: 56% !important;
        right: -7% !important;
        bottom: 0 !important;
    }

    .disciplina-panel-hapkido .disciplina-tigre-marca,
    .disciplina-panel-box .disciplina-tigre-marca {
        width: 48% !important;
        height: 68% !important;
        right: -8% !important;
        bottom: -3% !important;
    }
}

/* =========================================================
   DJIK — AJUSTE DE NÚMEROS Y MARCAS TRANSPARENTES
========================================================= */

/* Evita que el 01 se corte o se mezcle con “Taekwon-Do Chan Hun”. */
.camino-card {
    position: relative;
    overflow: hidden;
}

.camino-numero {
    position: absolute !important;
    top: 26px !important;
    right: 28px !important;
    z-index: 5 !important;
    max-width: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    pointer-events: none;
}

/* El título y el contenido quedan siempre separados del número. */
.camino-contenido {
    position: relative;
    z-index: 4;
    padding-right: 96px;
}

/* Ajuste específico para Taekwon-Do, cuyo nombre es más largo. */
.camino-tkd .camino-contenido {
    padding-right: 126px;
}

.camino-tkd .camino-numero {
    right: 24px !important;
    font-size: clamp(48px, 5vw, 76px) !important;
    opacity: .10 !important;
}

/* Marcas DJIK transparentes: más centradas y sin quedar cortadas. */
.hero-marca {
    right: 5% !important;
    max-width: 90% !important;
    font-size: clamp(110px, 16vw, 250px) !important;
    letter-spacing: -8px !important;
    opacity: .035 !important;
    transform: none !important;
    overflow: visible !important;
}

.fundador-marca {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) rotate(-90deg) !important;
    max-width: 86% !important;
    font-size: clamp(92px, 11vw, 170px) !important;
    letter-spacing: -5px !important;
    opacity: .035 !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

/* Asegura que las marcas no provoquen desbordamiento horizontal. */
.hero-visual,
.fundador-visual,
.fundador-djik,
.hero {
    overflow: hidden !important;
}

@media (max-width: 900px) {
    .camino-contenido,
    .camino-tkd .camino-contenido {
        padding-right: 88px;
    }

    .camino-numero {
        top: 22px !important;
        right: 22px !important;
    }

    .hero-marca {
        right: 2% !important;
        font-size: clamp(86px, 20vw, 170px) !important;
    }

    .fundador-marca {
        font-size: clamp(74px, 15vw, 130px) !important;
    }
}

@media (max-width: 680px) {
    .camino-contenido,
    .camino-tkd .camino-contenido {
        padding-right: 0;
        padding-top: 58px;
    }

    .camino-numero {
        top: 18px !important;
        right: 18px !important;
        font-size: 50px !important;
    }

    .hero-marca {
        right: 0 !important;
        font-size: clamp(72px, 24vw, 130px) !important;
        letter-spacing: -4px !important;
    }

    .fundador-marca {
        left: 50% !important;
        font-size: clamp(60px, 18vw, 102px) !important;
        letter-spacing: -3px !important;
    }
}

/* =========================================================
   DJIK — CORRECCIÓN REAL NÚMERO 01 Y MARCAS DJIK
   Esta regla va al final para tener prioridad sobre las anteriores
========================================================= */

/* ---------- TARJETAS SUPERIORES ---------- */

.camino-card {
    position: relative !important;
    overflow: hidden !important;
}

/* Deja una zona reservada a la derecha para el número */
.camino-card .camino-contenido {
    position: relative !important;
    z-index: 6 !important;
    width: calc(100% - 118px) !important;
    max-width: calc(100% - 118px) !important;
    padding-right: 0 !important;
}

/* Número siempre visible en la esquina superior derecha */
.camino-card .camino-numero {
    position: absolute !important;
    top: 26px !important;
    right: 28px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 8 !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: .85 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-align: right !important;
    pointer-events: none !important;
}

/* Taekwon-Do necesita algo más de espacio por el nombre largo */
.camino-tkd .camino-contenido {
    width: calc(100% - 150px) !important;
    max-width: calc(100% - 150px) !important;
}

.camino-tkd .camino-contenido h3 {
    font-size: clamp(46px, 4.5vw, 72px) !important;
    line-height: .94 !important;
    letter-spacing: -2px !important;
}

.camino-tkd .camino-numero {
    top: 24px !important;
    right: 24px !important;
    min-width: 82px !important;
    font-size: clamp(52px, 5vw, 78px) !important;
    opacity: .12 !important;
}

/* ---------- GRANDES LETRAS DJIK TRANSPARENTES ---------- */

/* Se centran completamente para que nunca queden cortadas a la derecha */
.hero-marca {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-align: center !important;
    font-size: clamp(100px, 14vw, 220px) !important;
    letter-spacing: -8px !important;
    opacity: .025 !important;
    pointer-events: none !important;
}

.fundador-marca {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) rotate(-90deg) !important;
    width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-align: center !important;
    font-size: clamp(78px, 9vw, 138px) !important;
    letter-spacing: -5px !important;
    opacity: .025 !important;
    pointer-events: none !important;
}

/* Contenedores: permiten ver la palabra completa sin generar scroll horizontal */
.hero-visual,
.fundador-visual {
    position: relative !important;
    overflow: hidden !important;
}

/* El encabezado fijo no tapa el inicio de las secciones */
#escuela,
#valores,
#fundador,
#horarios,
#eventos,
#contacto,
#clase-prueba {
    scroll-margin-top: 128px !important;
}

@media (max-width: 900px) {
    .camino-card .camino-contenido,
    .camino-tkd .camino-contenido {
        width: calc(100% - 106px) !important;
        max-width: calc(100% - 106px) !important;
    }

    .camino-card .camino-numero {
        top: 22px !important;
        right: 22px !important;
        min-width: 64px !important;
    }

    .camino-tkd .camino-contenido h3 {
        font-size: clamp(42px, 7vw, 62px) !important;
    }
}

@media (max-width: 680px) {
    .camino-card .camino-contenido,
    .camino-tkd .camino-contenido {
        width: 100% !important;
        max-width: 100% !important;
        padding-top: 58px !important;
    }

    .camino-card .camino-numero {
        top: 18px !important;
        right: 18px !important;
        min-width: 54px !important;
        font-size: 48px !important;
    }

    .camino-tkd .camino-contenido h3 {
        font-size: clamp(36px, 11vw, 52px) !important;
    }

    .hero-marca {
        font-size: clamp(68px, 22vw, 118px) !important;
        letter-spacing: -4px !important;
    }

    .fundador-marca {
        font-size: clamp(54px, 17vw, 92px) !important;
        letter-spacing: -3px !important;
    }
}


/* ===== POR QUÉ DJIK ===== */
.porque-djik{padding:110px 0;background:#0d0d0d}
.porque-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:55px}
.porque-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;transition:.3s}
.porque-card:hover{transform:translateY(-6px);border-color:#f3c300;box-shadow:0 12px 35px rgba(243,195,0,.18)}
.porque-card h3{margin:12px 0;color:#fff}
.porque-card p{color:#cfcfcf;line-height:1.7}
.porque-icono{font-size:34px}
.porque-card-ancha{grid-column:1/-1;text-align:center}
@media(max-width:768px){.porque-card-ancha{grid-column:auto}}


/* =========================================================
   ¿POR QUÉ DJIK? — VERSIÓN PREMIUM SIN ICONOS
========================================================= */

.porque-djik {
    position: relative;
    padding: 130px 0;
    overflow: hidden;
    background:
        linear-gradient(180deg, #090909 0%, #0d0d0d 52%, #090909 100%);
}

.porque-djik::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background:
        linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px);
    background-size: 72px 72px;
}

.porque-djik-cabecera {
    position: relative;
    z-index: 2;
    max-width: 1050px;
    margin-bottom: 70px;
}

.porque-djik-etiqueta {
    display: block;
    margin-bottom: 18px;
    color: #e4b11c;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.porque-djik-cabecera h2 {
    max-width: 980px;
    margin: 0;
    color: #fff;
    font-size: clamp(48px, 6vw, 92px);
    line-height: .98;
    letter-spacing: -3px;
    text-transform: uppercase;
}

.porque-djik-cabecera h2 strong {
    display: block;
    margin-top: 10px;
    color: #e4b11c;
    font-weight: 900;
}

.porque-djik-cabecera p {
    max-width: 670px;
    margin-top: 28px;
    color: rgba(255,255,255,.62);
    font-size: 17px;
    line-height: 1.75;
}

.porque-djik-listado {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 26px;
}

.porque-djik-item {
    position: relative;
    min-height: 300px;
    padding: 42px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 26px 70px rgba(0,0,0,.28);
    transition:
        transform .32s ease,
        border-color .32s ease,
        box-shadow .32s ease;
}

.porque-djik-item:hover {
    transform: translateY(-7px);
    border-color: rgba(228,177,28,.32);
    box-shadow:
        0 34px 82px rgba(0,0,0,.42),
        0 0 34px rgba(228,177,28,.08);
}

.porque-djik-item-ancho {
    grid-column: 1 / -1;
    min-height: 260px;
}

.porque-djik-numero {
    position: absolute;
    top: 28px;
    right: 32px;
    z-index: 2;
    color: rgba(255,255,255,.07);
    font-size: clamp(58px, 7vw, 104px);
    font-weight: 900;
    line-height: .85;
    letter-spacing: -5px;
    pointer-events: none;
}

.porque-djik-palabra {
    position: absolute;
    right: -20px;
    bottom: 8px;
    z-index: 1;
    color: rgba(255,255,255,.018);
    font-size: clamp(70px, 8.4vw, 132px);
    font-weight: 900;
    line-height: .85;
    letter-spacing: -5px;
    white-space: nowrap;
    text-transform: uppercase;
    pointer-events: none;
}

.porque-djik-contenido {
    position: relative;
    z-index: 3;
    max-width: 620px;
}

.porque-djik-linea {
    display: block;
    width: 54px;
    height: 3px;
    margin-bottom: 28px;
    border-radius: 999px;
    background: #e4b11c;
    box-shadow: 0 0 18px rgba(228,177,28,.28);
}

.porque-djik-item h3 {
    max-width: 580px;
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1.04;
    letter-spacing: -1.2px;
    text-transform: uppercase;
}

.porque-djik-item p {
    max-width: 590px;
    margin-top: 22px;
    color: rgba(255,255,255,.62);
    font-size: 16px;
    line-height: 1.75;
}

.porque-djik-item-01 .porque-djik-linea { background: #1687ff; }
.porque-djik-item-02 .porque-djik-linea { background: #8d5cff; }
.porque-djik-item-03 .porque-djik-linea { background: #e4b11c; }
.porque-djik-item-04 .porque-djik-linea { background: #ff8c24; }
.porque-djik-item-05 .porque-djik-linea { background: #28c76f; }

@media (max-width: 900px) {
    .porque-djik-listado {
        grid-template-columns: 1fr;
    }

    .porque-djik-item-ancho {
        grid-column: auto;
    }
}

@media (max-width: 680px) {
    .porque-djik {
        padding: 92px 0;
    }

    .porque-djik-cabecera {
        margin-bottom: 46px;
    }

    .porque-djik-cabecera h2 {
        font-size: clamp(42px, 13vw, 64px);
        letter-spacing: -1.5px;
    }

    .porque-djik-item {
        min-height: 270px;
        padding: 30px 24px;
        border-radius: 20px;
    }

    .porque-djik-numero {
        top: 20px;
        right: 22px;
        font-size: 62px;
    }

    .porque-djik-palabra {
        right: -12px;
        bottom: 12px;
        font-size: 72px;
    }

    .porque-djik-item h3 {
        font-size: clamp(27px, 9vw, 40px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .porque-djik-item {
        transition: none;
    }
}


/* =========================================================
   ¿POR QUÉ DJIK? — DISEÑO EDITORIAL SIN TARJETAS
========================================================= */

.porque-djik-editorial {
    position: relative;
    padding: 140px 0 150px;
    overflow: hidden;
    background:
        linear-gradient(180deg, #090909 0%, #0c0c0c 52%, #090909 100%);
}

.porque-djik-editorial::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .12;
    background:
        linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px);
    background-size: 78px 78px;
}

.porque-editorial-cabecera {
    position: relative;
    z-index: 2;
    max-width: 1040px;
    margin-bottom: 88px;
}

.porque-editorial-etiqueta {
    display: block;
    margin-bottom: 18px;
    color: #e4b11c;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.porque-editorial-cabecera h2 {
    max-width: 980px;
    margin: 0;
    color: #fff;
    font-size: clamp(48px, 6vw, 92px);
    line-height: .98;
    letter-spacing: -3px;
    text-transform: uppercase;
}

.porque-editorial-cabecera h2 strong {
    display: block;
    margin-top: 10px;
    color: #e4b11c;
    font-weight: 900;
}

.porque-editorial-cabecera p {
    max-width: 680px;
    margin-top: 28px;
    color: rgba(255,255,255,.62);
    font-size: 17px;
    line-height: 1.75;
}

.porque-editorial-listado {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 0;
}

.porque-editorial-item {
    display: grid;
    grid-template-columns: 64px minmax(0, 760px);
    align-items: start;
    gap: 28px;
    padding: 44px 0;
    border-top: 1px solid rgba(255,255,255,.08);
}

.porque-editorial-item:last-child {
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.porque-editorial-item-derecha {
    justify-content: end;
    grid-template-columns: 64px minmax(0, 760px);
}

.porque-editorial-linea {
    display: block;
    width: 54px;
    height: 3px;
    margin-top: 13px;
    border-radius: 999px;
    background: #e4b11c;
    box-shadow: 0 0 18px rgba(228,177,28,.24);
}

.porque-editorial-item h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 3.2vw, 50px);
    line-height: 1.04;
    letter-spacing: -1.4px;
    text-transform: uppercase;
}

.porque-editorial-item p {
    max-width: 680px;
    margin-top: 18px;
    color: rgba(255,255,255,.62);
    font-size: 16px;
    line-height: 1.75;
}

.porque-editorial-item:nth-child(1) .porque-editorial-linea { background: #1687ff; }
.porque-editorial-item:nth-child(2) .porque-editorial-linea { background: #8d5cff; }
.porque-editorial-item:nth-child(3) .porque-editorial-linea { background: #e4b11c; }
.porque-editorial-item:nth-child(4) .porque-editorial-linea { background: #ff8c24; }
.porque-editorial-item:nth-child(5) .porque-editorial-linea { background: #28c76f; }

@media (max-width: 900px) {
    .porque-editorial-item,
    .porque-editorial-item-derecha {
        justify-content: stretch;
        grid-template-columns: 54px 1fr;
    }
}

@media (max-width: 680px) {
    .porque-djik-editorial {
        padding: 96px 0 108px;
    }

    .porque-editorial-cabecera {
        margin-bottom: 56px;
    }

    .porque-editorial-cabecera h2 {
        font-size: clamp(42px, 13vw, 64px);
        letter-spacing: -1.5px;
    }

    .porque-editorial-item,
    .porque-editorial-item-derecha {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 34px 0;
    }

    .porque-editorial-linea {
        margin-top: 0;
    }

    .porque-editorial-item h3 {
        font-size: clamp(28px, 9vw, 42px);
    }
}


/* =========================================================
   ¿POR QUÉ DJIK? — AJUSTE EDITORIAL V2
========================================================= */

/* Desplazar el encabezado ligeramente a la derecha */
.porque-editorial-cabecera {
    padding-left: 64px;
}

/* Más separación entre la línea, el título y el párrafo */
.porque-editorial-item {
    grid-template-columns: 42px minmax(0, 760px);
    gap: 34px;
    padding: 54px 0;
}

.porque-editorial-item-derecha {
    grid-template-columns: 42px minmax(0, 760px);
    padding-right: 70px;
}

.porque-editorial-linea {
    width: 34px;
    height: 3px;
    margin-top: 16px;
}

/* Más aire entre título y descripción */
.porque-editorial-item h3 {
    margin-bottom: 24px;
}

.porque-editorial-item p {
    margin-top: 0;
}

/* Zigzag más marcado */
.porque-editorial-item:not(.porque-editorial-item-derecha) {
    padding-left: 34px;
}

.porque-editorial-item-derecha {
    padding-left: 160px;
}

/* Reducir algo el espacio superior de la sección */
.porque-djik-editorial {
    padding-top: 112px;
}

/* Evitar que las líneas o textos queden demasiado pegados */
.porque-editorial-contenido,
.porque-editorial-item > div {
    min-width: 0;
}

@media (max-width: 1000px) {
    .porque-editorial-cabecera {
        padding-left: 32px;
    }

    .porque-editorial-item:not(.porque-editorial-item-derecha) {
        padding-left: 18px;
    }

    .porque-editorial-item-derecha {
        padding-left: 90px;
        padding-right: 20px;
    }
}

@media (max-width: 760px) {
    .porque-editorial-cabecera {
        padding-left: 0;
    }

    .porque-editorial-item,
    .porque-editorial-item-derecha,
    .porque-editorial-item:not(.porque-editorial-item-derecha) {
        grid-template-columns: 1fr;
        gap: 18px;
        padding-left: 0;
        padding-right: 0;
    }

    .porque-editorial-linea {
        width: 30px;
        margin-top: 0;
    }

    .porque-editorial-item h3 {
        margin-bottom: 18px;
    }
}

.cta-final-djik{
padding:120px 0;
text-align:center;
background:linear-gradient(180deg,#0b0b0b,#111,#090909);
border-top:1px solid rgba(255,255,255,.08)
}
.cta-etiqueta{
display:block;
color:#e4b11c;
font-weight:800;
letter-spacing:3px;
margin-bottom:18px
}
.cta-final-djik h2{
color:#fff;
font-size:clamp(40px,5vw,72px);
max-width:900px;
margin:0 auto 24px;
line-height:1
}
.cta-final-djik p{
max-width:700px;
margin:0 auto 40px;
color:#c8c8c8;
font-size:18px;
line-height:1.8
}
.cta-botones{
display:flex;
justify-content:center;
gap:18px;
flex-wrap:wrap
}


/* =========================================================
   BOTÓN WHATSAPP — ESTILO DJIK
========================================================= */

.btn-whatsapp-djik {
    position: relative;
    min-height: 58px;
    padding: 0 30px;
    overflow: hidden;
    border: 1px solid rgba(228,177,28,.48) !important;
    border-radius: 999px;
    color: #f4d35e !important;
    background:
        linear-gradient(145deg, rgba(228,177,28,.08), rgba(255,255,255,.015)),
        #0a0a0a !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 14px 34px rgba(0,0,0,.34),
        0 0 0 rgba(228,177,28,0);
    font-weight: 900;
    letter-spacing: .7px;
    text-transform: uppercase;
    transition:
        transform .25s ease,
        border-color .25s ease,
        color .25s ease,
        box-shadow .3s ease,
        background .3s ease;
}

.btn-whatsapp-djik::before {
    content: "";
    position: absolute;
    top: -45%;
    left: -38%;
    width: 34%;
    height: 190%;
    transform: rotate(20deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.28),
            transparent
        );
    transition: left .58s ease;
    pointer-events: none;
}

.btn-whatsapp-djik:hover {
    transform: translateY(-3px);
    border-color: rgba(228,177,28,.82) !important;
    color: #fff2ad !important;
    background:
        linear-gradient(145deg, rgba(228,177,28,.14), rgba(255,255,255,.02)),
        #0a0a0a !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 18px 42px rgba(0,0,0,.42),
        0 0 26px rgba(228,177,28,.16);
}

.btn-whatsapp-djik:hover::before {
    left: 118%;
}

.btn-whatsapp-djik:focus-visible {
    outline: 2px solid #e4b11c;
    outline-offset: 4px;
}

@media (max-width: 680px) {
    .btn-whatsapp-djik {
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .btn-whatsapp-djik,
    .btn-whatsapp-djik::before {
        transition: none;
    }
}


/* =========================================================
   DJIK — TIGRES A COLOR AL PASAR EL RATÓN
========================================================= */

/* Estado normal: marca de agua suave */
.camino-tigre-marca,
.disciplina-tigre-marca {
    opacity: .08 !important;
    filter:
        grayscale(.72)
        saturate(.55)
        brightness(.72)
        contrast(.95) !important;
    transform-origin: right bottom !important;
    transition:
        opacity .38s ease,
        filter .38s ease,
        transform .42s cubic-bezier(.2,.8,.2,1),
        drop-shadow .38s ease !important;
}

/* Tarjetas superiores: el tigre recupera color */
.camino-card:hover .camino-tigre-marca,
.camino-card:focus-within .camino-tigre-marca {
    opacity: .96 !important;
    filter:
        grayscale(0)
        saturate(1)
        brightness(1)
        contrast(1)
        drop-shadow(0 10px 22px rgba(0,0,0,.34)) !important;
    transform: translate3d(-4px,-6px,0) scale(1.05) !important;
}

/* Tarjetas de horarios: el tigre recupera color */
.disciplina-panel:hover .disciplina-tigre-marca,
.disciplina-panel:focus-within .disciplina-tigre-marca {
    opacity: .96 !important;
    filter:
        grayscale(0)
        saturate(1)
        brightness(1)
        contrast(1)
        drop-shadow(0 10px 22px rgba(0,0,0,.34)) !important;
    transform: translate3d(-4px,-6px,0) scale(1.05) !important;
}

/* La tarjeta cobra vida al mismo tiempo */
.camino-card,
.disciplina-panel {
    transition:
        transform .32s ease,
        border-color .32s ease,
        box-shadow .34s ease,
        background .34s ease !important;
}

.camino-card:hover,
.camino-card:focus-within,
.disciplina-panel:hover,
.disciplina-panel:focus-within {
    transform: translateY(-5px) !important;
    box-shadow:
        0 28px 72px rgba(0,0,0,.42),
        0 0 26px color-mix(in srgb, var(--disciplina-color, #e4b11c) 20%, transparent) !important;
}

/* Refuerzo discreto del borde según actividad */
.camino-tkd:hover,
.camino-tkd:focus-within,
.disciplina-panel-tkd:hover,
.disciplina-panel-tkd:focus-within {
    border-color: rgba(21,105,199,.62) !important;
}

.camino-kick:hover,
.camino-kick:focus-within,
.disciplina-panel-kick:hover,
.disciplina-panel-kick:focus-within {
    border-color: rgba(198,59,59,.62) !important;
}

.camino-hapkido:hover,
.camino-hapkido:focus-within,
.disciplina-panel-hapkido:hover,
.disciplina-panel-hapkido:focus-within {
    border-color: rgba(216,117,32,.62) !important;
}

.camino-box:hover,
.camino-box:focus-within,
.disciplina-panel-box:hover,
.disciplina-panel-box:focus-within {
    border-color: rgba(35,154,89,.62) !important;
}

/* Títulos un poco más luminosos */
.camino-card:hover h3,
.camino-card:focus-within h3,
.disciplina-panel:hover h3,
.disciplina-panel:focus-within h3 {
    color: #fff !important;
    text-shadow: 0 0 18px rgba(255,255,255,.08);
}

/* En móvil no hay hover real: mantenerlos suaves para no tapar texto */
@media (max-width: 680px) {
    .camino-tigre-marca,
    .disciplina-tigre-marca {
        opacity: .06 !important;
        filter:
            grayscale(.45)
            saturate(.72)
            brightness(.82) !important;
    }

    .camino-card:hover .camino-tigre-marca,
    .camino-card:focus-within .camino-tigre-marca,
    .disciplina-panel:hover .disciplina-tigre-marca,
    .disciplina-panel:focus-within .disciplina-tigre-marca {
        opacity: .18 !important;
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .camino-tigre-marca,
    .disciplina-tigre-marca,
    .camino-card,
    .disciplina-panel {
        transition: none !important;
    }
}


/* =========================================================
   DJIK — RESERVA DE ESPACIO PARA AVATARES EN TARJETAS
   Evita que el tigre tape textos y horarios al recuperar color
========================================================= */

@media (min-width: 901px) {

    /* Reservamos una zona fija a la derecha para el avatar */
    .disciplina-panel {
        padding-right: 40% !important;
    }

    /* Cabecera en una sola columna dentro de la zona de lectura */
    .disciplina-panel-cabecera {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        padding-right: 0 !important;
    }

    .disciplina-panel-cabecera > div,
    .disciplina-panel-cabecera > p {
        width: 100% !important;
        max-width: 100% !important;
    }

    .disciplina-panel-cabecera > p {
        margin-top: 20px !important;
        padding-right: 0 !important;
    }

    /* Horarios completamente dentro de la zona izquierda */
    .disciplina-horarios {
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
    }

    .disciplina-horario {
        grid-template-columns: 1.05fr 1.15fr .9fr !important;
        column-gap: 24px !important;
    }

    .disciplina-horario time {
        text-align: right !important;
        white-space: nowrap !important;
    }

    /* Pie también protegido */
    .disciplina-panel-pie {
        width: 100% !important;
        max-width: none !important;
        padding-right: 0 !important;
    }

    /* Avatar contenido únicamente en la zona derecha */
    .disciplina-tigre-marca {
        right: 1.5% !important;
        max-width: 36% !important;
        z-index: 2 !important;
    }

    /* Ajustes específicos según pose */
    .disciplina-panel-tkd .disciplina-tigre-marca,
    .disciplina-panel-kick .disciplina-tigre-marca {
        width: 25% !important;
        max-width: 25% !important;
    }

    .disciplina-panel-hapkido .disciplina-tigre-marca,
    .disciplina-panel-box .disciplina-tigre-marca {
        width: 36% !important;
        max-width: 36% !important;
    }

    /* El texto siempre se mantiene por delante */
    .disciplina-panel-cabecera,
    .disciplina-horarios,
    .disciplina-panel-pie {
        position: relative !important;
        z-index: 5 !important;
    }

    /* Fondo suave entre lectura y avatar */
    .disciplina-panel::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 3;
        pointer-events: none;
        background:
            linear-gradient(
                90deg,
                rgba(8,8,8,0) 0%,
                rgba(8,8,8,0) 56%,
                rgba(8,8,8,.22) 72%,
                rgba(8,8,8,.06) 100%
            );
    }
}

/* Tablet: algo menos de reserva, pero sin solapar */
@media (min-width: 681px) and (max-width: 900px) {
    .disciplina-panel {
        padding-right: 36% !important;
    }

    .disciplina-panel-cabecera {
        display: block !important;
    }

    .disciplina-panel-cabecera > p {
        margin-top: 18px !important;
    }

    .disciplina-horarios {
        width: 100% !important;
    }

    .disciplina-horario {
        grid-template-columns: 1fr 1.05fr .9fr !important;
        gap: 18px !important;
    }

    .disciplina-tigre-marca {
        right: -1% !important;
    }
}

/* En móvil el avatar se mantiene muy suave y no se expande */
@media (max-width: 680px) {
    .disciplina-panel:hover .disciplina-tigre-marca,
    .disciplina-panel:focus-within .disciplina-tigre-marca {
        opacity: .14 !important;
        filter:
            grayscale(.25)
            saturate(.8)
            brightness(.88) !important;
        transform: none !important;
    }

    .disciplina-panel-cabecera,
    .disciplina-horarios,
    .disciplina-panel-pie {
        position: relative !important;
        z-index: 5 !important;
    }
}


/* ===== REDISEÑO TARJETAS HORARIOS - ZONA EXCLUSIVA AVATAR ===== */

@media (min-width:900px){

.disciplina-panel{
 display:grid !important;
 grid-template-columns:minmax(0,68%) 32%;
 align-items:stretch;
 column-gap:22px;
}

.disciplina-panel-cabecera,
.disciplina-horarios,
.disciplina-panel-pie{
 grid-column:1;
 position:relative;
 z-index:5;
 padding-right:8px;
}

.disciplina-tigre-marca{
 grid-column:2;
 align-self:end;
 justify-self:center;
 position:absolute !important;
 right:12px !important;
 bottom:10px !important;
 max-width:88% !important;
 width:88% !important;
 opacity:.10;
 pointer-events:none;
 z-index:2;
}

.disciplina-panel:hover .disciplina-tigre-marca{
 max-width:92% !important;
 width:92% !important;
 transform:translateY(-8px) scale(1.04) !important;
}

.disciplina-panel-tkd .disciplina-tigre-marca,
.disciplina-panel-kick .disciplina-tigre-marca{
 width:72% !important;
 max-width:72% !important;
}

.disciplina-panel-hapkido .disciplina-tigre-marca,
.disciplina-panel-box .disciplina-tigre-marca{
 width:90% !important;
 max-width:90% !important;
}

.disciplina-horarios{
 margin-top:18px;
}

.disciplina-horario{
 display:grid;
 grid-template-columns:1fr 1fr auto;
 gap:18px;
}

.disciplina-horario time{
 white-space:nowrap;
 text-align:right;
 font-weight:700;
}

}


/* =========================================================
   DJIK — TARJETAS SUPERIORES CON ZONA EXCLUSIVA PARA AVATAR
   Evita que Taekwon-Do Chan Hun y Hapkido Jin Jung Kwan
   se superpongan al texto cuando el tigre recupera color.
========================================================= */

@media (min-width: 901px) {

    .camino-card {
        position: relative !important;
        overflow: hidden !important;
        min-height: 360px;
        padding: 42px 38px 34px !important;
        isolation: isolate;
    }

    /* El contenido queda reservado en la zona izquierda */
    .camino-card .camino-contenido {
        position: relative !important;
        z-index: 6 !important;
        width: 66% !important;
        max-width: 66% !important;
        padding: 0 !important;
    }

    .camino-card .camino-contenido h3,
    .camino-card .camino-contenido p,
    .camino-card .camino-contenido .camino-enlace {
        position: relative;
        z-index: 7;
    }

    /* La zona derecha queda destinada al avatar */
    .camino-card .camino-tigre-marca {
        position: absolute !important;
        z-index: 3 !important;
        right: 1.5% !important;
        bottom: -4% !important;
        width: 31% !important;
        max-width: 31% !important;
        height: 82% !important;
        object-fit: contain !important;
        object-position: right bottom !important;
        transform-origin: right bottom !important;
        pointer-events: none !important;
    }

    /* Taekwon-Do: pose abierta y nombre largo */
    .camino-tkd .camino-contenido {
        width: 62% !important;
        max-width: 62% !important;
    }

    .camino-tkd .camino-contenido h3 {
        font-size: clamp(40px, 4vw, 66px) !important;
        line-height: .93 !important;
        letter-spacing: -2px !important;
    }

    .camino-tkd .camino-tigre-marca {
        right: 1% !important;
        bottom: -2% !important;
        width: 29% !important;
        max-width: 29% !important;
        height: 78% !important;
    }

    /* Hapkido: nombre largo y avatar más vertical */
    .camino-hapkido .camino-contenido {
        width: 60% !important;
        max-width: 60% !important;
    }

    .camino-hapkido .camino-contenido h3 {
        font-size: clamp(36px, 3.6vw, 58px) !important;
        line-height: .95 !important;
        letter-spacing: -1.8px !important;
    }

    .camino-hapkido .camino-tigre-marca {
        right: -1% !important;
        bottom: -8% !important;
        width: 35% !important;
        max-width: 35% !important;
        height: 88% !important;
    }

    /* Kickboxing y Box Training mantienen más espacio de lectura */
    .camino-kick .camino-contenido,
    .camino-box .camino-contenido {
        width: 66% !important;
        max-width: 66% !important;
    }

    .camino-kick .camino-tigre-marca {
        width: 30% !important;
        max-width: 30% !important;
        right: 1% !important;
        bottom: -3% !important;
    }

    .camino-box .camino-tigre-marca {
        width: 34% !important;
        max-width: 34% !important;
        right: 0 !important;
        bottom: -6% !important;
    }

    /* El número queda separado del título */
    .camino-card .camino-numero {
        position: absolute !important;
        top: 24px !important;
        right: 26px !important;
        z-index: 8 !important;
        min-width: 72px !important;
        max-width: none !important;
        white-space: nowrap !important;
        overflow: visible !important;
        pointer-events: none !important;
    }

    .camino-tkd .camino-numero,
    .camino-hapkido .camino-numero {
        opacity: .09 !important;
    }

    /* Capa sutil entre contenido y avatar */
    .camino-card::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 4;
        pointer-events: none;
        background:
            linear-gradient(
                90deg,
                rgba(7,7,7,0) 0%,
                rgba(7,7,7,0) 54%,
                rgba(7,7,7,.10) 70%,
                rgba(7,7,7,.04) 100%
            );
    }

    /* Hover: el tigre crece dentro de su propia zona */
    .camino-card:hover .camino-tigre-marca,
    .camino-card:focus-within .camino-tigre-marca {
        opacity: .96 !important;
        filter:
            grayscale(0)
            saturate(1)
            brightness(1)
            contrast(1)
            drop-shadow(0 12px 24px rgba(0,0,0,.34)) !important;
        transform: translate3d(-4px,-6px,0) scale(1.045) !important;
    }

    /* El contenido nunca cambia de sitio durante el hover */
    .camino-card:hover .camino-contenido,
    .camino-card:focus-within .camino-contenido {
        transform: none !important;
    }
}

/* Tablet */
@media (min-width: 681px) and (max-width: 900px) {

    .camino-card {
        min-height: 340px;
        padding: 38px 30px 30px !important;
    }

    .camino-card .camino-contenido {
        width: 64% !important;
        max-width: 64% !important;
    }

    .camino-tkd .camino-contenido,
    .camino-hapkido .camino-contenido {
        width: 60% !important;
        max-width: 60% !important;
    }

    .camino-card .camino-tigre-marca {
        right: -2% !important;
        bottom: -5% !important;
        width: 36% !important;
        max-width: 36% !important;
        height: 78% !important;
    }

    .camino-hapkido .camino-tigre-marca,
    .camino-box .camino-tigre-marca {
        width: 40% !important;
        max-width: 40% !important;
    }

    .camino-tkd .camino-contenido h3 {
        font-size: clamp(38px, 6vw, 56px) !important;
    }

    .camino-hapkido .camino-contenido h3 {
        font-size: clamp(34px, 5.4vw, 50px) !important;
    }
}

/* Móvil: el avatar queda más abajo y muy suave */
@media (max-width: 680px) {

    .camino-card {
        min-height: 360px;
        padding: 30px 22px 28px !important;
    }

    .camino-card .camino-contenido,
    .camino-tkd .camino-contenido,
    .camino-hapkido .camino-contenido,
    .camino-kick .camino-contenido,
    .camino-box .camino-contenido {
        width: 100% !important;
        max-width: 100% !important;
        padding-top: 54px !important;
        padding-right: 0 !important;
    }

    .camino-card .camino-tigre-marca {
        right: -8% !important;
        bottom: -8% !important;
        width: 46% !important;
        max-width: 46% !important;
        height: 48% !important;
        opacity: .055 !important;
    }

    .camino-hapkido .camino-tigre-marca,
    .camino-box .camino-tigre-marca {
        width: 50% !important;
        max-width: 50% !important;
    }

    .camino-card:hover .camino-tigre-marca,
    .camino-card:focus-within .camino-tigre-marca {
        opacity: .16 !important;
        transform: none !important;
    }

    .camino-tkd .camino-contenido h3,
    .camino-hapkido .camino-contenido h3 {
        font-size: clamp(34px, 11vw, 50px) !important;
    }
}


/* =========================================================
   DJIK — TÍTULOS UNIFORMES EN TARJETAS DE ACTIVIDADES
========================================================= */

.camino-card .camino-titulo-uniforme {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin: 0 !important;
    max-width: 100%;
    color: #fff;
    font-size: inherit !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

.camino-card .camino-titulo-uniforme .camino-nombre,
.camino-card .camino-titulo-uniforme .camino-estilo {
    display: block;
    width: 100%;
    margin: 0;
    font-family: inherit;
    font-weight: 900;
    line-height: .94;
    letter-spacing: -2px;
    white-space: nowrap;
}

/* Mismo tamaño principal en las cuatro actividades */
.camino-card .camino-titulo-uniforme .camino-nombre {
    font-size: clamp(48px, 4.6vw, 74px);
}

/* Chan Hun y Jin Jung Kwan, iguales entre sí y debajo del nombre */
.camino-card .camino-titulo-uniforme .camino-estilo {
    margin-top: 2px;
    font-size: clamp(30px, 2.9vw, 46px);
    color: rgba(255,255,255,.96);
}

/* Evitar reglas antiguas que reducían Taekwon-Do o Hapkido */
.camino-tkd .camino-contenido h3,
.camino-hapkido .camino-contenido h3,
.camino-kick .camino-contenido h3,
.camino-box .camino-contenido h3 {
    font-size: inherit !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

/* Un poco más de ancho útil para que no se corte ningún estilo */
@media (min-width: 901px) {
    .camino-tkd .camino-contenido,
    .camino-hapkido .camino-contenido {
        width: 64% !important;
        max-width: 64% !important;
    }

    .camino-kick .camino-contenido,
    .camino-box .camino-contenido {
        width: 66% !important;
        max-width: 66% !important;
    }
}

@media (min-width: 681px) and (max-width: 900px) {
    .camino-card .camino-titulo-uniforme .camino-nombre {
        font-size: clamp(42px, 6.4vw, 60px);
    }

    .camino-card .camino-titulo-uniforme .camino-estilo {
        font-size: clamp(26px, 4vw, 38px);
    }
}

@media (max-width: 680px) {
    .camino-card .camino-titulo-uniforme .camino-nombre {
        font-size: clamp(36px, 10vw, 50px);
        letter-spacing: -1.4px;
    }

    .camino-card .camino-titulo-uniforme .camino-estilo {
        font-size: clamp(24px, 7vw, 34px);
        letter-spacing: -1px;
        white-space: normal;
    }
}


/* =========================================================
   DJIK — CORRECCIÓN FINAL DE AVATARES EN TARJETAS SUPERIORES
   Evita solapamientos con títulos, estilos y números.
========================================================= */

@media (min-width: 901px) {

    .camino-card {
        position: relative !important;
        overflow: hidden !important;
        isolation: isolate !important;
    }

    /* Texto y números siempre por encima */
    .camino-card .camino-contenido,
    .camino-card .camino-numero {
        position: relative !important;
        z-index: 10 !important;
    }

    /* Reserva de espacio mayor en títulos largos */
    .camino-tkd .camino-contenido,
    .camino-hapkido .camino-contenido {
        width: 61% !important;
        max-width: 61% !important;
    }

    .camino-kick .camino-contenido,
    .camino-box .camino-contenido {
        width: 66% !important;
        max-width: 66% !important;
    }

    /* Avatar limitado a la parte inferior derecha */
    .camino-card .camino-tigre-marca {
        position: absolute !important;
        z-index: 3 !important;
        right: 0 !important;
        bottom: -10% !important;
        width: 29% !important;
        max-width: 29% !important;
        height: 70% !important;
        object-fit: contain !important;
        object-position: right bottom !important;
        transform-origin: right bottom !important;
        pointer-events: none !important;
    }

    /* Ajustes individuales según pose */
    .camino-tkd .camino-tigre-marca {
        right: -1% !important;
        bottom: -11% !important;
        width: 27% !important;
        max-width: 27% !important;
        height: 67% !important;
    }

    .camino-kick .camino-tigre-marca {
        right: -1% !important;
        bottom: -10% !important;
        width: 28% !important;
        max-width: 28% !important;
        height: 68% !important;
    }

    .camino-hapkido .camino-tigre-marca {
        right: -3% !important;
        bottom: -16% !important;
        width: 31% !important;
        max-width: 31% !important;
        height: 74% !important;
    }

    .camino-box .camino-tigre-marca {
        right: -2% !important;
        bottom: -14% !important;
        width: 31% !important;
        max-width: 31% !important;
        height: 72% !important;
    }

    /* Hover más contenido */
    .camino-card:hover .camino-tigre-marca,
    .camino-card:focus-within .camino-tigre-marca {
        opacity: .94 !important;
        filter:
            grayscale(0)
            saturate(1)
            brightness(1)
            contrast(1)
            drop-shadow(0 10px 20px rgba(0,0,0,.30)) !important;
        transform: translate3d(-2px,-3px,0) scale(1.028) !important;
    }

    /* Números protegidos de los avatares */
    .camino-card .camino-numero {
        position: absolute !important;
        top: 24px !important;
        right: 26px !important;
        z-index: 12 !important;
        min-width: 72px !important;
        white-space: nowrap !important;
        pointer-events: none !important;
    }

    /* Capa oscura protectora entre texto y avatar */
    .camino-card::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 5;
        pointer-events: none;
        background:
            linear-gradient(
                90deg,
                rgba(8,8,8,0) 0%,
                rgba(8,8,8,0) 56%,
                rgba(8,8,8,.16) 72%,
                rgba(8,8,8,.05) 100%
            );
    }
}

@media (min-width: 681px) and (max-width: 900px) {

    .camino-card .camino-contenido {
        width: 62% !important;
        max-width: 62% !important;
    }

    .camino-tkd .camino-contenido,
    .camino-hapkido .camino-contenido {
        width: 58% !important;
        max-width: 58% !important;
    }

    .camino-card .camino-tigre-marca {
        right: -4% !important;
        bottom: -12% !important;
        width: 32% !important;
        max-width: 32% !important;
        height: 64% !important;
    }

    .camino-hapkido .camino-tigre-marca,
    .camino-box .camino-tigre-marca {
        width: 35% !important;
        max-width: 35% !important;
        bottom: -16% !important;
    }

    .camino-card:hover .camino-tigre-marca,
    .camino-card:focus-within .camino-tigre-marca {
        transform: translate3d(-2px,-2px,0) scale(1.02) !important;
    }
}

@media (max-width: 680px) {

    .camino-card .camino-tigre-marca {
        right: -10% !important;
        bottom: -12% !important;
        width: 42% !important;
        max-width: 42% !important;
        height: 42% !important;
        opacity: .05 !important;
    }

    .camino-hapkido .camino-tigre-marca,
    .camino-box .camino-tigre-marca {
        width: 46% !important;
        max-width: 46% !important;
    }

    .camino-card:hover .camino-tigre-marca,
    .camino-card:focus-within .camino-tigre-marca {
        opacity: .14 !important;
        transform: none !important;
    }

    .camino-card .camino-contenido,
    .camino-card .camino-numero {
        position: relative !important;
        z-index: 10 !important;
    }
}


/* =========================================================
   DJIK — CORRECCIÓN DEFINITIVA DE NÚMEROS 01 Y 04
   Reserva una zona exclusiva para que nunca se crucen con el título.
========================================================= */

@media (min-width: 901px) {

    /* Zona fija para el número en todas las tarjetas */
    .camino-card .camino-contenido {
        padding-right: 96px !important;
        box-sizing: border-box !important;
    }

    .camino-card .camino-numero {
        position: absolute !important;
        top: 22px !important;
        right: 22px !important;
        left: auto !important;
        bottom: auto !important;
        z-index: 20 !important;
        display: block !important;
        width: 82px !important;
        min-width: 82px !important;
        max-width: 82px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: .82 !important;
        white-space: nowrap !important;
        text-align: right !important;
        pointer-events: none !important;
    }

    /* Taekwon-Do: más separación entre el título y el 01 */
    .camino-tkd .camino-contenido {
        width: 64% !important;
        max-width: 64% !important;
        padding-right: 118px !important;
    }

    .camino-tkd .camino-titulo-uniforme {
        max-width: calc(100% - 8px) !important;
    }

    .camino-tkd .camino-titulo-uniforme .camino-nombre {
        font-size: clamp(44px, 4.2vw, 68px) !important;
    }

    .camino-tkd .camino-titulo-uniforme .camino-estilo {
        font-size: clamp(28px, 2.6vw, 42px) !important;
    }

    .camino-tkd .camino-numero {
        top: 20px !important;
        right: 20px !important;
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
    }

    /* Box Training: reservar más espacio al 04 */
    .camino-box .camino-contenido {
        width: 62% !important;
        max-width: 62% !important;
        padding-right: 108px !important;
    }

    .camino-box .camino-titulo-uniforme {
        max-width: calc(100% - 6px) !important;
    }

    .camino-box .camino-titulo-uniforme .camino-nombre {
        font-size: clamp(44px, 4.2vw, 68px) !important;
        line-height: .92 !important;
        white-space: normal !important;
    }

    .camino-box .camino-numero {
        top: 20px !important;
        right: 20px !important;
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
    }

    /* Kickboxing y Hapkido también conservan su zona de número */
    .camino-kick .camino-contenido,
    .camino-hapkido .camino-contenido {
        padding-right: 96px !important;
    }
}

@media (min-width: 681px) and (max-width: 900px) {

    .camino-card .camino-contenido {
        padding-right: 84px !important;
    }

    .camino-card .camino-numero {
        top: 18px !important;
        right: 18px !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
    }

    .camino-tkd .camino-contenido,
    .camino-box .camino-contenido {
        width: 60% !important;
        max-width: 60% !important;
        padding-right: 94px !important;
    }
}

@media (max-width: 680px) {

    .camino-card .camino-contenido {
        padding-right: 0 !important;
        padding-top: 60px !important;
    }

    .camino-card .camino-numero {
        position: absolute !important;
        top: 16px !important;
        right: 16px !important;
        z-index: 20 !important;
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        text-align: right !important;
    }
}


/* =========================================================
   DJIK — AJUSTE DE POSICIÓN DE LA PALABRA DE FONDO
   Se desplaza hacia la izquierda sin cambiar tamaño ni opacidad.
========================================================= */

.valores-djik::after {
    left: 59% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}

@media (max-width: 1000px) {
    .valores-djik::after {
        left: 58% !important;
    }
}

@media (max-width: 680px) {
    .valores-djik::after {
        left: 54% !important;
    }
}


/* =========================================================
   SIGNIFICADO DE JI IN KANG
========================================================= */

.significado-djik {
    position: relative;
    overflow: hidden;
    padding: 120px 0;
    background:
        radial-gradient(circle at 77% 46%, rgba(230,177,28,.09), transparent 28%),
        linear-gradient(180deg, #08090b 0%, #0b0d10 100%);
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.significado-djik-fondo {
    position: absolute;
    top: 4%;
    left: 2.8vw;
    z-index: 0;
    color: rgba(255,255,255,.035);
    font-size: clamp(95px, 13vw, 205px);
    font-weight: 900;
    line-height: .82;
    letter-spacing: -10px;
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
}

.significado-djik-contenido {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .86fr 1.14fr;
    gap: 90px;
    align-items: start;
}

.significado-djik-cabecera h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(46px, 5.8vw, 82px);
    font-weight: 900;
    line-height: .92;
    letter-spacing: -4px;
    text-transform: uppercase;
}

.significado-djik-cabecera h2 span {
    display: block;
    color: var(--amarillo, #e6b11c);
}

.significado-djik-mensaje {
    padding-top: 8px;
}

.significado-djik-nombre {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 34px;
}

.significado-djik-nombre span {
    color: #fff;
    font-size: clamp(28px, 3.5vw, 48px);
    font-weight: 900;
    letter-spacing: 2px;
}

.significado-djik-nombre i {
    width: 32px;
    height: 2px;
    background: var(--amarillo, #e6b11c);
    opacity: .8;
}

.significado-djik blockquote {
    margin: 0 0 26px;
    padding: 0 0 0 24px;
    border-left: 3px solid var(--amarillo, #e6b11c);
    color: #fff;
    font-size: clamp(24px, 2.6vw, 38px);
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -1px;
}

.significado-djik-mensaje p {
    max-width: 760px;
    margin: 0 0 15px;
    color: rgba(255,255,255,.66);
    font-size: 17px;
    line-height: 1.8;
}

@media (max-width: 900px) {
    .significado-djik {
        padding: 92px 0;
    }

    .significado-djik-contenido {
        grid-template-columns: 1fr;
        gap: 46px;
    }

    .significado-djik-fondo {
        top: 5%;
        left: 3vw;
        font-size: clamp(74px, 17vw, 140px);
        letter-spacing: -7px;
    }
}

@media (max-width: 620px) {
    .significado-djik {
        padding: 78px 0;
    }

    .significado-djik-fondo {
        top: 4%;
        left: 4vw;
        font-size: clamp(54px, 19vw, 92px);
        letter-spacing: -5px;
    }

    .significado-djik-cabecera h2 {
        font-size: clamp(40px, 12vw, 58px);
        letter-spacing: -2px;
    }

    .significado-djik-nombre {
        gap: 10px;
        flex-wrap: wrap;
    }

    .significado-djik-nombre i {
        width: 20px;
    }

    .significado-djik blockquote {
        font-size: 23px;
    }
}


/* =========================================================
   JI IN KANG — COREANO Y SIGNIFICADO BREVE
========================================================= */

.significado-djik-coreano {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: -8px 0 28px;
}

.significado-djik-coreano article {
    min-height: 88px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
    background: rgba(255,255,255,.025);
}

.significado-djik-coreano strong {
    color: var(--amarillo, #e6b11c);
    font-family: "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
    font-size: 40px;
    line-height: 1;
}

.significado-djik-coreano div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.significado-djik-coreano span {
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1px;
}

.significado-djik-coreano small {
    color: rgba(255,255,255,.58);
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 720px) {
    .significado-djik-coreano {
        grid-template-columns: 1fr;
        gap: 9px;
        margin-bottom: 24px;
    }

    .significado-djik-coreano article {
        min-height: 72px;
    }

    .significado-djik-coreano strong {
        font-size: 34px;
    }
}


/* =========================================================
   FOOTER GLOBAL DJIK
========================================================= */
.djik-footer{
  position:relative;
  background:
    radial-gradient(circle at 12% 0%,rgba(242,210,28,.07),transparent 30%),
    #050505;
  border-top:1px solid rgba(255,255,255,.08);
  color:#fff;
  overflow:hidden;
}

.djik-footer::before{
  content:"DJIK";
  position:absolute;
  right:-1vw;
  bottom:-2vw;
  color:rgba(255,255,255,.025);
  font-size:clamp(120px,18vw,280px);
  font-weight:900;
  line-height:.75;
  letter-spacing:-12px;
  pointer-events:none;
}

.djik-footer__inner{
  position:relative;
  z-index:1;
  width:min(1240px,calc(100% - 40px));
  margin:auto;
  padding:72px 0 28px;
}

.djik-footer__brand{
  display:flex;
  align-items:center;
  gap:22px;
  padding-bottom:40px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.djik-footer__logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:92px;
  height:70px;
  flex:0 0 auto;
}

.djik-footer__logo img{
  display:block;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

.djik-footer__brand h2{
  margin:0;
  font-size:clamp(24px,2.4vw,38px);
  line-height:1;
  text-transform:uppercase;
  letter-spacing:-1.5px;
}

.djik-footer__brand p{
  margin:9px 0 0;
  color:rgba(255,255,255,.58);
  font-size:14px;
}

.djik-footer__columns{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr;
  gap:54px;
  padding:48px 0;
}

.djik-footer__column{
  display:flex;
  flex-direction:column;
  gap:11px;
  min-width:0;
}

.djik-footer__title{
  margin-bottom:7px;
  color:#f2d21c;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.8px;
  text-transform:uppercase;
}

.djik-footer__column a{
  width:fit-content;
  max-width:100%;
  color:rgba(255,255,255,.68);
  font-size:14px;
  line-height:1.5;
  overflow-wrap:anywhere;
  transition:color .22s ease,transform .22s ease;
}

.djik-footer__column a:hover{
  color:#fff;
  transform:translateX(3px);
}

.djik-footer__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.08);
}

.djik-footer__bottom p{
  margin:0;
  color:rgba(255,255,255,.42);
  font-size:12px;
}

.djik-footer__whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  background:#f2d21c;
  color:#161200!important;
  font-size:10px;
  font-weight:900;
  letter-spacing:.7px;
  text-transform:uppercase;
  white-space:nowrap;
}

@media(max-width:900px){
  .djik-footer__columns{
    grid-template-columns:1fr 1fr;
  }

  .djik-footer__column:first-child{
    grid-column:1/-1;
  }
}

@media(max-width:620px){
  .djik-footer__inner{
    width:min(100% - 28px,1240px);
    padding-top:56px;
  }

  .djik-footer__brand{
    align-items:flex-start;
  }

  .djik-footer__logo{
    width:72px;
    height:58px;
  }

  .djik-footer__columns{
    grid-template-columns:1fr;
    gap:34px;
    padding:40px 0;
  }

  .djik-footer__column:first-child{
    grid-column:auto;
  }

  .djik-footer__bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* =========================================================
   CTA GLOBAL CLASE DE PRUEBA
========================================================= */
.djik-cta-prueba,
.djik-cta-prueba:link,
.djik-cta-prueba:visited,
.djik-cta-prueba:hover,
.djik-cta-prueba:active {
  color: #fff !important;
  text-decoration: none !important;
}

.djik-cta-prueba {
  border-color: transparent !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.djik-cta-prueba:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
}


/* =========================================================
   CORRECCIÓN GLOBAL — BOTÓN WHATSAPP DEL FOOTER
   Evita subrayados, líneas inferiores y pseudoelementos
   heredados de los estilos particulares de cada página.
========================================================= */
.djik-footer .djik-footer__whatsapp,
.djik-footer .djik-footer__whatsapp:link,
.djik-footer .djik-footer__whatsapp:visited,
.djik-footer .djik-footer__whatsapp:hover,
.djik-footer .djik-footer__whatsapp:focus,
.djik-footer .djik-footer__whatsapp:active {
  color: #161200 !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  outline-offset: 3px;
}

.djik-footer .djik-footer__whatsapp::before,
.djik-footer .djik-footer__whatsapp::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.djik-footer__bottom a {
  text-decoration: none !important;
  border-bottom: 0 !important;
  background-image: none !important;
}