/* Erick Islas Tech — Refinamiento visual 2026-08-31 */
:root{--eit-public-max:1560px;--eit-hero-pad-y:clamp(26px,3vw,48px)}

/* HEADER: marca compacta en una sola línea */
.brand-logo-text-single{display:block!important;white-space:nowrap!important;line-height:1!important;min-width:max-content!important}
.brand-logo-text-single .brand-logo-title{display:inline!important;white-space:nowrap!important;font-size:clamp(.88rem,1.12vw,1.22rem)!important;letter-spacing:.055em!important;line-height:1!important}
.brand-logo-text-single .brand-logo-tech{display:inline!important;color:#00ff5c!important;font-size:inherit!important;letter-spacing:inherit!important;margin-left:.16em!important}
@media(min-width:861px){.brand-logo-img{height:54px!important;width:auto!important}.brand-logo{gap:11px!important}}
@media(max-width:620px){.brand-logo-text-single .brand-logo-title{font-size:.78rem!important}}

/* Tipografía pública más contenida: aprox. 40% menos que los hero originales */
body:not([data-page="admin"]) .hero h1,
body:not([data-page="admin"]) .compact-hero h1,
body:not([data-page="admin"]) .services-hero h1,
body:not([data-page="admin"]) .tutorial-hero h1{
  font-size:clamp(2.55rem,4.15vw,4.85rem)!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
  overflow-wrap:normal!important;word-break:keep-all!important;hyphens:none!important;
}
body:not([data-page="admin"]) .section-heading h2,
body:not([data-page="admin"]) .section-header h2,
body:not([data-page="admin"]) .services-section-header h2,
body:not([data-page="admin"]) .learning-path>h2{
  font-size:clamp(1.85rem,3vw,3.15rem)!important;line-height:1.08!important;
}
.hero-content>p,.services-hero-copy>p,.tutorial-hero .hero-content>p{font-size:clamp(1rem,1.25vw,1.2rem)!important;line-height:1.68!important;text-wrap:pretty}

/* HERO: menos aire vertical en páginas interiores */
body[data-page="servicios"] .services-hero,
body[data-page="noticias"] .compact-hero,
body[data-page="resenas"] .hero.hero-swap,
body[data-page="tutoriales"] .tutorial-hero,
body[data-page="comunidad"] .hero.hero-swap{
  min-height:0!important;
  padding-top:var(--eit-hero-pad-y)!important;
  padding-bottom:var(--eit-hero-pad-y)!important;
  gap:clamp(24px,3vw,48px)!important;
}
body[data-page="servicios"] .services-hud,
body[data-page="noticias"] .hero-image-panel,
body[data-page="resenas"] .hero-image-panel,
body[data-page="tutoriales"] .hero-image-panel,
body[data-page="comunidad"] .hero-image-panel{min-height:0!important}
body[data-page="servicios"] .hero-services-image,
body[data-page="noticias"] .hero-services-image,
body[data-page="resenas"] .hero-services-image,
body[data-page="tutoriales"] .hero-services-image,
body[data-page="comunidad"] .hero-services-image{max-height:500px!important;object-fit:contain!important}

/* Alineación y lectura */
body[data-page="servicios"] .services-hero-copy>p,
body[data-page="noticias"] .hero-content>p,
body[data-page="resenas"] .hero-content>p,
body[data-page="tutoriales"] .hero-content>p,
body[data-page="comunidad"] .hero-content>p{text-align:justify!important;text-justify:inter-word}
.hero-actions{gap:14px!important}

/* INICIO: compacto y con fondo animado, manteniendo todo centrado */
body[data-page="inicio"] .home-hero-v2{
  position:relative!important;isolation:isolate;overflow:hidden;
  min-height:0!important;padding:clamp(28px,4vw,56px) 24px!important;
  background:linear-gradient(115deg,#001108 0%,#063919 45%,#001109 100%)!important;
}
body[data-page="inicio"] .home-hero-v2::before{
  content:"";position:absolute;inset:-35%;z-index:-2;
  background:radial-gradient(circle at 25% 40%,rgba(0,255,92,.24),transparent 24%),radial-gradient(circle at 70% 55%,rgba(57,255,20,.18),transparent 30%),linear-gradient(115deg,transparent 30%,rgba(0,255,92,.09) 50%,transparent 70%);
  animation:eitHeroDrift 16s ease-in-out infinite alternate;
}
body[data-page="inicio"] .home-hero-v2::after{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.26;
  background-image:linear-gradient(rgba(57,255,20,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,.07) 1px,transparent 1px);background-size:48px 48px;
  animation:eitGridMove 18s linear infinite;
}
@keyframes eitHeroDrift{0%{transform:translate3d(-3%,0,0) scale(1)}100%{transform:translate3d(5%,-3%,0) scale(1.08)}}
@keyframes eitGridMove{to{background-position:48px 48px}}
body[data-page="inicio"] .home-hero-v2 .hero-content{gap:0!important}
body[data-page="inicio"] .home-hero-v2 .badge{margin-bottom:16px!important}
body[data-page="inicio"] .home-hero-v2 .hero-kicker{margin:0 0 14px!important}
body[data-page="inicio"] .home-hero-v2 h1{margin:0 0 12px!important;font-size:clamp(3rem,5.2vw,5.6rem)!important}
body[data-page="inicio"] .home-hero-v2 .hero-content>p:not(.hero-kicker){max-width:930px!important;margin:0 auto 20px!important;text-align:center!important}
body[data-page="inicio"] .home-hero-v2 .hero-actions{margin-top:2px!important}

/* Servicios: catálogo más cerca del hero, sin sección Forma de trabajo */
body[data-page="servicios"] .services-section{padding-top:clamp(28px,3.5vw,48px)!important;padding-bottom:clamp(28px,3.5vw,48px)!important}

/* Noticias: hero y notas recientes más compactos */
body[data-page="noticias"] .news-section{padding-top:clamp(28px,3.5vw,50px)!important}
body[data-page="noticias"] .section-heading{margin-bottom:clamp(20px,2.5vw,34px)!important}
body[data-page="noticias"] .featured-news-card{gap:clamp(18px,2.5vw,34px)!important}
body[data-page="noticias"] .news-feature-action{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-width:210px}
.featured-news-mini{display:block;width:min(220px,100%);aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(57,255,20,.35);border-radius:14px;background:#06130b;box-shadow:0 12px 34px rgba(0,0,0,.25)}
.featured-news-mini img{width:100%;height:100%;object-fit:cover!important}

/* Reseñas: reduce aire antes del catálogo */
body[data-page="resenas"] #categorias-resenas{padding-top:clamp(30px,3.6vw,52px)!important;padding-bottom:clamp(34px,4vw,58px)!important}
body[data-page="resenas"] .reviews-heading-copy h2{font-size:clamp(1.9rem,3vw,3rem)!important}

/* Tutoriales: hero compacto + carrusel Ruta especial */
body[data-page="tutoriales"] .learning-path{padding-top:clamp(30px,3.5vw,52px)!important;padding-bottom:clamp(30px,3.5vw,52px)!important}
body[data-page="tutoriales"] .tutorial-main-section{padding-top:clamp(30px,3.5vw,52px)!important}
.learning-carousel{position:relative;margin-top:22px;overflow:hidden}
.learning-carousel .learning-track{display:flex!important;grid-template-columns:none!important;gap:18px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 12px!important}
.learning-carousel .learning-track::-webkit-scrollbar{display:none}
.learning-carousel .learning-lesson{flex:0 0 calc((100% - 54px)/4)!important;min-width:0!important;scroll-snap-align:start;min-height:210px}
.learning-carousel-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:12px}
.learning-carousel-btn{width:42px;height:42px;border:1px solid rgba(57,255,20,.4);border-radius:50%;background:#06180d;color:#39ff14;font-size:1.2rem;font-weight:900;cursor:pointer}
.learning-carousel-btn:hover{background:#39ff14;color:#041007}
.learning-carousel-status{min-width:72px;text-align:center;color:#9db1a4;font-size:.82rem;font-weight:800}
@media(max-width:1050px){.learning-carousel .learning-lesson{flex-basis:calc((100% - 36px)/3)!important}}
@media(max-width:760px){.learning-carousel .learning-lesson{flex-basis:calc((100% - 18px)/2)!important}}
@media(max-width:520px){.learning-carousel .learning-lesson{flex-basis:100%!important}}

/* Comunidad: compacto */
body[data-page="comunidad"] .contact-section{padding-top:clamp(30px,3.5vw,52px)!important}

/* Responsive final */
@media(max-width:860px){
  body[data-page="servicios"] .services-hero,
  body[data-page="noticias"] .compact-hero,
  body[data-page="resenas"] .hero.hero-swap,
  body[data-page="tutoriales"] .tutorial-hero,
  body[data-page="comunidad"] .hero.hero-swap{padding-top:26px!important;padding-bottom:30px!important}
  body:not([data-page="admin"]) .hero h1,body:not([data-page="admin"]) .compact-hero h1,body:not([data-page="admin"]) .services-hero h1,body:not([data-page="admin"]) .tutorial-hero h1{font-size:clamp(2.25rem,10vw,3.6rem)!important}
  .hero-content>p,.services-hero-copy>p,.tutorial-hero .hero-content>p{text-align:left!important;font-size:1rem!important}
  body[data-page="inicio"] .home-hero-v2 .hero-content>p:not(.hero-kicker){text-align:center!important}
}
@media(prefers-reduced-motion:reduce){body[data-page="inicio"] .home-hero-v2::before,body[data-page="inicio"] .home-hero-v2::after{animation:none!important}.learning-carousel .learning-track{scroll-behavior:auto}}

@media(max-width:420px){.brand-logo-text-single{display:none!important}}

/* ============================================================
   HOTFIX 2026-08-31 v2 — compactación y alineación solicitada
   ============================================================ */

/* 1) Marca: SIEMPRE una sola línea y más compacta */
.site-header .brand-logo{
  flex:0 0 auto!important;
  gap:8px!important;
}
.site-header .brand-logo-img{
  height:46px!important;
  width:auto!important;
  max-width:70px!important;
}
.site-header .brand-logo-text-single{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  min-width:0!important;
}
.site-header .brand-logo-text-single .brand-logo-title{
  display:inline-flex!important;
  align-items:baseline!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  font-size:clamp(.72rem,.86vw,.98rem)!important;
  letter-spacing:.045em!important;
  line-height:1!important;
}
.site-header .brand-logo-text-single .brand-logo-tech{
  display:inline!important;
  white-space:nowrap!important;
  font-size:1em!important;
  line-height:1!important;
  margin-left:.30em!important;
  letter-spacing:.045em!important;
}

/* 2) Inicio: eliminar el aire innecesario arriba/abajo del hero */
body[data-page="inicio"] .home-hero-v2{
  padding-top:12px!important;
  padding-bottom:12px!important;
  min-height:0!important;
}
body[data-page="inicio"] .home-hero-v2 .hero-content{
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
body[data-page="inicio"] .home-hero-v2 .badge{margin-top:0!important;margin-bottom:10px!important}
body[data-page="inicio"] .home-hero-v2 .hero-kicker{margin-bottom:8px!important}
body[data-page="inicio"] .home-hero-v2 h1{margin-bottom:8px!important}
body[data-page="inicio"] .home-hero-v2 .hero-content>p:not(.hero-kicker){margin-bottom:12px!important}
body[data-page="inicio"] .home-hero-v2 .hero-actions{margin-top:0!important;margin-bottom:0!important}

/* 3) Heroes interiores aún más compactos */
body[data-page="servicios"] .services-hero,
body[data-page="noticias"] .compact-hero,
body[data-page="resenas"] .hero.hero-swap,
body[data-page="tutoriales"] .tutorial-hero,
body[data-page="comunidad"] .hero.hero-swap{
  padding-top:16px!important;
  padding-bottom:16px!important;
  min-height:0!important;
}
body[data-page="noticias"] .compact-hero,
body[data-page="tutoriales"] .tutorial-hero{
  gap:clamp(18px,2.2vw,34px)!important;
}
body[data-page="noticias"] .hero-image-panel,
body[data-page="tutoriales"] .hero-image-panel{
  min-height:0!important;
  align-self:center!important;
}
body[data-page="noticias"] .hero-services-image,
body[data-page="tutoriales"] .hero-services-image{
  max-height:430px!important;
}

/* 4 y 5) Noticias + Tutoriales: bloque de texto alineado a la derecha */
@media(min-width:901px){
  body[data-page="noticias"] .compact-hero .hero-content,
  body[data-page="tutoriales"] .tutorial-hero .hero-content{
    text-align:right!important;
    justify-self:end!important;
    align-items:flex-end!important;
  }
  body[data-page="noticias"] .compact-hero .hero-content .badge,
  body[data-page="tutoriales"] .tutorial-hero .hero-content .learning-badge{
    margin-left:auto!important;
    margin-right:0!important;
  }
  body[data-page="noticias"] .compact-hero .hero-content>p,
  body[data-page="tutoriales"] .tutorial-hero .hero-content>p{
    text-align:right!important;
    margin-left:auto!important;
    margin-right:0!important;
  }
  body[data-page="noticias"] .compact-hero .hero-actions,
  body[data-page="tutoriales"] .tutorial-hero .hero-actions{
    justify-content:flex-end!important;
    width:100%!important;
  }
}

@media(max-width:900px){
  body[data-page="inicio"] .home-hero-v2{padding:18px 18px!important}
  body[data-page="servicios"] .services-hero,
  body[data-page="noticias"] .compact-hero,
  body[data-page="resenas"] .hero.hero-swap,
  body[data-page="tutoriales"] .tutorial-hero,
  body[data-page="comunidad"] .hero.hero-swap{padding-top:20px!important;padding-bottom:20px!important}
}


/* Sprint 5: marca compacta y una sola línea sin excepción */
@media (min-width:421px){
.site-header .navbar{max-width:1600px!important}
.site-header .brand-logo{width:max-content!important;min-width:max-content!important;max-width:none!important;flex:0 0 auto!important}
.site-header .brand-logo-text-single,.site-header .brand-logo-title{width:max-content!important;min-width:max-content!important;max-width:none!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
.site-header .brand-logo-title{font-size:clamp(.68rem,.72vw,.88rem)!important;letter-spacing:.035em!important}
.site-header .brand-logo-img{height:42px!important;max-width:60px!important}
}
.global-search-page,.service-detail-page,.request-page{max-width:1180px;margin:0 auto;padding:42px 24px 70px}
.search-hero,.service-detail-hero,.request-card{border:1px solid rgba(0,239,100,.28);border-radius:28px;background:rgba(0,24,14,.78);padding:30px}
.search-form{display:flex;gap:10px;margin:18px 0 28px}.search-form input{flex:1;padding:15px;border-radius:14px;border:1px solid rgba(0,239,100,.35);background:#00150d;color:#fff}.search-results{display:grid;gap:14px}.search-result{padding:18px;border:1px solid rgba(0,239,100,.22);border-radius:18px;background:#00180f}.search-result a{color:#00ef64;font-weight:800}.search-result p{color:#aebdb4}.service-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.service-detail-hero img{width:100%;border-radius:20px}.service-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.service-detail-list li{list-style:none;padding:14px;border:1px solid rgba(0,239,100,.2);border-radius:14px}.share-box{margin-top:28px;padding:18px;border:1px solid rgba(0,239,100,.25);border-radius:18px}.share-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.share-actions a,.share-actions button{border:1px solid rgba(0,239,100,.35);background:#001b10;color:#00ef64;padding:10px 14px;border-radius:999px;font-weight:800;cursor:pointer}.request-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.request-grid .full{grid-column:1/-1}.request-card input,.request-card select,.request-card textarea{width:100%;padding:13px;border-radius:12px;border:1px solid rgba(0,239,100,.3);background:#00170e;color:white}.request-card label{display:grid;gap:7px;font-weight:700}.service-card-premium .service-more{display:inline-flex;margin-top:14px;color:#00ef64;font-weight:800}.track-cta{cursor:pointer}
@media(max-width:760px){.service-detail-hero,.request-grid{grid-template-columns:1fr}.request-grid .full{grid-column:auto}.service-detail-list{grid-template-columns:1fr}.search-form{flex-direction:column}}

/* ============================================================
   AJUSTE 2026-08-31 v3 — HEROES PRINCIPALES CENTRADOS
   ============================================================ */
/* Marca definitiva: ERICK ISLAS TECH siempre en una sola línea */
.site-header .brand-logo-text-single,
.site-header .brand-logo-text-single .brand-logo-title{
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  width:max-content!important;
  max-width:none!important;
}
.site-header .brand-logo-text-single .brand-logo-title{font-size:clamp(.68rem,.82vw,.92rem)!important}
.site-header .brand-logo-text-single .brand-logo-tech{display:inline-block!important;white-space:nowrap!important;margin-left:.32em!important}

/* Los bloques principales conservan imagen, pero toda la comunicación queda centrada */
body[data-page="servicios"] .services-hero-copy,
body[data-page="noticias"] .compact-hero .hero-content,
body[data-page="resenas"] .hero.hero-swap .hero-content,
body[data-page="tutoriales"] .tutorial-hero .hero-content,
body[data-page="comunidad"] .hero.hero-swap .hero-content,
body[data-page="contacto"] .hero .hero-content{
  text-align:center!important;
  justify-items:center!important;
  align-items:center!important;
}
body[data-page="servicios"] .services-hero-copy>p,
body[data-page="noticias"] .compact-hero .hero-content>p,
body[data-page="resenas"] .hero.hero-swap .hero-content>p,
body[data-page="tutoriales"] .tutorial-hero .hero-content>p,
body[data-page="comunidad"] .hero.hero-swap .hero-content>p,
body[data-page="contacto"] .hero .hero-content>p{
  text-align:center!important;
  text-justify:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:820px!important;
}
body[data-page="servicios"] .services-actions,
body[data-page="noticias"] .compact-hero .hero-actions,
body[data-page="resenas"] .hero.hero-swap .hero-actions,
body[data-page="tutoriales"] .tutorial-hero .hero-actions,
body[data-page="comunidad"] .hero.hero-swap .hero-actions,
body[data-page="contacto"] .hero .hero-actions{
  justify-content:center!important;
  align-items:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body[data-page="servicios"] .services-eyebrow,
body[data-page="noticias"] .compact-hero .badge,
body[data-page="resenas"] .hero.hero-swap .badge,
body[data-page="tutoriales"] .tutorial-hero .learning-badge,
body[data-page="comunidad"] .hero.hero-swap .badge{
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body[data-page="resenas"] .reviews-hero-note{text-align:center!important;width:100%!important}

/* Centrar visualmente ambas mitades del hero cuando existe imagen */
body[data-page="servicios"] .services-hero,
body[data-page="noticias"] .compact-hero,
body[data-page="resenas"] .hero.hero-swap,
body[data-page="tutoriales"] .tutorial-hero,
body[data-page="comunidad"] .hero.hero-swap{
  align-items:center!important;
}
body[data-page="servicios"] .hero-image-panel,
body[data-page="noticias"] .hero-image-panel,
body[data-page="resenas"] .hero-image-panel,
body[data-page="tutoriales"] .hero-image-panel,
body[data-page="comunidad"] .hero-image-panel{
  justify-self:center!important;
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Encabezados de las secciones principales también centrados */
.services-section-header,.section-heading,.reviews-heading-copy,
.tutorial-main-section>.section-heading,.learning-path{
  text-align:center!important;
}
.services-section-header>p,.section-heading>p,.reviews-heading-copy>p,.learning-path>p{
  margin-left:auto!important;margin-right:auto!important;text-align:center!important;
}

@media(max-width:860px){
 .site-header .brand-logo-img{height:40px!important;max-width:58px!important}
 .site-header .brand-logo-text-single .brand-logo-title{font-size:.72rem!important}
 body[data-page="servicios"] .services-hero-copy>p,
 body[data-page="noticias"] .compact-hero .hero-content>p,
 body[data-page="resenas"] .hero.hero-swap .hero-content>p,
 body[data-page="tutoriales"] .tutorial-hero .hero-content>p,
 body[data-page="comunidad"] .hero.hero-swap .hero-content>p{text-align:center!important}
}


/* ============================================================
   HOTFIX HEADER 2026-08-31 v4 — NO REESCRITURA / UNA SOLA LÍNEA
   ============================================================ */
.site-header .brand-logo,
.eit-logo-image-link{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
}
.site-header .brand-logo-text-single,
.site-header .brand-logo-title,
.eit-header-brand-single,
.eit-header-brand-single .eit-header-brand-main{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
.site-header .brand-logo-tech,
.eit-header-brand-single .eit-header-brand-tech{
  display:inline!important;
  white-space:nowrap!important;
  margin-left:.30em!important;
  font-size:inherit!important;
  letter-spacing:inherit!important;
}
@media (min-width:421px){
  .site-header .brand-logo-title,
  .eit-header-brand-single .eit-header-brand-main{font-size:clamp(.76rem,.92vw,1rem)!important}
}