/* ==========================================================================
   ENTRETENIMIENTO TOLIMA · IDENTIDAD CORPORATIVA v12.0
   Paleta extraída del banner corporativo suministrado por el cliente.

   PRIMARIO      #062B8F  Azul corporativo
   PRIMARIO OSC. #03185F  Azul profundo
   SECUNDARIO    #F6A30A  Naranja
   ACENTO        #F0147A  Magenta
   ROJO MARCA    #E31B23  Rojo
   TINTA         #071B49  Azul tinta
   ========================================================================== */

:root{
  --et-corp-primary:#062B8F;
  --et-corp-primary-dark:#03185F;
  --et-corp-primary-deep:#021341;
  --et-corp-primary-light:#0C55C7;
  --et-corp-orange:#F6A30A;
  --et-corp-orange-soft:#FFBD20;
  --et-corp-magenta:#F0147A;
  --et-corp-red:#E31B23;
  --et-corp-ink:#071B49;
  --et-corp-muted:#62708A;
  --et-corp-pale:#F4F7FF;
}

/* ==========================================================================
   HEADER / MASTHEAD
   ========================================================================== */

header,
.et-public-header,
.et-site-header,
.site-header,
.public-header{
  --et-primary:var(--et-corp-primary);
  --et-accent:var(--et-corp-magenta);
  --et-gold:var(--et-corp-orange);
}

/* Logotipo: azul corporativo + magenta/rojo de marca */
header h1,
header .et-brand,
header .et-logo,
header .et-masthead-logo,
.et-public-header .et-brand,
.et-public-header .et-logo{
  color:var(--et-corp-primary-dark) !important;
}

header h1 strong,
header .et-brand strong,
header .et-logo strong,
header .et-masthead-logo strong,
.et-public-header .et-brand strong,
.et-public-header .et-logo strong{
  color:var(--et-corp-magenta) !important;
}

/* Líneas finas del logo */
header h1 strong::before,
header h1 strong::after,
header .et-brand strong::before,
header .et-brand strong::after,
header .et-logo strong::before,
header .et-logo strong::after,
header .et-masthead-logo strong::before,
header .et-masthead-logo strong::after{
  background:linear-gradient(
    90deg,
    transparent,
    var(--et-corp-orange),
    transparent
  ) !important;
}

/* Lema de marca debajo del logotipo */
header small,
header .et-brand-tagline,
header .et-tagline,
header .et-masthead-tagline,
header [class*="tagline"],
header [class*="slogan"]{
  color:#65728C !important;
  letter-spacing:.28em !important;
}

/* Metadata fecha / ubicación: conserva sobriedad con acento naranja */
header [class*="date"],
header [class*="location"],
header [class*="meta"]{
  color:#53627E;
}

header [class*="meta"]::before,
header [class*="date"]::before{
  border-color:var(--et-corp-orange) !important;
  background-color:var(--et-corp-orange) !important;
}

/* CTA pauta: contorno azul, hover naranja/azul */
header a[href*="pautar"]{
  color:var(--et-corp-primary) !important;
  border-color:rgba(6,43,143,.52) !important;
  background:#fff !important;
  box-shadow:none !important;
}

header a[href*="pautar"]:hover{
  color:#fff !important;
  border-color:var(--et-corp-primary) !important;
  background:var(--et-corp-primary) !important;
}

/* CTA ingreso/panel: azul corporativo sólido */
header a[href*="login"],
header a[href*="/admin"],
header a[href*="panel"]{
  color:#fff !important;
  border-color:var(--et-corp-primary) !important;
  background:linear-gradient(
    135deg,
    var(--et-corp-primary-light),
    var(--et-corp-primary)
  ) !important;
  box-shadow:0 12px 28px rgba(6,43,143,.16) !important;
}

header a[href*="login"]:hover,
header a[href*="/admin"]:hover,
header a[href*="panel"]:hover{
  background:linear-gradient(
    135deg,
    var(--et-corp-primary),
    var(--et-corp-primary-dark)
  ) !important;
}

/* ==========================================================================
   NAVEGACIÓN PRINCIPAL
   ========================================================================== */

header nav,
.et-public-nav,
.et-main-nav,
.site-nav,
.public-nav{
  border-color:rgba(6,43,143,.11) !important;
}

header nav a,
.et-public-nav a,
.et-main-nav a,
.site-nav a,
.public-nav a{
  color:#0A1835 !important;
}

/* Activo: magenta + subrayado bicolor corporativo */
header nav a[aria-current="page"],
header nav a.active,
header nav a.is-active,
.et-public-nav a[aria-current="page"],
.et-public-nav a.active,
.et-main-nav a[aria-current="page"],
.et-main-nav a.active{
  color:var(--et-corp-magenta) !important;
}

header nav a[aria-current="page"]::after,
header nav a.active::after,
header nav a.is-active::after,
.et-public-nav a[aria-current="page"]::after,
.et-public-nav a.active::after,
.et-main-nav a[aria-current="page"]::after,
.et-main-nav a.active::after{
  background:linear-gradient(
    90deg,
    var(--et-corp-orange) 0 34%,
    var(--et-corp-magenta) 34% 100%
  ) !important;
}

header nav a:hover,
.et-public-nav a:hover,
.et-main-nav a:hover{
  color:var(--et-corp-primary) !important;
}

/* ==========================================================================
   ACENTOS EDITORIALES PÚBLICOS
   ========================================================================== */

