/* ============================================================
   CS TUCUMAN · FOOTER V31.2
   Sólo cambia el diseño del footer.
   Colores originales: negro + blanco + naranja.
   ============================================================ */

.cst312-footer{
 margin-top:80px;
 border-top:1px solid #111;
 background:#000;
 color:#fff;
 font-family:Inter,Arial,sans-serif;
}

.cst312-footer-main{
 width:min(1180px,calc(100% - 30px));
 margin:0 auto;
 padding:72px 0 58px;
 display:flex;
 align-items:center;
 flex-direction:column;
 text-align:center;
}

/* LOGO GRANDE AL MEDIO */
.cst312-footer-brand{
 display:flex;
 align-items:center;
 flex-direction:column;
 color:#fff;
 text-decoration:none;
}
.cst312-footer-brand img{
 width:112px;
 height:112px;
 object-fit:contain;
 filter:drop-shadow(0 0 28px rgba(255,122,0,.14));
}
.cst312-footer-brand .eyebrow{
 display:block;
 margin-top:16px;
 color:#616161;
 font-size:8px;
 font-weight:900;
 letter-spacing:3px;
}
.cst312-footer-brand h2{
 margin:8px 0 4px;
 color:#fff!important;
 font:900 clamp(34px,4vw,52px)/1 Inter,Arial,sans-serif!important;
 letter-spacing:-1.6px;
}
.cst312-footer-brand p{
 margin:0;
 color:#6d6d6d;
 font-size:11px;
}

/* SERVIDOR EN EL CENTRO */
.cst312-footer-live{
 margin-top:28px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:9px;
 flex-wrap:wrap;
}
.cst312-footer-live .status{
 min-height:38px;
 padding:0 11px;
 display:flex;
 align-items:center;
 gap:7px;
 border:1px solid #1d2c23;
 border-radius:9px;
 background:#030704;
 color:#dcdcdc;
 font-size:7px;
 font-weight:900;
}
.cst312-footer-live .status i{
 width:7px;
 height:7px;
 border-radius:50%;
 background:#31d47d;
 box-shadow:0 0 10px rgba(49,212,125,.36);
}
.cst312-footer-live code{
 min-height:38px;
 padding:0 12px;
 display:flex;
 align-items:center;
 border:1px solid #1b1b1b;
 border-radius:9px;
 background:#030303;
 color:#777;
 font-size:8px;
}
.cst312-footer-live>a{
 min-height:38px;
 padding:0 13px;
 display:flex;
 align-items:center;
 gap:6px;
 border-radius:9px;
 background:#ff7a00;
 color:#050505;
 text-decoration:none;
 font-size:7px;
 font-weight:900;
}
.cst312-footer-live>a:hover{
 background:#ff8a20;
}

/* LINKS PRINCIPALES GRANDES Y CENTRADOS */
.cst312-footer-links{
 margin-top:34px;
 padding-top:27px;
 width:100%;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:23px;
 flex-wrap:wrap;
 border-top:1px solid #111;
}
.cst312-footer-links a{
 position:relative;
 color:#e7e7e7;
 text-decoration:none;
 font-size:10px;
 font-weight:800;
}
.cst312-footer-links a:hover{
 color:#ff8a24;
}
.cst312-footer-links a:after{
 content:"";
 position:absolute;
 left:50%;
 bottom:-7px;
 width:0;
 height:2px;
 transform:translateX(-50%);
 border-radius:999px;
 background:#ff7a00;
 transition:width .14s ease;
}
.cst312-footer-links a:hover:after{
 width:18px;
}

/* LINKS SECUNDARIOS */
.cst312-footer-secondary{
 margin-top:22px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:17px;
 flex-wrap:wrap;
}
.cst312-footer-secondary a{
 color:#555;
 text-decoration:none;
 font-size:7px;
}
.cst312-footer-secondary a:hover{
 color:#aaa;
}

/* REDES AL MEDIO */
.cst312-footer-social{
 margin-top:29px;
 display:flex;
 justify-content:center;
 gap:8px;
}
.cst312-footer-social a{
 width:42px;
 height:42px;
 display:grid;
 place-items:center;
 border:1px solid #191919;
 border-radius:10px;
 background:#030303;
 color:#777;
 font-size:19px;
}
.cst312-footer-social a:hover{
 border-color:#3b2717;
 color:#ff8a24;
 background:#060402;
}

/* BOTTOM MUY LIMPIO */
.cst312-footer-bottom{
 width:min(1180px,calc(100% - 30px));
 margin:0 auto;
 padding:18px 0 22px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:20px;
 border-top:1px solid #101010;
 color:#454545;
 font-size:7px;
}
.cst312-footer-bottom b{
 color:#5b5b5b;
 font-weight:700;
}

/* ANULA ESTILOS ESPECIALES DEL FOOTER DE HOME V31.1 */
.cst310-body .cst312-footer{
 background:#000!important;
 border-top-color:#111!important;
}
.cst310-body .cst312-footer-main,
.cst310-body .cst312-footer-bottom{
 border-color:#111!important;
}

/* móvil */
@media(max-width:700px){
 .cst312-footer-main{
  padding:58px 0 45px;
 }
 .cst312-footer-brand img{
  width:94px;
  height:94px;
 }
 .cst312-footer-brand h2{
  font-size:36px!important;
 }
 .cst312-footer-links{
  gap:16px;
 }
 .cst312-footer-links a{
  font-size:9px;
 }
 .cst312-footer-bottom{
  align-items:center;
  flex-direction:column;
  gap:7px;
  text-align:center;
 }
}