/* Erick Islas Tech — estabilización responsive de producción */
*,*::before,*::after{box-sizing:border-box}
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{display:block;max-width:100%}
iframe{width:100%}
pre,code{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
table{max-width:100%;border-collapse:collapse}
input,select,textarea,button{max-width:100%;font:inherit}
main,section,article,aside,header,footer,nav,div{min-width:0}

/* Navegación */
.site-header{width:100%;z-index:1000}
.navbar{max-width:var(--max,1420px);padding-inline:0}
.brand-logo{min-width:0;flex:1 1 auto}
.brand-logo-text{min-width:0}
.brand-logo-title,.brand-logo-tech{white-space:nowrap}
.menu-toggle{flex:0 0 auto;min-width:46px;min-height:46px}
.nav-menu{min-width:0}

/* Contenedores y tipografía */
.section,.news-section,.review-section,.tutorial-main-section,.learning-path,.tutorial-content,.eit-footer-grid,.eit-footer-bottom{max-width:100%}
h1,h2,h3,h4,p,li,a,span{overflow-wrap:break-word}
h1,h2,h3{text-wrap:balance}
.hero,.compact-hero,.hero-compact,.tutorial-hero,.tutorial-detail-hero,.review-hero,.news-hero,.article-hero,.news-detail-hero,.noticia-hero{max-width:100%}
.hero-copy,.hero-content,.hero-text,.review-copy,.tutorial-hero-copy{min-width:0}
.hero-actions,.tutorial-meta,.review-meta,.eit-social-links{flex-wrap:wrap}

/* Tarjetas y rejillas */
.cards-grid,.news-grid,.noticias-grid,.articles-grid,.tutorial-grid,.reviews-grid,.review-grid,.services-grid{min-width:0}
.card,.news-card,.noticia-card,.article-card,.tutorial-card,.review-card,.service-card{min-width:0;max-width:100%}
.review-card-media,.tutorial-card-media,.news-card-media{max-width:100%;overflow:hidden}
.review-card img,.tutorial-card img,.news-card img{width:100%;height:auto}

/* Formularios y buscadores */
.review-search-box,.tutorial-search-wrap,.search-box,.contact-form{width:100%;max-width:100%}
.review-search-box input,.tutorial-search-box input,input[type="search"],input[type="text"],input[type="email"],input[type="tel"],textarea,select{width:100%;min-width:0}
.category-filters,.tutorial-category-filters{max-width:100%;overscroll-behavior-inline:contain}

/* Footer */
.eit-footer{overflow:hidden}
.eit-footer-grid{width:min(1220px,calc(100% - 32px));margin-inline:auto}
.eit-footer-card{min-width:0}
.eit-footer-list a{overflow-wrap:anywhere}

@media (max-width:860px){
  .navbar{width:calc(100% - 24px);min-height:70px}
  .brand-logo-img,.eit-header-logo-img{width:auto;height:44px;max-width:62px;object-fit:contain}
  .brand-logo-text,.eit-header-brand-text{transform:none}
  .nav-menu{max-height:calc(100vh - 84px);overflow-y:auto;border-radius:0 0 16px 16px}
  .nav-menu a{width:100%;font-size:1rem}
  .hero,.compact-hero,.hero-compact,.tutorial-hero,.tutorial-detail-hero,.review-layout,.review-grid,.tutorial-content,.news-hero,.article-hero,.news-detail-hero,.noticia-hero,.split-section,.pros-cons{grid-template-columns:minmax(0,1fr)!important}
  .hero-visual,.hero-image-panel,.tutorial-thumb-panel,.product-orb,.page-visual{width:100%;max-width:100%;min-height:210px!important}
  .tutorial-sidebar{position:static!important}
  .eit-footer-grid{grid-template-columns:1fr!important}
}

@media (max-width:620px){
  :root{--mobile-gutter:16px}
  .navbar{width:calc(100% - 20px);gap:8px}
  .brand-logo{gap:8px!important}
  .brand-logo-img,.eit-header-logo-img{height:40px;max-width:56px}
  .brand-logo-title,.brand-logo-tech,.eit-header-brand-main,.eit-header-brand-tech{font-size:.78rem!important;line-height:1.05}
  h1{font-size:clamp(2rem,11vw,3.25rem)!important;line-height:1.04!important}
  h2{font-size:clamp(1.55rem,8vw,2.35rem)}
  .hero,.compact-hero,.hero-compact,.tutorial-hero,.tutorial-detail-hero,.review-hero,.news-hero,.article-hero,.news-detail-hero,.noticia-hero{padding-left:var(--mobile-gutter)!important;padding-right:var(--mobile-gutter)!important}
  .section,.news-section,.review-section,.tutorial-main-section,.learning-path,.tutorial-content{width:calc(100% - 28px)!important;margin-inline:auto!important}
  .cards-grid,.news-grid,.noticias-grid,.articles-grid,.tutorial-grid,.reviews-grid,.services-grid{grid-template-columns:minmax(0,1fr)!important}
  .learning-stats{grid-template-columns:1fr!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
  .hero-actions .btn,.btn{width:100%;justify-content:center}
  .review-card-content,.tutorial-card,.news-card-content{padding:16px!important}
  .reviews-toolbar,.tutorial-filter-panel{padding:15px!important;border-radius:18px!important}
  .category-filters,.tutorial-category-filters{margin-inline:0!important;padding-bottom:8px}
  .category-filter,.tutorial-category-filter{flex:0 0 auto;white-space:nowrap}
  .eit-footer-grid,.eit-footer-bottom{width:calc(100% - 28px)!important}
  .eit-footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
  .eit-social-links{display:grid!important;grid-template-columns:1fr;width:100%}
  .eit-social-links a{width:100%;text-align:center}
}

@media (max-width:390px){
  .brand-logo-text{display:none}
  .menu-toggle{min-width:44px}
  h1{font-size:clamp(1.82rem,10vw,2.65rem)!important}
  .learning-badge,.badge{max-width:100%;white-space:normal;text-align:left}
  .review-meta span,.tutorial-meta span{font-size:.78rem}
}