/* Estilo 3D de Team Rivas Osorno: mismo relieve que la OTEC (botones con base, tarjetas con borde y profundidad,
   títulos con volumen), con los colores propios del club: negro, naranjo y dorado. */
:root{--tr-gold:#d9a93a;--tr-gold2:#f2cf6b;--tr-edge:rgba(217,169,58,.85)}
h1,h2{text-shadow:0 1px 0 rgba(255,240,214,.35),0 2px 0 rgba(217,169,58,.55),0 8px 16px rgba(0,0,0,.65)!important}
h1 span{text-shadow:0 1px 0 rgba(255,255,255,.3),0 3px 0 rgba(160,70,10,.9),0 10px 18px rgba(255,120,40,.35)!important}
h3,.eyebrow,.tagline,figcaption{text-shadow:0 2px 0 rgba(0,0,0,.55),0 5px 10px rgba(0,0,0,.45)}
/* Botones con relieve y base */
.button,.btn:not(.ghost),.instagram-shortcut,.free-class-shortcut,.torneo-shortcut,.event .ghost,.event .gold{
  box-shadow:inset 0 2px 0 rgba(255,255,255,.38),inset 0 -3px 0 rgba(0,0,0,.2),0 4px 0 rgba(0,0,0,.5),0 5px 0 var(--tr-edge),0 12px 22px rgba(0,0,0,.5)!important;
  transition:transform .12s ease,box-shadow .12s ease,filter .12s ease!important}
.button:hover,.btn:not(.ghost):hover,.instagram-shortcut:hover,.free-class-shortcut:hover,.torneo-shortcut:hover,.event .ghost:hover{transform:translateY(-2px);filter:brightness(1.07)}
.button:active,.btn:not(.ghost):active,.instagram-shortcut:active,.free-class-shortcut:active,.torneo-shortcut:active,.event .ghost:active{transform:translateY(4px);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 1px 0 rgba(0,0,0,.5),0 2px 0 var(--tr-edge),0 4px 8px rgba(0,0,0,.5)!important}
/* Tarjetas con borde dorado y profundidad */
.discipline,.booking,.event,.card,.ev-card,.club-identity img,.event img{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 4px 0 rgba(0,0,0,.55),0 5px 0 rgba(217,169,58,.5),0 14px 26px rgba(0,0,0,.55)!important;
  border-color:rgba(217,169,58,.55)!important;transition:transform .15s ease,box-shadow .15s ease}
.discipline:hover,.discipline:focus,.card:hover{transform:translateY(-3px)}
/* Encabezado con borde dorado */
header,header.top{box-shadow:inset 0 -3px 0 #c9a24a,0 10px 24px rgba(0,0,0,.55)!important}
/* Logos con aro dorado y volumen (los redondos giran como el de la OTEC) */
header .brand img,header.top img{box-shadow:0 0 0 3px #1b1710,0 0 0 5px #d4a537,0 10px 20px rgba(0,0,0,.6)!important;border-radius:50%}
.hero-art{box-shadow:0 0 0 4px #1b1710,0 0 0 7px #d4a537,0 18px 36px rgba(0,0,0,.65),0 0 70px rgba(255,133,57,.18)!important}
/* Campos con hundido suave */
input,select,textarea{box-shadow:inset 0 2px 5px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.07)!important}
input:focus,select:focus,textarea:focus{border-color:#d4a537!important;box-shadow:0 0 0 3px rgba(212,165,55,.3)!important;outline:none}
video{box-shadow:0 5px 0 rgba(0,0,0,.55),0 6px 0 rgba(217,169,58,.6),0 16px 28px rgba(0,0,0,.55)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.club-identity img,.logo-feature img,img[src*="emblema"],img[src*="logo"]{border-radius:50%!important;background:transparent!important;object-fit:cover}

/* Letras 3D en dorado: titulos y textos destacados */
h1,h2,.brand strong,.logo-feature figcaption,.event h2{color:#f6d77a !important;font-weight:900 !important;
text-shadow:0 1px 0 #d9a93a,0 2px 0 #c8892a,0 3px 0 #b36a1e,0 4px 0 #8f4f16,0 5px 0 #6e3a10,0 8px 14px rgba(0,0,0,.65) !important}
h1 span{color:#ffa256 !important;text-shadow:0 1px 0 #ff7a2a,0 2px 0 #e0561a,0 3px 0 #b8400f,0 4px 0 #8f2f0a,0 5px 0 #6a2207,0 9px 16px rgba(0,0,0,.7) !important}
.eyebrow,.tagline{text-shadow:0 1px 0 #7a3e0e,0 2px 0 #5a2c08,0 4px 6px rgba(0,0,0,.6) !important;font-weight:900 !important}
.tagline{color:#ffd98a !important}
h3{text-shadow:0 1px 0 #8f4f16,0 2px 0 #6e3a10,0 4px 6px rgba(0,0,0,.55) !important}

/* Tarjetas de disciplinas con imagen */
.discipline{overflow:hidden;padding:0 0 14px !important;text-align:center !important;font-weight:800;box-shadow:0 5px 0 rgba(0,0,0,.45),0 10px 18px rgba(0,0,0,.4);transition:transform .12s,box-shadow .12s}
.discipline:hover{transform:translateY(-3px)}
.discipline small{margin:10px 0 4px !important}
.disc-img{height:120px;margin-bottom:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#ffb04a,#c4521a 55%,#4a1a08);background-size:cover;background-position:center}
.disc-emoji{font-size:58px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.45)) drop-shadow(0 8px 10px rgba(0,0,0,.5))}
.disc-img.foto .disc-emoji{display:none}

/* Fuego en las letras */
@keyframes trFuego{0%,100%{text-shadow:0 1px 0 #d9a93a,0 2px 0 #c8892a,0 3px 0 #b36a1e,0 4px 0 #8f4f16,0 -2px 6px #ffe27a,0 -6px 12px #ff9a1f,0 -11px 20px #ff5a14,0 -16px 28px #d6240b}
50%{text-shadow:0 1px 0 #d9a93a,0 2px 0 #c8892a,0 3px 0 #b36a1e,0 4px 0 #8f4f16,0 -3px 8px #fff0a0,0 -9px 16px #ffb02e,0 -15px 26px #ff6a1a,0 -22px 36px #e02c0c}}
h1,h1 span,.logo-feature figcaption,.brand strong,main h2{animation:trFuego 1.6s ease-in-out infinite}
h1 span::after,.logo-feature figcaption::before,.logo-feature figcaption::after,main h2::before{content:"🔥";display:inline-block;font-size:.8em;margin:0 .15em;text-shadow:none !important;animation:trLlama 1s ease-in-out infinite alternate}
h1 span::after{margin-left:.2em}
@keyframes trLlama{from{transform:scale(1) rotate(-4deg)}to{transform:scale(1.18) rotate(4deg) translateY(-2px)}}
dialog h2::before{content:none}
@media (prefers-reduced-motion:reduce){h1,h1 span,.logo-feature figcaption,.brand strong,main h2,h1 span::after,.logo-feature figcaption::before,.logo-feature figcaption::after,main h2::before{animation:none}}

/* Llamas de los Tigres de Fuego en toda la pagina */
body::before,body::after{content:"";position:fixed;left:0;right:0;bottom:0;pointer-events:none;transform-origin:50% 100%}
body::before{height:120px;z-index:2;opacity:.5;mix-blend-mode:screen;background:radial-gradient(ellipse 34px 100px at 20px 120px,#ffe27a 0,#ff8a1f 45%,transparent 74%) 0 0/64px 120px repeat-x,radial-gradient(ellipse 26px 80px at 52px 120px,#ff5a14 0,#d6240b 50%,transparent 76%) 0 0/64px 120px repeat-x;animation:trArde 1.3s ease-in-out infinite alternate}
body::after{height:90px;z-index:2;opacity:.45;mix-blend-mode:screen;background:radial-gradient(ellipse 28px 78px at 36px 90px,#ffd54a 0,#ff6a1a 48%,transparent 75%) 0 0/72px 90px repeat-x;animation:trArde 0.9s ease-in-out infinite alternate-reverse}
@keyframes trArde{from{transform:scaleY(.75) translateX(-6px)}to{transform:scaleY(1.2) translateX(6px)}}
@media (prefers-reduced-motion:reduce){body::before,body::after{animation:none}}
.disc-emoji{display:block;width:100%;height:112px;font-size:0}
.disc-emoji svg{width:100%;height:112px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.45))}