/* Teachers / Deck de Lovable: estilos exclusivos de Profesores. */
.empresas-b6 {
    --b6-ink: oklch(18% .035 258);
    --b6-blue: oklch(55% .19 256);
    --b6-sky: oklch(78% .12 232);
    --b6-mint: oklch(95% .04 170);
    --b6-gold: oklch(83% .15 85);
    --b6-white: oklch(99% 0 0);
    padding: 40px 20px;
    background: #fff;
    color: var(--b6-ink);
    font-family: "ALA Empresas Inter", ui-sans-serif, system-ui, sans-serif;
    line-height: 1.5;
    scroll-margin-top: 112px;
}
.empresas-b6 :is(h2,h3,p,figure) { margin: 0; }
.empresas-b6 img { display: block; max-width: 100%; }
.empresas-b6 svg { display: block; flex-shrink: 0; }
.empresas-b6__container { max-width: 1280px; margin: 0 auto; }
.empresas-b6__intro { max-width: 768px; }
.empresas-b6 .empresas-b6__display { font-family: "ALA Empresas Archivo Black", ui-sans-serif, system-ui, sans-serif; font-weight: 400; letter-spacing: -.025em; line-height: .92; overflow-wrap: anywhere; hyphens: auto; }
.empresas-b6__eyebrow { display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; padding: 6px 14px; background: var(--b6-blue); color: #fff; font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.empresas-b6 h2.empresas-b6__display { margin-top: 16px; font-size: 36px; }
.empresas-b6 h2 em { color: var(--b6-blue); }
.empresas-b6__intro > p { margin-top: 16px; color: color-mix(in oklch, var(--b6-ink) 70%, transparent); }
.empresas-b6__gallery { position: relative; margin: 32px -20px 0; }
.empresas-b6__toolbar { display: flex; justify-content: flex-end; padding: 0 24px 8px; }
.empresas-b6 .empresas-b6__pause { border: 1px solid var(--b6-ink); border-radius: 999px; padding: 5px 12px; background: #fff; color: var(--b6-ink); font: inherit; font-size: 12px; font-weight: 700; line-height: 1.5; cursor: pointer; }
.empresas-b6__viewport { position: relative; overflow: hidden; scrollbar-width: thin; padding-bottom: 40px; overscroll-behavior-x: contain; }
.empresas-b6[data-profesores-paused="true"] .empresas-b6__viewport, .empresas-b6__viewport:focus-within { overflow-x: auto; }
.empresas-b6__viewport::before, .empresas-b6__viewport::after { content: ""; position: absolute; inset-block: 0; width: 64px; z-index: 10; pointer-events: none; }
.empresas-b6__viewport::before { left: 0; background: linear-gradient(to right,#fff,transparent); }
.empresas-b6__viewport::after { right: 0; background: linear-gradient(to left,#fff,transparent); }
.empresas-b6__track { display: flex; width: max-content; gap: 24px; padding: 12px 24px 0; animation: empresas-b6-marquee 55s linear infinite; animation-play-state: paused; }
.empresas-b6[data-profesores-started="true"] .empresas-b6__track { animation-play-state: running; }
.empresas-b6[data-profesores-paused="true"] .empresas-b6__track,
.empresas-b6__viewport:focus-within .empresas-b6__track { animation-play-state: paused; }
@media (hover:hover) { .empresas-b6__viewport:hover .empresas-b6__track { animation-play-state: paused; } }
.empresas-b6__group { display: flex; gap: 24px; }
.empresas-b6__teacher { position: relative; width: 176px; flex-shrink: 0; }
.empresas-b6__teacher--offset { transform: translateY(24px); }
.empresas-b6__photo { overflow: hidden; border-radius: 28px; border: 2px solid var(--b6-ink); background: #fff; box-shadow: 6px 6px 0 var(--b6-blue); }
.empresas-b6__photo img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.empresas-b6 img.empresas-b6__flag { position: absolute; top: -8px; right: -8px; width: 44px; height: 44px; object-fit: cover; border: 2px solid var(--b6-ink); border-radius: 999px; background: #fff; box-shadow: 3px 3px 0 var(--b6-ink); }
.empresas-b6 figcaption { position: absolute; left: 12px; right: 12px; bottom: 12px; border-radius: 16px; background: color-mix(in oklch, var(--b6-ink) 85%, transparent); padding: 8px 12px; color: var(--b6-white); backdrop-filter: blur(8px); }
.empresas-b6 figcaption .empresas-b6__display { font-size: 16px; line-height: 1; }
.empresas-b6__caption { margin-top: 4px; color: color-mix(in oklch,var(--b6-white) 70%,transparent); font-size: 11px; font-weight: 700; }
.empresas-b6__deck { --b6-card-height: 260px; --b6-total: 96px; position: relative; isolation: isolate; margin-top: 40px; }
.empresas-b6__deck-item { position: sticky; top: 112px; height: calc(var(--b6-card-height) + var(--b6-total)); }
.empresas-b6__deck-motion { transform: translateY(var(--b6-mobile-offset)); }
.empresas-b6__deck-content { display: grid; min-height: var(--b6-card-height); }
.empresas-b6__deck-spacer { position: relative; margin-top: calc(24px - var(--b6-total)); }
.empresas-b6__attribute { display: grid; height: 100%; align-content: center; gap: 12px; border: 2px solid var(--b6-ink); border-radius: 32px; background: #fff; color: var(--b6-ink); padding: 12px 24px; box-shadow: 0 24px 60px -30px var(--b6-ink); }
.empresas-b6__attribute--award, .empresas-b6__attribute--method { background: var(--b6-mint); }
.empresas-b6__attribute--coaches { background: var(--b6-sky); }
.empresas-b6__attribute--tefl { background: var(--b6-blue); color: var(--b6-white); }
.empresas-b6__attribute--motivation { background: var(--b6-gold); }
.empresas-b6__metric { display: flex; min-width: 0; align-items: center; gap: 16px; }
.empresas-b6__metric > div { min-width: 0; }
.empresas-b6__metric--award { gap: 12px; }
.empresas-b6__kpi { font-size: 30px; line-height: 1 !important; }
.empresas-b6__metric--award .empresas-b6__kpi { font-size: 36px; }
.empresas-b6__kpi-label { margin-top: 6px; font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: color-mix(in oklch,var(--b6-ink) 55%,transparent); }
.empresas-b6__attribute--tefl .empresas-b6__kpi-label { color: color-mix(in oklch,var(--b6-white) 70%,transparent); }
.empresas-b6__icon { display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; border: 2px solid var(--b6-ink); border-radius: 16px; background: #fff; color: var(--b6-ink); }
.empresas-b6__icon svg { width: 24px; height: 24px; }
.empresas-b6 .empresas-b6__trophy { width: 64px; height: 64px; color: var(--b6-gold); filter: drop-shadow(2px 2px 0 var(--b6-ink)); }
.empresas-b6__attribute-copy { min-width: 0; border-top: 2px solid color-mix(in oklch,var(--b6-ink) 10%,transparent); padding-top: 20px; }
.empresas-b6 h3.empresas-b6__display { font-size: 24px; }
.empresas-b6__attribute-copy > p { margin-top: 12px; font-size: 14px; color: color-mix(in oklch,var(--b6-ink) 75%,transparent); }
.empresas-b6__attribute--tefl .empresas-b6__attribute-copy { border-color: color-mix(in oklch,var(--b6-white) 20%,transparent); }
.empresas-b6__attribute--tefl .empresas-b6__attribute-copy > p { color: color-mix(in oklch,var(--b6-white) 85%,transparent); }
.empresas-b6__deck.is-measuring .empresas-b6__deck-content { min-height: 0; }
.empresas-b6__deck.is-measuring .empresas-b6__attribute { height: auto; }
.empresas-b6__deck[data-profesores-flow="true"] .empresas-b6__deck-item { position: static; height: auto; margin-bottom: 24px; }
.empresas-b6__deck[data-profesores-flow="true"] .empresas-b6__deck-motion { transform: none; }
.empresas-b6__deck[data-profesores-flow="true"] .empresas-b6__deck-spacer { display: none; }
.empresas-b6 :is(button,[tabindex]):focus-visible { outline: 3px solid var(--b6-blue); outline-offset: 4px; }
@keyframes empresas-b6-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (min-width:640px) {
    .empresas-b6 { padding: 64px 32px; }
    .empresas-b6 h2.empresas-b6__display { font-size: 60px; }
    .empresas-b6__gallery { margin: 48px -32px 0; }
    .empresas-b6__teacher { width: 208px; }
    .empresas-b6__deck { --b6-total: 132px; }
    .empresas-b6__deck-motion { transform: translateY(var(--b6-offset)); }
    .empresas-b6__attribute { grid-template-columns: minmax(0,150px) minmax(0,1fr); align-items: center; gap: 24px; padding: 16px 32px; }
    .empresas-b6__metric:not(.empresas-b6__metric--award) { display: block; }
    .empresas-b6__metric-copy { margin-top: 12px; }
    .empresas-b6__kpi, .empresas-b6__metric--award .empresas-b6__kpi { font-size: 48px; }
    .empresas-b6 .empresas-b6__trophy { width: 80px; height: 80px; }
    .empresas-b6__attribute-copy { border-top: 0; border-left: 2px solid color-mix(in oklch,var(--b6-ink) 10%,transparent); padding-top: 0; padding-left: 24px; }
    .empresas-b6 h3.empresas-b6__display { font-size: 30px; }
    .empresas-b6__attribute-copy > p { font-size: 16px; }
}
@media (min-width:1024px) { .empresas-b6 { padding-inline: 56px; } .empresas-b6__gallery { margin-inline: -56px; } }
@media (prefers-reduced-motion:reduce) {
    .empresas-b6__viewport { overflow-x: auto; }
    .empresas-b6__track { animation: none; transform: none; }
    .empresas-b6__group[aria-hidden="true"] { display: none; }
    .empresas-b6__deck-item { position: static; height: auto; margin-bottom: 24px; }
    .empresas-b6__deck-motion { transform: none; }
    .empresas-b6__deck-spacer { display: none; }
}
