/* Erick Islas Tech V12 • Acentos visuales sin alterar estructura ni CMS.
   Se carga después de V11 a través de includes/header.php. */

/* Inicio: imagen original, sin filtro, sin máscara, sin opacidad de marca de agua. */
body[data-page="inicio"] .eit-portal-home{
  background:#061224 url('../assets/images/backgrounds/home-dual-watermark.png') center top / cover no-repeat !important;
}
body[data-page="inicio"] .eit-portal-home::before,
body[data-page="inicio"] .eit-portal-home::after{content:none !important;display:none !important;}
body[data-page="inicio"] .eit-home-intro,
body[data-page="inicio"] .eit-home-trust{position:relative;z-index:1;}
/* Sólo las tarjetas mantienen sus superficies para la legibilidad. */
body[data-page="inicio"] .eit-path-card{background-color:rgba(3,10,23,.72);}

/* Las divisiones mantienen una fotografía fija en el fondo REAL del documento. */
body:is([data-page="contenido"],[data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"],[data-page="publicacion"],[data-page="buscar"]){
  background:#020d13 url('../assets/images/backgrounds/content-fixed-bg.png') center top / cover fixed no-repeat !important;
}
body:is([data-page="contenido"],[data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"],[data-page="publicacion"],[data-page="buscar"])::before{
  opacity:.12 !important;
}

/* Secciones y héroes de Contenido: efecto cristal translúcido sobre el fondo.
   El CSS anterior usaba fondos verdes casi sólidos que tapaban el diseño. */
body:is([data-page="contenido"],[data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"],[data-page="buscar"],[data-page="publicacion"]) main{
  background:transparent !important;
}
body:is([data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"]) main > :is(.hero,.compact-hero,.tutorial-hero,.hero-compact),
body[data-page="comunidad"] .contact-section,
body[data-page="noticias"] .news-section,
body[data-page="resenas"] #categorias-resenas,
body[data-page="tutoriales"] .tutorial-main-section,
body[data-page="tutoriales"] .learning-path,
body[data-page="contenido"] .latest-video-section,
body[data-page="contenido"] .home-fresh,
body[data-page="contenido"] .eit-content-outro,
body[data-page="buscar"] :is(.search-hero,.search-results),
body[data-page="publicacion"] .public-post-related{
  background:linear-gradient(120deg,rgba(2,15,16,.23),rgba(2,12,24,.35)) !important;
  border-color:rgba(102,255,108,.12) !important;
}
/* Comunidad necesita una regla específica porque .contact-section imponía un fondo opaco. */
body[data-page="comunidad"] .contact-section::before{display:none !important;content:none !important;}
body[data-page="comunidad"] .hero.hero-swap{
  background:linear-gradient(110deg,rgba(0,29,17,.43),rgba(2,15,21,.32)) !important;
  border-color:rgba(86,238,116,.16) !important;
}
body[data-page="comunidad"] :is(.contact-info-card,.contact-form-card){
  background:linear-gradient(145deg,rgba(2,17,12,.72),rgba(1,10,12,.79)) !important;
  border-color:rgba(104,255,115,.25) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
/* Contenido general: las tarjetas mantienen un cristal oscuro para leer cómodamente. */
body:is([data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="contenido"]) :is(.news-card,.news-card-premium,.review-card,.tutorial-card,.tutorial-visual-card,.home-fresh-card,.featured-news-card,.learning-path){
  background-color:rgba(2,18,16,.72) !important;
  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
}

/* Aviso de privacidad rediseñado: identidad neutral de la marca con fondo visible. */
body[data-page="privacidad"]{
  --font-title:'Montserrat',Arial,sans-serif;
  --font-body:'Montserrat',Arial,sans-serif;
  color:#f5fbff;
  background:#061629 url('../assets/images/backgrounds/home-dual-watermark.png') center top / cover fixed no-repeat !important;
  font-family:'Montserrat',Arial,sans-serif !important;
}
body[data-page="privacidad"]::before{opacity:.13 !important;}
body[data-page="privacidad"] :is(.site-header,.eit-privacy-main,.eit-footer),
body[data-page="privacidad"] :is(.site-header,.eit-privacy-main,.eit-footer) *{
  font-family:'Montserrat',Arial,sans-serif !important;
}
body[data-page="privacidad"] .eit-privacy-main{background:transparent !important;}
body[data-page="privacidad"] .eit-privacy-hero{
  width:min(1110px,calc(100% - 36px));margin:0 auto;
  padding:clamp(34px,4.7vw,66px) 0 25px;
}
body[data-page="privacidad"] .eit-privacy-overline{
  display:inline-flex;align-items:center;gap:9px;
  color:#87eef2;letter-spacing:.13em;font-size:.73rem;font-weight:800;
}
body[data-page="privacidad"] .eit-privacy-lock{
  display:inline-grid;place-items:center;border:1px solid rgba(56,230,239,.37);
  width:31px;height:31px;border-radius:9px;color:#51def0;background:rgba(8,42,67,.66);
}
body[data-page="privacidad"] .eit-privacy-hero h1{
  margin:15px 0 12px !important;max-width:950px;
  font-size:clamp(2.3rem,5vw,4.1rem) !important;line-height:1.1 !important;
  font-weight:850;letter-spacing:-.045em;text-wrap:balance;
}
body[data-page="privacidad"] .eit-privacy-hero h1 span{color:#40ddeb;}
body[data-page="privacidad"] .eit-privacy-intro{
  font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.65;
  color:#d2e1ee;max-width:730px;margin:0 0 14px;
}
body[data-page="privacidad"] .eit-privacy-meta{
  display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;
  color:#aabfd0;font-size:.81rem;
}
body[data-page="privacidad"] .eit-privacy-meta a{color:#74ebee;text-decoration:none;font-weight:700;}
body[data-page="privacidad"] .eit-privacy-layout{
  width:min(1110px,calc(100% - 36px));margin:15px auto 50px;
  display:grid;grid-template-columns:minmax(190px,252px) minmax(0,1fr);gap:20px;
  align-items:start;
}
body[data-page="privacidad"] .eit-privacy-sidebar,
body[data-page="privacidad"] .eit-privacy-document{
  border:1px solid rgba(86,202,228,.27);border-radius:20px;
  background:rgba(3,16,31,.79);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 15px 46px rgba(0,0,0,.22);
}
body[data-page="privacidad"] .eit-privacy-sidebar{
  position:sticky;top:115px;display:grid;gap:3px;padding:19px 14px;
}
body[data-page="privacidad"] .eit-privacy-sidebar strong{
  padding:0 9px 10px;letter-spacing:.12em;font-size:.69rem;color:#8ce2e9;
}
body[data-page="privacidad"] .eit-privacy-sidebar a{
  display:block;padding:9px 10px;border-radius:9px;text-decoration:none;
  color:#c1d5e4;font-size:.83rem;line-height:1.35;
}
body[data-page="privacidad"] .eit-privacy-sidebar a:hover,
body[data-page="privacidad"] .eit-privacy-sidebar a:focus-visible{
  color:#fff;background:rgba(42,201,226,.14);outline:none;
}
body[data-page="privacidad"] .eit-privacy-document{padding:clamp(20px,3vw,36px);}
body[data-page="privacidad"] .eit-privacy-section{scroll-margin-top:120px;padding:0 0 20px;margin:0 0 21px;border-bottom:1px solid rgba(154,218,233,.13);}
body[data-page="privacidad"] .eit-privacy-section h2{
  display:flex;gap:14px;align-items:baseline;margin:0 0 10px !important;
  font-size:clamp(1.05rem,1.65vw,1.34rem) !important;line-height:1.35 !important;
  letter-spacing:-.025em;font-weight:800;
}
body[data-page="privacidad"] .eit-privacy-section h2 span{
  color:#56e7ed;font-size:.76rem;letter-spacing:.07em;flex:0 0 auto;
}
body[data-page="privacidad"] .eit-privacy-section p{
  max-width:760px;color:#cedce8;font-size:clamp(.86rem,1vw,.97rem);line-height:1.72;margin:0;
}
body[data-page="privacidad"] .eit-privacy-last{
  display:flex;align-items:center;gap:14px;padding:16px;border-radius:13px;
  background:rgba(26,135,162,.15);border:1px solid rgba(61,205,228,.2);
}
body[data-page="privacidad"] .eit-privacy-last>span{font-size:1.4rem;color:#61e4ed;}
body[data-page="privacidad"] .eit-privacy-last strong{display:block;font-size:.93rem;margin-bottom:4px;}
body[data-page="privacidad"] .eit-privacy-last p{margin:0;color:#c3d5e0;font-size:.84rem;line-height:1.5;}
body[data-page="privacidad"] .eit-privacy-last a{color:#60eaf1;overflow-wrap:anywhere;}

@media(max-width:760px){
  body[data-page="inicio"] .eit-portal-home{background-attachment:scroll!important;background-position:center top!important;}
  body[data-page="privacidad"] .eit-privacy-layout{grid-template-columns:1fr;gap:13px;}
  body[data-page="privacidad"] .eit-privacy-sidebar{position:static;display:flex;flex-wrap:wrap;gap:4px;padding:13px;}
  body[data-page="privacidad"] .eit-privacy-sidebar strong{width:100%;padding:0 4px 5px;}
  body[data-page="privacidad"] .eit-privacy-sidebar a{font-size:.76rem;padding:6px 8px;background:rgba(41,105,136,.18);}
  body[data-page="privacidad"] .eit-privacy-document{padding:18px;}
  body[data-page="privacidad"] .eit-privacy-hero{padding-top:26px;}
}

/* El aviso sirve a ambas divisiones: footer neutral, sin el degradado verde heredado. */
body[data-page="privacidad"] .site-header{
  background:rgba(3,13,28,.94) !important;
  border-bottom-color:rgba(43,205,234,.27) !important;
}
body[data-page="privacidad"] .eit-footer{
  background:linear-gradient(180deg,rgba(5,24,44,.94),rgba(3,13,25,.97)) !important;
  border-top-color:rgba(53,208,239,.23) !important;
}
body[data-page="privacidad"] .eit-footer-card{
  background:linear-gradient(150deg,rgba(18,54,83,.69),rgba(3,20,39,.78)) !important;
  border-color:rgba(57,200,233,.27) !important;
}
body[data-page="privacidad"] :is(.eit-footer-icon,.eit-social-links a){
  border-color:rgba(40,206,230,.24) !important;
  background:rgba(6,29,53,.45) !important;
}
body[data-page="privacidad"] :is(.eit-footer a:hover,.eit-footer-bottom a,.eit-social-links a::after){
  color:#51e0eb !important;
}
body[data-page="privacidad"] .eit-footer::after{
  background:linear-gradient(90deg,transparent,rgba(39,211,237,.82),transparent) !important;
}