/*
 * TiquiciaNoticias CMS v2.9.4 - INTERFAZ MODERNA REAL
 * Capa exclusivamente visual. No modifica PHP, URLs, consultas, formularios,
 * nombres de campos, IDs funcionales ni comportamiento del CMS.
 */
:root{
  --tn-navy:#071a49;
  --tn-navy-2:#0b275f;
  --tn-red:#e4212b;
  --tn-red-dark:#c9141d;
  --tn-ink:#111827;
  --tn-text:#263247;
  --tn-muted:#6b7280;
  --tn-bg:#f3f6fa;
  --tn-card:#ffffff;
  --tn-line:#e7ebf1;
  --tn-radius:14px;
  --tn-shadow:0 8px 26px rgba(13,31,61,.08);
  --tn-shadow-hover:0 15px 35px rgba(13,31,61,.14);
}

html,body{background:#f3f6fa!important;color:var(--tn-text);}
body{
  background-image:
    radial-gradient(circle at 12% 12%, rgba(9,45,104,.045) 0 1px, transparent 1px),
    radial-gradient(circle at 88% 5%, rgba(228,33,43,.035) 0 1px, transparent 1px),
    linear-gradient(180deg,#fff 0,#f7f9fc 310px,#f3f6fa 100%)!important;
  background-size:22px 22px,28px 28px,auto!important;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--tn-text)!important;
}
.page-wrapper{overflow:hidden;background:transparent!important;}

/* TOP BAR */
.top-bar{
  background:linear-gradient(90deg,#06163f 0%,#0a2255 55%,#071a49 100%)!important;
  min-height:40px!important;padding:7px 0!important;
  box-shadow:0 2px 8px rgba(0,0,0,.12)!important;
}
.top-bar .top-contact .list,.top-bar .top-contact .list a,.top-bar .top-social ul li a{
  color:#fff!important;font-size:13px!important;
}
.top-bar .top-contact .list{margin-right:22px!important;opacity:.96;}
.top-bar .top-contact .list i{color:#fff!important;margin-right:6px!important;}
.top-bar .top-social ul li{margin-left:4px!important;}
.top-bar .top-social ul li a{
  width:27px!important;height:27px!important;line-height:27px!important;text-align:center!important;
  border-radius:50%!important;background:rgba(255,255,255,.07)!important;transition:.2s ease!important;
}
.top-bar .top-social ul li a:hover{background:var(--tn-red)!important;transform:translateY(-1px)!important;}

/* HEADER / LOGO AREA */
header{
  margin:0!important;background:#fff!important;border:0!important;box-shadow:none!important;
  position:relative!important;z-index:20!important;
}
header:before{
  content:"";position:absolute;inset:0 0 57px 0;pointer-events:none;
  background:
    radial-gradient(ellipse at 82% 50%,rgba(15,64,132,.055) 0 2px,transparent 2.5px) 0 0/18px 18px,
    linear-gradient(90deg,transparent 50%,rgba(7,26,73,.018) 100%);
}
header>.container{position:relative!important;padding-top:0!important;padding-bottom:0!important;}
header>.container>.row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;}
header .logo{
  width:100%!important;float:none!important;display:flex!important;align-items:center!important;
  min-height:145px!important;padding:18px 15px!important;position:relative!important;z-index:2!important;
}
header .logo img{
  max-height:100px!important;max-width:340px!important;width:auto!important;height:auto!important;
  margin:0!important;filter:drop-shadow(0 4px 8px rgba(7,26,73,.08));
}
header .nav-wrapper{
  width:100%!important;float:none!important;position:relative!important;z-index:3!important;
  min-height:57px!important;padding:0 15px!important;
}
header .nav-wrapper:before{
  content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);
  background:linear-gradient(90deg,#061943,#08265d 58%,#071a49)!important;
  border-top:3px solid var(--tn-red)!important;box-shadow:0 5px 16px rgba(5,20,52,.14)!important;
  z-index:-1;
}
header nav{height:57px!important;display:flex!important;align-items:stretch!important;}
.sf-menu{float:none!important;display:flex!important;align-items:stretch!important;margin:0!important;padding:0!important;}
.sf-menu>li{margin:0!important;border:0!important;background:transparent!important;}
.sf-menu>li>a{
  color:#fff!important;background:transparent!important;font-size:14px!important;font-weight:700!important;
  letter-spacing:.01em!important;padding:18px 22px!important;line-height:18px!important;border:0!important;
  position:relative!important;transition:background .2s ease,color .2s ease!important;
}
.sf-menu>li>a:after{
  content:"";position:absolute;left:18px;right:18px;bottom:7px;height:3px;border-radius:10px;
  background:var(--tn-red);transform:scaleX(0);transition:transform .2s ease;
}
.sf-menu>li:hover>a,.sf-menu>li.sfHover>a,.sf-menu>li>a:hover{
  color:#fff!important;background:rgba(255,255,255,.08)!important;
}
.sf-menu>li:hover>a:after,.sf-menu>li.sfHover>a:after,.sf-menu>li>a:hover:after{transform:scaleX(1);}
.sf-menu ul{
  background:#fff!important;border:1px solid var(--tn-line)!important;border-radius:0 0 12px 12px!important;
  box-shadow:0 18px 32px rgba(7,26,73,.18)!important;padding:7px!important;overflow:hidden!important;
}
.sf-menu li li{background:#fff!important;border:0!important;border-radius:8px!important;}
.sf-menu li li a,.sf-menu li:hover li a{
  background:#fff!important;color:#24324a!important;padding:11px 14px!important;border-radius:7px!important;
}
.sf-menu li li:hover,.sf-menu li li:hover a{background:#f1f5fa!important;color:#0b3477!important;}

/* Sticky: no rompe el plugin existente */
header.sticky{background:#fff!important;box-shadow:0 5px 18px rgba(7,26,73,.13)!important;}
header.sticky .logo{display:none!important;}
header.sticky .nav-wrapper{min-height:57px!important;}
header.sticky .sf-menu>li>a{color:#fff!important;padding:18px 22px!important;}

/* ESPACIADO GENERAL */
.news-featured{padding:32px 0 14px!important;background:transparent!important;}
.news{padding:18px 0 42px!important;background:transparent!important;}
.news-single-page,.category-page,.search-page,.page-single{padding-top:30px!important;padding-bottom:45px!important;}
.news>.container,.news-featured>.container,.news-single-page>.container,.category-page>.container,.search-page>.container,.page-single>.container{
  background:rgba(255,255,255,.92)!important;border:1px solid rgba(15,45,90,.07)!important;
  border-radius:18px!important;box-shadow:0 10px 32px rgba(16,38,72,.055)!important;
  padding-top:22px!important;padding-bottom:22px!important;
}

/* FEATURED NEWS */
.news-featured .item{
  border-radius:14px!important;overflow:hidden!important;box-shadow:var(--tn-shadow)!important;
  border:1px solid rgba(255,255,255,.7)!important;transition:transform .25s ease,box-shadow .25s ease!important;
}
.news-featured .item:hover{transform:translateY(-3px)!important;box-shadow:var(--tn-shadow-hover)!important;}
.news-featured .item .text{background:linear-gradient(180deg,rgba(4,10,24,.03) 18%,rgba(4,13,35,.9) 100%)!important;}
.news-featured .item .text .inner{padding:22px!important;}
.news-featured .item .text h2{color:#fff!important;font-weight:700!important;text-shadow:0 2px 12px rgba(0,0,0,.4)!important;}
.news-featured .item .text p{color:rgba(255,255,255,.9)!important;}

/* SECTION HEADERS */
.news .heading,.heading{margin-bottom:18px!important;}
.news .heading h2,.heading h2,h2.sidebar-heading{
  background:linear-gradient(90deg,var(--tn-navy),var(--tn-navy-2))!important;color:#fff!important;
  min-height:42px!important;display:flex!important;align-items:center!important;padding:0 16px 0 18px!important;
  border-radius:8px!important;font-size:17px!important;font-weight:700!important;box-shadow:0 5px 14px rgba(7,26,73,.10)!important;
  border:0!important;position:relative!important;overflow:hidden!important;
}
.news .heading h2:before,.heading h2:before,h2.sidebar-heading:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--tn-red)!important;
}
.news .heading h2 a,.heading h2 a{color:#fff!important;display:block!important;width:100%!important;}
.news .heading h2 a:hover,.heading h2 a:hover{color:#fff!important;text-decoration:none!important;}

/* NEWS CARDS */
.thumbnail,.thumbnail1,.thumbnail2{
  background:#fff!important;border:1px solid var(--tn-line)!important;border-radius:12px!important;
  overflow:hidden!important;box-shadow:0 5px 18px rgba(16,38,72,.06)!important;transition:.22s ease!important;
}
.thumbnail:hover,.thumbnail1:hover,.thumbnail2:hover{transform:translateY(-2px)!important;box-shadow:var(--tn-shadow)!important;}
.thumbnail2{margin-bottom:22px!important;display:flex!important;min-height:185px!important;}
.thumbnail2 .photo-content{width:38%!important;flex:0 0 38%!important;}
.thumbnail2 .photo{height:100%!important;min-height:185px!important;background-size:cover!important;background-position:center!important;}
.thumbnail2 .caption{padding:18px 20px!important;flex:1!important;}
.news .thumbnail .caption h3 a,.news .thumbnail1 .caption h3 a,.news .thumbnail2 .caption h3 a,.news .thumbnail .caption h3,
.thumbnail h3 a,.thumbnail1 h3 a,.thumbnail2 h3 a{
  color:#14213a!important;font-weight:700!important;line-height:1.35!important;
}
.thumbnail h3 a:hover,.thumbnail1 h3 a:hover,.thumbnail2 h3 a:hover{color:#0b4a9f!important;}
.thumbnail h4,.thumbnail1 h4,.thumbnail2 h4,.thumbnail h4 span,.thumbnail1 h4 span,.thumbnail2 h4 span{color:#7b8493!important;}
.thumbnail p,.thumbnail2 p{color:#596579!important;line-height:1.65!important;}

/* SIDEBAR AND SEARCH */
.search-sidebar,.social-sidebar,.newsletter-sidebar,.ad2{
  background:#fff!important;border:1px solid var(--tn-line)!important;border-radius:12px!important;
  box-shadow:0 5px 18px rgba(16,38,72,.055)!important;padding:15px!important;margin-bottom:20px!important;
}
.search-sidebar form{display:flex!important;gap:0!important;}
.search-sidebar input[type="text"]{
  width:68%!important;height:42px!important;border:1px solid #d9dee7!important;border-radius:7px 0 0 7px!important;
  padding:0 12px!important;box-shadow:none!important;background:#fff!important;color:#222!important;
}
.search-sidebar input[type="text"]:focus{outline:none!important;border-color:#8ca7d1!important;box-shadow:0 0 0 3px rgba(21,79,163,.08)!important;}
.search-sidebar input[type="submit"]{
  width:32%!important;height:42px!important;border:0!important;border-radius:0 7px 7px 0!important;
  background:linear-gradient(180deg,#ef2b35,#d91c26)!important;color:#fff!important;font-weight:700!important;
  transition:.2s ease!important;
}
.search-sidebar input[type="submit"]:hover{background:var(--tn-red-dark)!important;}
.social-sidebar ul li a{border-radius:50%!important;box-shadow:0 4px 10px rgba(0,0,0,.08)!important;}
.newsletter-sidebar{background:linear-gradient(145deg,#071a49,#0b2a65)!important;color:#fff!important;}
.newsletter-sidebar h2,.newsletter-sidebar p{color:#fff!important;}

/* NEWS DETAIL */
.news-single-page .news-single-item,.news-single-page .single-page,.news-single-page .news-detail{
  background:#fff!important;border:1px solid var(--tn-line)!important;border-radius:14px!important;
  box-shadow:var(--tn-shadow)!important;padding:22px!important;
}
.news-single-page h1,.news-single-page h2{color:#10203e!important;}
.news-single-page img{max-width:100%!important;height:auto!important;border-radius:10px!important;}
.news-single-page p{line-height:1.78!important;color:#3e4a5e!important;}

/* BUTTONS / INPUTS */
.btn-primary,input[type="submit"].btn-primary,button.btn-primary{
  background:linear-gradient(180deg,#0d3479,#08265d)!important;border-color:#08265d!important;border-radius:7px!important;
  box-shadow:0 4px 10px rgba(7,26,73,.14)!important;
}
.btn-primary:hover{background:#071a49!important;border-color:#071a49!important;}
.form-control{border-radius:7px!important;border-color:#dfe4eb!important;box-shadow:none!important;}
.form-control:focus{border-color:#98afd3!important;box-shadow:0 0 0 3px rgba(21,79,163,.08)!important;}

/* FOOTER */
.footer-main{background:linear-gradient(135deg,#06163f,#0b265d)!important;}
.footer-main,.footer-main p,.footer-main a,.footer-main h3,.footer-main h4{color:#fff!important;}
.footer-bottom{background:#04102e!important;color:rgba(255,255,255,.85)!important;}
.scrollup i{background:var(--tn-red)!important;border-color:var(--tn-red)!important;border-radius:50%!important;box-shadow:0 6px 16px rgba(228,33,43,.25)!important;}

/* MOBILE */
@media(max-width:991px){
  header .logo{min-height:115px!important;justify-content:center!important;}
  header .logo img{max-height:82px!important;max-width:280px!important;}
  header .nav-wrapper{min-height:auto!important;padding-bottom:8px!important;}
  header .nav-wrapper:before{display:none!important;}
  header nav{height:auto!important;display:block!important;}
  .sf-menu{display:none!important;}
  .slicknav_menu{display:block!important;background:linear-gradient(90deg,#061943,#08265d)!important;border-top:3px solid var(--tn-red)!important;padding:8px 12px!important;}
  .slicknav_btn{background:var(--tn-red)!important;border-radius:7px!important;}
  .slicknav_nav a{color:#fff!important;border-radius:6px!important;}
  .slicknav_nav a:hover{background:rgba(255,255,255,.10)!important;color:#fff!important;}
  .news-featured{padding-top:20px!important;}
}
@media(max-width:767px){
  .top-bar .top-contact{text-align:center!important;}
  .top-bar .top-contact .list{display:inline-block!important;margin:2px 8px!important;font-size:12px!important;}
  .top-bar .top-social{text-align:center!important;margin-top:4px!important;}
  header .logo{min-height:100px!important;padding:14px!important;}
  header .logo img{max-height:72px!important;max-width:240px!important;}
  .news>.container,.news-featured>.container,.news-single-page>.container,.category-page>.container,.search-page>.container,.page-single>.container{
    border-radius:0!important;border-left:0!important;border-right:0!important;padding-top:15px!important;padding-bottom:15px!important;
  }
  .thumbnail2{display:block!important;}
  .thumbnail2 .photo-content{width:100%!important;}
  .thumbnail2 .photo{min-height:210px!important;}
  .search-sidebar input[type="text"]{width:65%!important;}
  .search-sidebar input[type="submit"]{width:35%!important;}
}

/* ========================================================================
 * v2.9.5 - REFINAMIENTO VISUAL PREMIUM
 * SOLO PRESENTACION: franja de marca, navegacion, fondo y noticia individual.
 * No cambia PHP, consultas, rutas, formularios, IDs ni comportamiento del CMS.
 * ======================================================================== */

/* Fondo editorial más limpio y profundo */
body{
  background-color:#eef3f8!important;
  background-image:
    radial-gradient(circle at 8% 3%,rgba(228,33,43,.055),transparent 22%),
    radial-gradient(circle at 92% 9%,rgba(8,38,93,.085),transparent 26%),
    linear-gradient(180deg,#ffffff 0,#f6f9fc 250px,#eef3f8 100%)!important;
  background-attachment:fixed!important;
}
.page-wrapper{position:relative!important;}
.page-wrapper:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.32;
  background-image:linear-gradient(rgba(7,26,73,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,26,73,.035) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 70%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 70%);
}

/* Franja de marca refinada */
header{
  background:rgba(255,255,255,.97)!important;
  border-bottom:0!important;
}
header:before{
  inset:0 0 61px 0!important;
  background:
    radial-gradient(circle at 86% 32%,rgba(228,33,43,.09),transparent 18%),
    radial-gradient(circle at 72% 64%,rgba(11,39,95,.085),transparent 24%),
    linear-gradient(135deg,#ffffff 0%,#f9fbfe 60%,#edf3f9 100%)!important;
}
header:after{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(7,26,73,.12),transparent);
}
header .logo{
  min-height:158px!important;padding:22px 15px 20px!important;
}
header .logo:after{
  content:"INFORMACIÓN CON RESPONSABILIDAD Y COMPROMISO";
  margin-left:28px;padding-left:28px;border-left:1px solid #dbe2ec;
  color:#526179;font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.45;
  max-width:245px;text-transform:uppercase;
}
header .logo img{
  max-height:104px!important;max-width:360px!important;
  filter:drop-shadow(0 6px 12px rgba(7,26,73,.11));
}

/* Navegación más elegante, sin cambiar enlaces ni estructura */
header .nav-wrapper{min-height:61px!important;}
header .nav-wrapper:before{
  background:linear-gradient(90deg,#051638 0%,#08245a 48%,#0b2e6d 100%)!important;
  border-top:0!important;border-bottom:4px solid var(--tn-red)!important;
  box-shadow:0 8px 22px rgba(5,20,52,.18)!important;
}
header nav{height:61px!important;}
.sf-menu>li>a{
  min-height:57px!important;padding:20px 20px 17px!important;
  font-size:13.5px!important;letter-spacing:.025em!important;
  text-transform:none!important;border-left:1px solid rgba(255,255,255,.055)!important;
}
.sf-menu>li:last-child>a{border-right:1px solid rgba(255,255,255,.055)!important;}
.sf-menu>li>a:after{
  left:16px!important;right:16px!important;bottom:9px!important;height:2px!important;
  box-shadow:0 0 10px rgba(228,33,43,.45);
}
.sf-menu>li:hover>a,.sf-menu>li.sfHover>a,.sf-menu>li>a:hover{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04))!important;
}
.sf-menu ul{
  margin-top:0!important;border-radius:0 0 14px 14px!important;padding:8px!important;
  border-top:3px solid var(--tn-red)!important;
}
.sf-menu li li a,.sf-menu li:hover li a{font-weight:600!important;}

/* Contenedores con acabado de portal informativo */
.news>.container,.news-featured>.container,.news-single-page>.container,.category-page>.container,.search-page>.container,.page-single>.container{
  background:rgba(255,255,255,.965)!important;
  border:1px solid rgba(13,43,91,.08)!important;
  box-shadow:0 18px 48px rgba(13,36,72,.075)!important;
  border-radius:20px!important;
}

/* Página individual de noticia */
.news-single-page{padding-top:34px!important;}
.news-single-page .col-md-8>.row:first-child .thumbnail{
  border:0!important;border-radius:18px!important;overflow:hidden!important;
  box-shadow:0 14px 34px rgba(8,31,69,.10)!important;
  background:#fff!important;
}
.news-single-page .thumbnail .photo{
  position:relative!important;overflow:hidden!important;background:#e8edf4!important;
}
.news-single-page .thumbnail .photo:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:70px;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(4,17,43,.08));
}
.news-single-page .thumbnail .photo img{
  width:100%!important;display:block!important;border-radius:0!important;
  max-height:650px!important;object-fit:cover!important;
}
.news-single-page .thumbnail .caption{
  padding:30px 34px 34px!important;
}
.news-single-page .thumbnail .caption>h3{
  margin:0 0 16px!important;color:#0c1d3a!important;
  font-size:clamp(28px,3vw,42px)!important;line-height:1.14!important;
  font-weight:800!important;letter-spacing:-.025em!important;
}
.news-single-page .thumbnail .caption>h4{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 18px!important;
  margin:0 0 24px!important;padding:13px 0 16px!important;
  border-top:1px solid #edf0f4!important;border-bottom:1px solid #edf0f4!important;
  color:#69768a!important;font-size:13px!important;
}
.news-single-page .thumbnail .caption>h4 span{display:inline-flex!important;align-items:center!important;gap:6px!important;}
.news-single-page .thumbnail .caption>h4 i{color:var(--tn-red)!important;}
.news-single-page .tn-author-avatar-small{
  width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover!important;
  box-shadow:0 2px 6px rgba(7,26,73,.14)!important;border:2px solid #fff!important;
}
.news-single-page .news-content-safe{
  color:#29374d!important;font-size:17px!important;line-height:1.85!important;
  word-break:normal!important;overflow-wrap:anywhere!important;
}
.news-single-page .news-content-safe p{font-size:17px!important;line-height:1.85!important;margin-bottom:1.35em!important;color:#344258!important;}
.news-single-page .news-content-safe h2,.news-single-page .news-content-safe h3,.news-single-page .news-content-safe h4{
  color:#10203e!important;font-weight:800!important;line-height:1.25!important;margin-top:1.45em!important;margin-bottom:.65em!important;
}
.news-single-page .news-content-safe blockquote{
  margin:26px 0!important;padding:18px 22px!important;border-left:5px solid var(--tn-red)!important;
  background:#f5f8fc!important;border-radius:0 10px 10px 0!important;color:#32435d!important;
}
.news-single-page .news-content-safe img{
  display:block!important;max-width:100%!important;height:auto!important;margin:24px auto!important;
  border-radius:12px!important;box-shadow:0 10px 24px rgba(7,26,73,.10)!important;
}
.news-single-page .news-content-safe a{color:#0b4a9f!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important;}

/* Tarjetas del autor y comentarios coherentes con el nuevo artículo */
.tn-author-card,.tn-comments{
  border:1px solid #e5eaf1!important;border-radius:16px!important;
  background:#fff!important;box-shadow:0 8px 24px rgba(10,35,73,.065)!important;
}
.tn-author-card{padding:22px!important;margin-top:22px!important;}
.tn-comments{padding:24px!important;margin-top:24px!important;}
.tn-comments>h3{
  margin-top:0!important;color:#10203e!important;font-weight:800!important;
  padding-bottom:12px!important;border-bottom:2px solid #eef1f5!important;position:relative!important;
}
.tn-comments>h3:after{content:"";position:absolute;left:0;bottom:-2px;width:58px;height:2px;background:var(--tn-red)!important;}

/* Sidebar mejor integrado en noticia */
.news-single-page .col-md-4 .search-sidebar,
.news-single-page .col-md-4 .social-sidebar,
.news-single-page .col-md-4 .newsletter-sidebar,
.news-single-page .col-md-4 .ad2{
  border-radius:14px!important;box-shadow:0 8px 24px rgba(10,35,73,.06)!important;
}

/* Responsive */
@media(max-width:991px){
  header .logo:after{display:none!important;}
  header .logo{min-height:116px!important;}
  header .nav-wrapper{padding:0!important;}
  .slicknav_menu{border-top:0!important;border-bottom:4px solid var(--tn-red)!important;box-shadow:0 7px 18px rgba(5,20,52,.16)!important;}
  .news-single-page .thumbnail .caption{padding:24px!important;}
}
@media(max-width:767px){
  body{background-attachment:scroll!important;}
  header .logo{min-height:98px!important;padding:13px 14px!important;}
  .news-single-page{padding-top:18px!important;}
  .news-single-page .thumbnail .caption{padding:20px 18px 24px!important;}
  .news-single-page .thumbnail .caption>h3{font-size:28px!important;line-height:1.18!important;}
  .news-single-page .news-content-safe,.news-single-page .news-content-safe p{font-size:16px!important;line-height:1.78!important;}
  .tn-comments{padding:18px!important;}
}