
/* =========================================================
   INCOASA PRODUCTION STABLE 3.0
   Arquitectura clásica híbrida, mismo HTML en todos los equipos.
   ========================================================= */
:root{
 --in-header:82px;
 --in-container:min(1240px,calc(100% - 40px));
}
html{width:100%;max-width:100%;overflow-x:hidden}
body.incoasa-production-stable{width:100%;max-width:100%;overflow-x:hidden;padding-top:var(--in-header)}
body.incoasa-production-stable *{min-width:0}
.incoasa-main{display:block;width:100%;max-width:100%;min-height:45vh;overflow:clip}
.incoasa-page,.incoasa-home{width:100%;max-width:none;margin:0;padding:0}
.incoasa-page>.alignfull,.incoasa-home>.alignfull{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.incoasa-page>.alignwide,.incoasa-home>.alignwide{width:var(--in-container)!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}
.incoasa-page>p:not([class]),.incoasa-page>h1:not([class]),.incoasa-page>h2:not([class]),.incoasa-page>h3:not([class]),.incoasa-page>ul:not([class]),.incoasa-page>ol:not([class]),.incoasa-page>figure:not([class]){
 width:min(780px,calc(100% - 40px));margin-left:auto;margin-right:auto
}

/* Header clásico: no depende de wp_template ni del bloque Navigation. */
.incoasa-site-header{
 position:fixed!important;z-index:10000;top:0;left:0;right:0;width:100%;
 background:rgba(255,255,255,.96);border-bottom:1px solid transparent;
 -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
 transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease
}
body.admin-bar .incoasa-site-header{top:32px}
.incoasa-site-header.is-scrolled{background:#fff;border-color:var(--in-border);box-shadow:0 8px 30px rgba(0,47,95,.10)}
.incoasa-header-inner{
 width:var(--in-container);max-width:1240px;min-height:82px;margin:0 auto;padding:10px 0;
 display:flex;align-items:center;gap:18px
}
.incoasa-logo{flex:0 0 auto}
.incoasa-logo a{display:flex;align-items:center}
.incoasa-logo img,.incoasa-logo .custom-logo{
 display:block;width:clamp(160px,15vw,205px)!important;max-height:58px;height:auto!important;object-fit:contain
}
.incoasa-main-nav{margin-left:auto;position:relative;z-index:3}
.incoasa-menu{display:flex;align-items:center;gap:clamp(2px,.5vw,9px);list-style:none;margin:0;padding:0}
.incoasa-menu li{position:relative;margin:0;padding:0}
.incoasa-menu>li>a{
 display:flex;align-items:center;justify-content:center;min-height:44px;padding:11px clamp(8px,.8vw,14px);
 color:var(--in-blue-dark);font-size:clamp(.88rem,.92vw,1rem);font-weight:800;line-height:1.1;
 border-radius:7px;white-space:nowrap;transition:background-color .17s ease,color .17s ease,transform .17s ease,box-shadow .17s ease
}
.incoasa-menu>li.current-menu-item>a,.incoasa-menu>li.current-menu-ancestor>a,.incoasa-menu>li.current_page_item>a{
 background:rgba(255,196,0,.16);box-shadow:inset 0 -3px 0 var(--in-yellow)
}
@media(hover:hover) and (pointer:fine){
 .incoasa-menu>li>a:hover,.incoasa-menu>li>a:focus-visible{
  background:var(--in-yellow);color:var(--in-blue-dark);transform:translateY(-1px) scale(1.07);
  box-shadow:0 8px 20px rgba(0,47,95,.18);outline:0
 }
}
.incoasa-menu .sub-menu{
 position:absolute;left:0;top:calc(100% + 5px);min-width:235px;display:none;list-style:none;margin:0;padding:8px;
 background:#fff;border:1px solid rgba(0,55,104,.12);border-radius:9px;box-shadow:0 14px 35px rgba(0,35,75,.16)
}
.incoasa-menu li:hover>.sub-menu,.incoasa-menu li:focus-within>.sub-menu{display:block}
.incoasa-menu .sub-menu a{display:block;padding:11px 12px;color:var(--in-blue-dark);font-size:.9rem;font-weight:700;border-radius:6px}
.incoasa-menu .sub-menu a:hover,.incoasa-menu .sub-menu a:focus-visible{background:var(--in-yellow);outline:0}
.incoasa-header-quote{
 flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;
 background:var(--in-yellow);color:var(--in-blue-dark);font-size:.82rem;font-weight:900;border:2px solid var(--in-yellow);
 transition:transform .17s ease,filter .17s ease
}
.incoasa-header-quote:hover{color:var(--in-blue-dark);transform:translateY(-1px);filter:brightness(.97)}
.incoasa-menu-toggle{
 display:none;width:48px;height:46px;margin-left:auto;padding:10px;border:0;background:transparent;cursor:pointer
}
.incoasa-menu-toggle>span:not(.screen-reader-text){display:block;height:3px;margin:5px 0;background:var(--in-blue-dark);border-radius:5px;transition:transform .2s ease,opacity .2s ease}
.incoasa-menu-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.incoasa-menu-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0}
.incoasa-menu-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
body.incoasa-menu-open{overflow:hidden}

/* Blog clásico */
.incoasa-blog-shell,.incoasa-single-post-layout{
 width:var(--in-container);max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;padding:58px 0 86px;align-items:start
}
.incoasa-blog-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.incoasa-blog-card{border:1px solid var(--in-border);background:#fff;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.incoasa-blog-card:hover{transform:translateY(-4px);box-shadow:var(--in-shadow)}
.incoasa-blog-card__image{display:block;aspect-ratio:16/9;background:#eef3f7;overflow:hidden}
.incoasa-blog-card__image img{width:100%;height:100%;object-fit:cover}
.incoasa-blog-card__body{padding:22px}
.incoasa-blog-card h2{margin:0 0 12px;font-size:1.25rem;line-height:1.25}
.incoasa-blog-card h2 a{color:var(--in-blue-dark)}
.incoasa-blog-card p{color:#526477}
.incoasa-blog-card__link{font-weight:800}
.incoasa-single-post-hero{background:linear-gradient(135deg,var(--in-blue-deep),var(--in-blue));color:#fff;padding:74px 0}
.incoasa-single-post-hero h1{max-width:980px;margin:8px 0 16px;color:#fff;font-size:clamp(2.1rem,5vw,4.2rem)}
.incoasa-single-post-hero p{max-width:820px;margin:0;color:#e6eff8;font-size:1.08rem}
.incoasa-single-post-main{min-width:0}
.incoasa-single-post-image{margin:0 0 30px}
.incoasa-single-post-image img{display:block;width:100%;max-height:520px;object-fit:cover}
.incoasa-single-post-content{font-size:1.04rem;line-height:1.78}
.incoasa-single-post-content>*{max-width:780px;margin-left:auto;margin-right:auto}
.incoasa-single-post-content>.alignwide{max-width:100%}
.incoasa-single-post-content>.alignfull{max-width:none}
.incoasa-single-post-content h2,.incoasa-single-post-content h3{scroll-margin-top:calc(var(--in-header) + 24px)}

/* Footer clásico */
.incoasa-footer{padding:54px 0 18px}
.incoasa-footer-grid{
 width:var(--in-container);max-width:1240px;margin:0 auto;display:grid;
 grid-template-columns:minmax(250px,1.45fr) repeat(4,minmax(125px,1fr));gap:34px
}
.incoasa-footer-grid section{min-width:0}
.incoasa-footer-grid h2{margin:0 0 15px;color:#fff;font-size:1rem}
.incoasa-footer-grid ul{list-style:none;margin:0;padding:0}
.incoasa-footer-grid li{margin:0 0 8px;font-size:.78rem;line-height:1.5}
.incoasa-footer-brand img{display:block;width:190px;max-height:70px;object-fit:contain;margin-bottom:18px}
.incoasa-footer-brand p{font-size:.8rem;line-height:1.65}
.incoasa-footer-contact li{margin-bottom:13px}
.incoasa-footer-bottom{
 width:var(--in-container);max-width:1240px;margin:30px auto 0;padding-top:16px;
 border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;gap:20px;font-size:.76rem
}
.incoasa-system-message,.incoasa-generic-shell{width:min(900px,calc(100% - 40px));margin:0 auto;padding:90px 0}
.incoasa-generic-card{padding:24px 0;border-bottom:1px solid var(--in-border)}

/* Seguridad responsive global */
.incoasa-home-hero,.incoasa-section,.incoasa-value-band,.incoasa-mid-cta,.incoasa-final-cta,.incoasa-page-hero,.incoasa-products-intro,.incoasa-catalog-hero{max-width:100%;overflow:clip}
.incoasa-hero-grid,.incoasa-two-col,.incoasa-feature-grid,.incoasa-value-grid,.incoasa-sector-grid,.incoasa-timeline,.incoasa-knowledge-grid,.incoasa-about-grid,.incoasa-solution-detail-grid,.incoasa-contact-layout,.incoasa-catalog-layout,.incoasa-product-main,.incoasa-product-two-col,.incoasa-product-quote-form,.incoasa-related-grid{
 max-width:100%
}
input,select,textarea,button{max-width:100%;font:inherit}
table{max-width:100%}
iframe{max-width:100%}

/* Menú móvil: el mismo HTML, sólo cambia CSS. */
@media(max-width:1060px){
 :root{--in-header:72px}
 body.admin-bar .incoasa-site-header{top:32px}
 .incoasa-header-inner{min-height:72px}
 .incoasa-logo img,.incoasa-logo .custom-logo{width:170px!important;max-height:52px}
 .incoasa-header-quote{display:none}
 .incoasa-menu-toggle{display:block}
 .incoasa-main-nav{
  position:fixed;inset:72px 0 auto 0;width:100%;height:calc(100vh - 72px);height:calc(100dvh - 72px);
  display:none;margin:0;background:#fff;border-top:1px solid var(--in-border);overflow-y:auto;padding:22px 20px 34px
 }
 body.admin-bar .incoasa-main-nav{top:104px;height:calc(100vh - 104px);height:calc(100dvh - 104px)}
 .incoasa-main-nav.is-open{display:block}
 .incoasa-menu{width:min(720px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:8px}
 .incoasa-menu li{width:100%}
 .incoasa-menu>li>a{
  width:100%;min-height:52px;justify-content:flex-start;padding:14px 16px;font-size:1.08rem;
  border:1px solid rgba(0,55,104,.11);background:#fff;white-space:normal;transform:none!important
 }
 .incoasa-menu>li.current-menu-item>a,.incoasa-menu>li.current-menu-ancestor>a,.incoasa-menu>li.current_page_item>a{
  background:var(--in-yellow);box-shadow:none;border-color:var(--in-yellow)
 }
 .incoasa-menu .sub-menu{
  position:static;display:block!important;min-width:0;margin:6px 0 0;padding:0 0 0 12px;border:0;box-shadow:none;background:transparent
 }
 .incoasa-menu .sub-menu a{padding:11px 14px;background:#f4f7fa;border:1px solid #e8edf2}
 .incoasa-blog-shell,.incoasa-single-post-layout{grid-template-columns:1fr}
 .incoasa-blog-sidebar{position:static}
 .incoasa-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .incoasa-footer-brand{grid-column:1/-1}
}
@media(max-width:782px){
 body.admin-bar .incoasa-site-header{top:46px}
 body.admin-bar .incoasa-main-nav{top:118px;height:calc(100vh - 118px);height:calc(100dvh - 118px)}
}
@media(max-width:700px){
 :root{--in-container:min(100% - 28px,1240px)}
 .incoasa-blog-cards{grid-template-columns:1fr}
 .incoasa-footer-grid{grid-template-columns:1fr}
 .incoasa-footer-brand{grid-column:auto}
 .incoasa-footer-bottom{flex-direction:column}
 .incoasa-single-post-hero{padding:58px 0}
 .incoasa-blog-shell,.incoasa-single-post-layout{padding:42px 0 68px}
}
@media(max-width:480px){
 .incoasa-header-inner{gap:8px}
 .incoasa-logo img,.incoasa-logo .custom-logo{width:150px!important}
 .incoasa-main-nav{padding-left:14px;padding-right:14px}
 .incoasa-menu>li>a{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
 .incoasa-menu>li>a,.incoasa-blog-card,.incoasa-site-header,.incoasa-menu-toggle span{transition:none!important}
 .incoasa-menu>li>a:hover{transform:none!important}
}
