@import url('./fonts.css');
:root{--asofom-orange:#FF5B00;--asofom-orange-dark:#173047;--asofom-blue-gray:#7A94A6;--asofom-light-blue:#D4E0EB;--asofom-ink:#173047;--asofom-slate:#173047;--asofom-muted:#173047;--asofom-paper:#D4E0EB;--asofom-line:#D4E0EB;--thm-base:#FF5B00;--thm-black:#173047;--thm-font:'Barlow',sans-serif;--thm-b-font:'Barlow Condensed',sans-serif}
html.asofom-brand body{background:var(--asofom-paper)!important;color:var(--asofom-ink);font-family:'Barlow',Arial,sans-serif!important;font-size:16px;line-height:1.65}
.asofom-brand h1,.asofom-brand h2,.asofom-brand h3,.asofom-brand h4,.asofom-brand h5,.asofom-brand h6,.asofom-brand .navigation,.asofom-brand .btn-title{font-family:'Barlow Condensed','Arial Narrow',sans-serif!important;letter-spacing:.02em}
.asofom-brand h1,.asofom-brand h2,.asofom-brand h3,.asofom-brand h4,.asofom-brand h5,.asofom-brand h6{color:var(--asofom-ink)}
.asofom-brand a{color:var(--asofom-orange-dark)}.asofom-brand a:hover{color:var(--asofom-ink)}
.asofom-brand :focus-visible{outline:3px solid var(--asofom-slate)!important;outline-offset:4px}
.asofom-brand .main-header,.asofom-brand .header-upper,.asofom-brand .nav-outer{background:var(--asofom-ink)!important;border-color:#7A94A6!important}
.asofom-brand .main-header{box-shadow:0 3px 18px #1730470a}
.asofom-brand .main-header .navigation>li>a{color:#fff!important;font-size:18px!important;font-weight:600}
.asofom-brand .main-header .navigation>li:hover>a,.asofom-brand .main-header .navigation>li.current>a{color:var(--asofom-orange)!important}
.asofom-brand .navigation ul{background:#fff!important;border-top:3px solid var(--asofom-orange)!important}.asofom-brand .navigation ul a{color:var(--asofom-ink)!important}
.asofom-brand .navigation li:focus-within>ul{display:block;visibility:visible;opacity:1}
.asofom-official-logo{width:148px!important;height:100px!important;object-fit:contain!important}
.asofom-brand .logo-box{padding-top:0!important;padding-bottom:0!important}
.asofom-brand .page-banner{background:var(--asofom-ink)!important;min-height:250px}
.asofom-brand .page-banner .image-layer{background-image:none!important;background:var(--asofom-ink)!important}
.asofom-brand .page-banner .shape-1,.asofom-brand .page-banner .shape-2{display:none}
.asofom-brand .page-banner .banner-inner{padding:32px 24px!important}.asofom-brand .page-banner .inner-container{top:0!important}
.asofom-brand .page-banner h1{color:#fff!important;font-size:clamp(36px,5vw,64px)!important;line-height:1.1}
.asofom-brand .page-banner .logo{background:transparent;display:inline-block;padding:0 16px}.asofom-brand .page-banner .logo br{display:none}
.asofom-brand .page-banner .banner-inner,.asofom-brand .page-banner .inner-container{position:relative!important;z-index:2!important;opacity:1!important;visibility:visible!important;transform:none!important}
.asofom-brand .page-banner .inner-container{margin:0 auto!important;padding:12px 0!important}
.asofom-brand .elementor-1709{margin-top:0!important}
.asofom-brand .page-banner .bread-crumb li,.asofom-brand .page-banner .bread-crumb span{color:#fff!important}
.asofom-brand .services-section,.asofom-brand .contact-section,.asofom-brand .contact-two,.asofom-brand .about-section,.asofom-brand .team-section,.asofom-brand .news-section{background:var(--asofom-paper)!important;color:var(--asofom-ink)!important}
.asofom-brand .services-section{padding-top:56px!important;padding-bottom:56px!important}
.asofom-brand .sec-title h2{font-size:clamp(30px,4vw,48px)!important;line-height:1.15;color:var(--asofom-ink)!important}
.asofom-brand .sec-title .dot,.asofom-brand .icon-box{color:var(--asofom-orange)!important}
.asofom-brand .service-block .inner-box{background:#fff!important;border:1px solid var(--asofom-line);border-top:3px solid var(--asofom-orange);border-radius:4px;box-shadow:0 8px 24px #17304706;padding:28px!important;transition:transform .2s,border-color .2s}
.asofom-brand .service-block .inner-box:hover{transform:translateY(-3px);border-color:var(--asofom-orange)}
.asofom-brand .service-block h6,.asofom-brand .service-block h6 a{color:var(--asofom-ink)!important;font-size:22px!important}
.asofom-brand .bottom-curve,.asofom-brand .btn-curve{display:none!important}
.asofom-brand .theme-btn,.asofom-brand .btn-primary,.asofom-brand button[type=submit],.asofom-brand input[type=submit]{background:var(--asofom-orange)!important;color:var(--asofom-ink)!important;border:1px solid var(--asofom-orange)!important;border-radius:3px!important;font-weight:600;min-height:44px;cursor:pointer}
.asofom-brand .theme-btn:hover,.asofom-brand .btn-primary:hover{background:var(--asofom-ink)!important;color:#fff!important;border-color:var(--asofom-ink)!important}
.asofom-brand .theme-btn .btn-title{color:inherit!important;font-size:20px;line-height:1.3;padding:14px 28px}
.asofom-brand input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),.asofom-brand select,.asofom-brand textarea{font-family:'Barlow',sans-serif!important;background:#fff!important;color:var(--asofom-ink)!important;border:1px solid #7A94A6!important;border-radius:3px!important;max-width:100%;min-height:46px;padding:10px 14px!important;box-sizing:border-box}
.asofom-brand input::placeholder,.asofom-brand textarea::placeholder{color:var(--asofom-muted)!important;opacity:1}
.asofom-brand .contact-two__text,.asofom-brand .services-section .text{color:var(--asofom-muted)!important;font-family:'Barlow',sans-serif!important}
.asofom-brand .xcrud,.asofom-brand .xcrud-container{font-family:'Barlow',sans-serif!important;color:var(--asofom-ink);max-width:100%;overflow-x:auto}.asofom-brand table{font-family:'Barlow',sans-serif!important}
.asofom-brand .xcrud-list th,.asofom-brand .table thead th{background:var(--asofom-slate)!important;color:#fff!important;border-color:var(--asofom-slate)!important}
.asofom-brand .xcrud-list td,.asofom-brand .table td{border-color:var(--asofom-line)!important}
.asofom-brand .xcrud-list tbody tr:nth-child(even),.asofom-brand .table-striped tbody tr:nth-child(odd){background:#D4E0EB!important}
.asofom-brand .progress{background:#D4E0EB!important;border:0!important}.asofom-brand .progress-bar{background:var(--asofom-orange)!important;color:var(--asofom-ink)!important}
.asofom-brand .main-footer{background:var(--asofom-ink)!important;color:#fff}.asofom-brand .main-footer h2,.asofom-brand .main-footer h3,.asofom-brand .main-footer a{color:#fff!important}
.asofom-brand .mobile-nav-toggler{color:#fff!important}
.asofom-brand .contact-section{padding:64px 0!important}
.asofom-brand .main-footer,.asofom-brand .services-section,.asofom-brand .call-to-section{background-image:none!important}
.asofom-brand .call-to-section .shape-1,.asofom-brand .call-to-section .shape-2{background-image:none!important}
.asofom-brand .service-block h6{max-width:none!important;width:auto!important;overflow-wrap:normal!important;word-break:normal!important;padding-right:0!important}
.asofom-brand .service-block h6 a{word-break:normal!important}
.asofom-brand .main-menu>center p{color:#D4E0EB!important}
.portal-page .main-header.original,.portal-page .main-header.original .header-upper{position:relative!important}
.portal-page .main-header .header-upper .inner-container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px;max-width:1440px;margin:auto}
.portal-page .main-header .logo-box{float:none!important;margin:0!important;flex-shrink:0}
.portal-page .main-header .nav-outer{position:relative!important;float:none!important;left:auto;top:auto;width:auto!important;padding:0!important}
.portal-page .main-header .navbar-collapse{margin:0!important}
.portal-page .main-menu>center p{margin:0!important;font-size:13px;line-height:1.5}
.portal-page .main-menu>center br{display:none}
.portal-page .main-menu .navigation>li{margin-right:24px!important}
.portal-page .main-menu .navigation>li>a{padding:14px 0!important}
.portal-page .main-header.sticked-menu{display:none!important}
.portal-menu-toggle{display:none}
.portal-content{display:flow-root;padding-top:20px!important;margin:0!important}
.portal-content .portal-leading{padding-top:0!important;margin-top:0!important;min-height:0!important;top:auto!important;bottom:auto!important}
.portal-content .live-section.portal-leading{border-top:0!important}
.portal-content br[hidden]{display:none!important}
.portal-page .service-block{visibility:visible!important;animation:none!important;opacity:1!important;transform:none!important}
.portal-page .service-block .inner-box{min-height:210px}
.portal-page .service-block .icon-box{margin-bottom:18px!important}
@media(max-width:991px){
 .portal-page .main-header .header-upper .inner-container{display:block;padding:0 20px}
 .portal-page .main-header .logo-box{height:84px;width:120px!important;display:flex;align-items:center}
 .portal-page .main-header .logo-box img{height:80px!important;width:120px!important}
 .portal-page .main-header .nav-outer{position:static!important}
 .portal-menu-toggle{display:block;position:absolute;z-index:20;right:20px;top:21px;min-height:42px;padding:6px 18px;border:1px solid #FF5B00;border-radius:3px;background:#FF5B00;color:#173047;font:600 18px 'Barlow Condensed',sans-serif}
 .portal-page .portal-nav-ready .main-menu{display:none!important}
 .portal-page .portal-menu-open .main-menu{display:block!important;padding-bottom:18px}
 .portal-page .main-menu .navigation{display:flex!important;flex-wrap:wrap;gap:0 20px;width:100%}
 .portal-page .main-menu .navigation>li{float:none!important;margin:0!important}
 .portal-page .main-menu .navigation>li>a{padding:10px 0!important;min-height:44px}
 .portal-page .main-menu .navigation>li>ul{top:100%!important;max-width:calc(100vw - 40px)}
 .portal-page .main-menu>center{padding-bottom:12px}
 .portal-page .service-block{float:none!important;max-width:100%;width:100%}
}
.member-page{margin:0;min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate}
.member-page::before{content:'';position:absolute;inset:0;z-index:-1;background:url('./login-background.png') center center/cover no-repeat;opacity:.085;pointer-events:none}
.member-header{background:var(--asofom-ink);border-bottom:1px solid #7A94A6}
.member-header-inner{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:4px 36px;gap:24px}
.member-logo{width:148px;height:100px;object-fit:contain;display:block}
.member-nav{display:flex;align-items:center;gap:30px;font-size:15px;font-weight:500}.asofom-brand .member-nav a{color:#fff;text-decoration:none}.asofom-brand .member-nav a:hover{color:var(--asofom-orange)}.member-nav a:last-child{border-bottom:2px solid var(--asofom-orange);padding-bottom:4px}
.member-main{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;padding:20px 36px 40px;gap:80px;align-items:start}
.member-intro .eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600;color:var(--asofom-slate)}.member-intro .eyebrow:before{content:'';width:36px;height:3px;background:var(--asofom-orange)}
.member-intro h1{font-size:clamp(48px,5.5vw,76px);line-height:1.03;text-transform:uppercase;margin:22px 0 24px;font-weight:600;max-width:580px}.member-intro h1 span{color:var(--asofom-orange)}
.member-intro>p{font-size:18px;color:var(--asofom-muted);max-width:450px;line-height:1.7}
.member-benefits{margin-top:36px;border-top:1px solid var(--asofom-line);display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:24px}.member-benefits strong{display:block;font-size:20px;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--asofom-ink)}.member-benefits p{margin:6px 0 0;font-size:14px;color:var(--asofom-muted);line-height:1.6}
.member-card{background:#fff;border:1px solid var(--asofom-line);border-top:4px solid var(--asofom-orange);padding:40px;box-shadow:0 18px 55px #17304708}
.member-card .card-kicker{color:var(--asofom-muted);font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 8px}.member-card h2{font-size:36px;line-height:1.15;margin:0 0 10px;text-transform:uppercase;font-weight:600}.member-card>p{color:var(--asofom-muted);margin:0 0 28px;font-size:15px}
.member-card label{display:block;font-weight:600;font-size:14px;margin:20px 0 8px}.member-card input{width:100%;height:50px}
.member-card .forgot{display:block;text-align:right;font-size:14px;margin:14px 0 24px;text-underline-offset:4px}
.member-card button{width:100%;padding:14px 20px;font-family:'Barlow Condensed',sans-serif;font-size:20px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}
.member-support{border-top:1px solid var(--asofom-line);margin-top:28px;padding-top:20px;text-align:center;font-size:14px;color:var(--asofom-muted)}.member-support a{font-weight:600;text-underline-offset:4px}
.member-footer{background:var(--asofom-ink);color:#fff;margin-top:auto}.member-footer-inner{max-width:1240px;margin:auto;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.member-footer img{width:110px;height:auto}.member-footer p{font-size:13px;margin:0;color:#D4E0EB;max-width:360px}.member-footer a{color:#fff;text-underline-offset:4px;font-size:13px}
@media(max-width:991px){.member-main{gap:32px;padding:20px 24px 40px}.member-card{padding:28px}.member-intro h1{font-size:54px}.asofom-brand .auto-container{padding-left:20px;padding-right:20px}}
@media(max-width:650px){.member-header-inner{padding:0 20px}.member-logo{width:120px;height:84px}.member-nav{gap:14px;font-size:13px}.member-nav .desktop-link{display:none}.member-main{grid-template-columns:1fr;padding:20px 20px 40px;gap:28px}.member-intro h1{font-size:46px;margin:16px 0}.member-intro>p{font-size:16px;margin:0}.member-benefits{display:none}.member-card{padding:26px 22px}.member-card h2{font-size:32px}.member-footer-inner{flex-wrap:wrap;padding:24px 20px;gap:16px}.member-footer p{max-width:220px}.asofom-brand .page-banner{min-height:220px}.asofom-brand .contact-section{padding:40px 0!important}.asofom-brand .service-block{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.asofom-brand *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Paleta institucional del Manual de Identidad ASOFOM. */
.asofom-brand input[type=checkbox],.asofom-brand input[type=radio]{accent-color:var(--asofom-orange)}
.asofom-brand .navigation ul a:hover,.asofom-brand .navigation ul a:focus-visible{background:var(--asofom-light-blue)!important;color:var(--asofom-ink)!important}
.asofom-brand .main-header :focus-visible,.asofom-brand .member-header :focus-visible,.asofom-brand .member-footer :focus-visible{outline-color:var(--asofom-orange)!important}