main a:focus-visible,
header a:focus-visible,
.et-footer a:focus-visible,
.et-footer input:focus-visible,
.et-footer button:focus-visible{
  outline:3px solid rgba(246,163,10,.45) !important;
  outline-offset:3px;
}

main [class*="eyebrow"],
main [class*="kicker"],
main [class*="category-label"],
main [class*="section-kicker"]{
  color:var(--et-corp-magenta) !important;
}

main [class*="section-title"]::before,
main [class*="section-title"]::after,
main [class*="heading-line"]{
  background:linear-gradient(
    90deg,
    var(--et-corp-orange),
    var(--et-corp-magenta)
  ) !important;
}

/* ==========================================================================
   FOOTER CORPORATIVO
   Conserva exactamente la estructura responsive estable de v11.1.
   Solo cambia identidad visual.
   ========================================================================== */

.et-footer{
  color:#F9FBFF !important;
  background:var(--et-corp-primary-deep) !important;
  border-top-color:rgba(246,163,10,.78) !important;
}

.et-footer::before{
  background:
    linear-gradient(
      90deg,
      rgba(2,19,65,.995) 0%,
      rgba(3,24,95,.985) 39%,
      rgba(6,43,143,.90) 66%,
      rgba(6,43,143,.68) 100%
    ),
    url('../images/footer-tolima-art-v109.svg') right center / min(57vw,1120px) 100% no-repeat,
    var(--et-corp-primary-deep) !important;
}

.et-footer::after{
  background:
    radial-gradient(circle at 16% 16%,rgba(240,20,122,.11),transparent 28rem),
    radial-gradient(circle at 70% 20%,rgba(246,163,10,.10),transparent 35rem),
    linear-gradient(180deg,rgba(255,255,255,.014),transparent 36%,rgba(0,0,0,.12)) !important;
}

.et-footer-brand-block{
  border-right-color:rgba(255,255,255,.24) !important;
}

.et-footer-logo>strong{
  color:var(--et-corp-magenta) !important;
}

.et-footer-logo>strong::before,
.et-footer-logo>strong::after{
  background:linear-gradient(
    90deg,
    transparent,
    var(--et-corp-orange)
  ) !important;
}

.et-footer-logo>strong::after{
  background:linear-gradient(
    90deg,
    var(--et-corp-orange),
    transparent
  ) !important;
}

.et-footer-logo>small{
  color:#C9D5F3 !important;
}

.et-footer-brand-block>p,
.et-footer-newsletter-block>p{
  color:#EEF3FF !important;
}

.et-footer-socials>a{
  border-color:rgba(255,255,255,.28) !important;
  background:rgba(255,255,255,.035) !important;
}

.et-footer-socials>a:hover{
  color:var(--et-corp-orange-soft) !important;
  border-color:rgba(246,163,10,.78) !important;
  background:rgba(246,163,10,.10) !important;
}

.et-footer-links-block h2::after,
.et-footer-newsletter-block h2::after{
  background:linear-gradient(
    90deg,
    var(--et-corp-orange),
    var(--et-corp-magenta)
  ) !important;
}

.et-footer-links-block a::before{
  color:var(--et-corp-orange) !important;
}

.et-footer-links-block a:hover{
  color:#fff !important;
}

.et-footer-newsletter-ui label{
  border-color:rgba(255,255,255,.36) !important;
  background:rgba(1,18,64,.18) !important;
}

.et-footer-newsletter-ui label:focus-within{
  border-color:var(--et-corp-orange) !important;
  box-shadow:0 0 0 3px rgba(246,163,10,.12);
}

.et-footer-newsletter-ui button{
  border-color:rgba(240,20,122,.96) !important;
  background:linear-gradient(
    135deg,
    var(--et-corp-magenta),
    var(--et-corp-red)
  ) !important;
  box-shadow:0 13px 30px rgba(240,20,122,.18) !important;
}

.et-footer-manifesto em{
  color:var(--et-corp-orange-soft) !important;
}

.et-footer-manifesto>span{
  background:linear-gradient(
    90deg,
    var(--et-corp-orange) 0 58%,
    var(--et-corp-magenta) 58% 82%,
    rgba(255,255,255,.76) 82% 100%
  ) !important;
}

.et-footer-legal{
  border-top-color:rgba(255,255,255,.25) !important;
}

.et-footer-pride i{
  background:linear-gradient(
    90deg,
    var(--et-corp-orange),
    var(--et-corp-magenta)
  ) !important;
}

.et-footer-heart b{
  color:var(--et-corp-magenta) !important;
}

.et-footer-top{
  border-color:var(--et-corp-orange) !important;
  background:linear-gradient(
    135deg,
    var(--et-corp-primary-light),
    var(--et-corp-primary)
  ) !important;
}

.et-footer-top:hover{
  color:#071B49 !important;
  background:var(--et-corp-orange) !important;
}

/* ==========================================================================
   RESPONSIVE DE IDENTIDAD
   No altera grid/breakpoints del footer v11.1.
   ========================================================================== */

@media(max-width:820px){
  header small,
  header .et-brand-tagline,
  header .et-tagline,
  header .et-masthead-tagline,
  header [class*="tagline"],
  header [class*="slogan"]{
    letter-spacing:.19em !important;
  }
}

@media(prefers-reduced-motion:reduce){
  header a,
  .et-footer a,
  .et-footer button{
    transition:none !important;
  }
}