/*
Theme Name: +Aula Comercial
Theme URI: https://masaula.mx/
Author: Equipo +Aula
Description: Tema propio ligero para +Aula, PlaNEM y la futura tienda WooCommerce. WordPress administra; el tema controla la presentación; PlaNEM opera en app.masaula.mx.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: masaula
License: GPL-2.0-or-later
*/
:root {
  --ma-navy:#102b50;--ma-ink:#142d4d;--ma-muted:#52627a;--ma-yellow:#ffcf47;--ma-yellow-deep:#fbbf24;
  --ma-paper:#fffefa;--ma-blue-light:#eff4f9;--ma-stroke:#e4eaf1;--ma-width:1160px;
  --ma-radius:16px;--ma-shadow:0 18px 45px rgba(16,43,80,.12);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:#fff;color:var(--ma-ink);font:400 16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.ma-menu-open{overflow:hidden}
img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}
:focus-visible{outline:3px solid #eeae12;outline-offset:4px}
.ma-container{max-width:var(--ma-width);margin-inline:auto;padding-inline:24px}
.ma-visually-hidden,.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ma-skip{position:absolute;left:12px;top:-100px;z-index:120;background:#fff;color:var(--ma-ink);padding:10px 18px;border-radius:6px}.ma-skip:focus{top:8px}
.ma-site-header{position:relative;z-index:30;background:rgba(255,255,255,.98);border-bottom:1px solid #f1f2f4}
.ma-header__inner{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.ma-brand{display:inline-flex;align-items:center;flex-shrink:0;gap:4px;color:var(--ma-navy);font-size:38px;font-weight:850;letter-spacing:-2.6px;line-height:1}
.ma-brand__plus{display:inline-block;color:var(--ma-yellow-deep);font:900 49px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;transform:rotate(-8deg);margin-right:0;letter-spacing:-7px;text-shadow:-1px 1px 0 #e8a91a}
.ma-brand--footer{color:#fff;font-size:44px}.ma-brand--footer .ma-brand__plus{font-size:53px}
.ma-nav{display:flex;align-items:center;justify-content:center;flex:1}
.ma-nav__list{display:flex;align-items:center;justify-content:center;gap:25px;margin:0;padding:0;list-style:none}
.ma-nav__list a{display:inline-block;position:relative;font-size:13px;font-weight:600;white-space:nowrap;padding:27px 0 24px}
.ma-nav__list a:hover,.ma-nav__list .current-menu-item>a,.ma-nav__list .current_page_item>a,.ma-nav__list .is-current>a{color:#061b36}
.ma-nav__list .current-menu-item>a::after,.ma-nav__list .current_page_item>a::after,.ma-nav__list .is-current>a::after{content:"";position:absolute;bottom:15px;left:0;right:0;border-bottom:3px solid var(--ma-yellow)}
.ma-header-actions{display:flex;align-items:center;gap:19px;flex-shrink:0}
.ma-search-toggle,.ma-menu-toggle{padding:6px;border:0;background:transparent;color:var(--ma-navy);display:flex;align-items:center;justify-content:center}
.ma-search-toggle svg{width:18px;height:18px}
.ma-login{font-size:13px;font-weight:600;white-space:nowrap}.ma-login:hover{text-decoration:underline}
.ma-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;padding:10px 24px;border-radius:999px;font-size:13px;font-weight:750;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;border:1px solid transparent;white-space:nowrap}
.ma-button:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(14,38,72,.15)}
.ma-button--yellow{background:var(--ma-yellow);color:#071e3a;border-color:#f3bd2c}.ma-button--yellow:hover{background:#ffdb67}
.ma-button--navy{background:var(--ma-navy);color:#fff}.ma-button--navy:hover{background:#183c67}
.ma-button--outline{background:#fff;border-color:#9eabb9;color:var(--ma-navy)}
.ma-button--small{min-height:40px;padding:8px 22px}
.ma-button__arrow{font-size:19px;font-weight:400;line-height:1}
.ma-menu-toggle{display:none}.ma-search-panel{display:none;background:#fff;border-top:1px solid var(--ma-stroke);box-shadow:0 14px 18px rgba(15,35,60,.06)}.ma-search-panel.is-open{display:block}.ma-search-panel__inner{padding-block:16px}.ma-search-form{display:flex;align-items:center;gap:8px;max-width:650px;margin-inline:auto}.ma-search-form input[type=search]{flex:1;min-width:0;border:1px solid #bcc9d7;border-radius:10px;padding:12px 16px;background:#fff;color:var(--ma-ink)}.ma-search-form button{background:var(--ma-navy);border:0;color:#fff;border-radius:10px;padding:12px 18px}
/* Portada: hero */
.ma-hero{position:relative;isolation:isolate;min-height:442px;overflow:hidden;background:#fbf9f4}
.ma-hero__media{position:absolute;inset:0 0 0 33%;z-index:-2}.ma-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}
.ma-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffcf8 0%,#fffcf8 29%,rgba(255,252,248,.95) 34%,rgba(255,252,248,.47) 42%,rgba(255,252,248,0) 58%)}
.ma-hero__inner{min-height:442px;display:flex;align-items:center}
.ma-hero__copy{max-width:438px;padding:38px 0 42px}
.ma-eyebrow{margin:0 0 9px;font-size:11px;font-weight:800;letter-spacing:1.55px;text-transform:uppercase;color:var(--ma-navy)}
.ma-hero h1,.ma-product h2,.ma-future h2,.ma-page-head h1,.ma-feature-head h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;color:var(--ma-navy);letter-spacing:-1.7px;line-height:.99}
.ma-hero h1{  font-size:clamp(40px,3.5vw,49px);  margin:0 0 18px;  max-width:100%;}
.ma-highlight{position:relative;isolation:isolate;white-space:nowrap}.ma-highlight::before{content:"";position:absolute;z-index:-1;inset:55% -7px 7% -7px;transform:rotate(-1.4deg);background:#ffda69;border-radius:24px}
.ma-hero__description{max-width:390px;margin:0;color:#233c5e;font-size:15.5px;line-height:1.42}
.ma-hero__actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:22px}
.ma-watch{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--ma-navy);font-weight:550}.ma-watch:hover{text-decoration:underline}
.ma-watch__play{height:31px;width:31px;display:grid;place-items:center;border:1.6px solid var(--ma-navy);border-radius:50%;font-size:13px;padding-left:2px}
/* Producto */
.ma-product{padding:35px 0 31px;background:#fff}
.ma-product__grid{display:grid;grid-template-columns:1.04fr .55fr 1.24fr;gap:34px;align-items:center}
.ma-product h2{font-size:clamp(42px,4.2vw,57px);margin:2px 0 0;display:inline-block}.ma-product h2::after{content:"";display:block;position:relative;z-index:0;width:100%;height:9px;background:var(--ma-yellow);border-radius:10px;margin-top:-7px;transform:rotate(-2deg)}
.ma-product__subtitle{margin:8px 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:18px;color:var(--ma-navy)}
.ma-product__copy{font-size:15px;color:#29415f;line-height:1.45;margin:0 0 18px}
.ma-feature-list{display:grid;gap:18px;margin:0;padding:0;list-style:none}
.ma-feature-list li{display:flex;align-items:center;gap:13px;font-size:12.5px;font-weight:520;line-height:1.3}
.ma-feature-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:6px;color:var(--ma-navy);background:#e8eef5}.ma-feature-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ma-product__art{position:relative;min-width:0}.ma-product__art img{display:block;width:100%;height:auto;filter:drop-shadow(0 9px 15px rgba(15,45,74,.1))}
/* Valores */
.ma-values{padding:25px 0 27px;background:#faf8f3;border-top:1px solid #f1efe9;border-bottom:1px solid #eeeae3}
.ma-values__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.ma-value{display:flex;gap:15px;align-items:flex-start}
.ma-value__sign{font:800 63px/.82 Arial,sans-serif;flex:none;color:var(--ma-yellow-deep);transform:rotate(-4deg);text-shadow:0 1px #f1b221}
.ma-value--minus .ma-value__sign{font-size:57px;transform:translateY(-12px)}
.ma-value h3{font:700 20px/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.3px;color:var(--ma-navy);margin:0 0 7px}
.ma-value p{font-size:12.5px;color:#29415e;line-height:1.35;margin:0}
/* Futuro */
.ma-future{background:linear-gradient(105deg,#fff 0%,#fff 42%,#f1f6fd 100%)}
.ma-future__grid{display:grid;grid-template-columns:39.5% minmax(0,1fr);min-height:203px}
.ma-future__photo{height:100%;min-height:203px;overflow:hidden}.ma-future__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ma-future__body{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:calc(var(--ma-width)*.605);padding:24px 28px 25px 44px}
.ma-future__text{max-width:530px}.ma-future h2{font-size:clamp(25px,2.5vw,35px);letter-spacing:-.65px;margin:0 0 12px;line-height:.99}
.ma-future h2 span{position:relative;z-index:0}.ma-future h2 span::after{content:"";background:#ffd665;height:6px;position:absolute;left:0;right:0;bottom:0;z-index:-1;transform:rotate(-1deg);border-radius:5px}
.ma-future p:not(.ma-eyebrow){font-size:12.8px;color:#233c60;line-height:1.37;margin:0}
.ma-future__actions{display:flex;flex-direction:column;align-items:center;gap:9px;flex:none}.ma-future__actions a.ma-future__secondary{font-size:12px;font-weight:650}.ma-future__actions a.ma-future__secondary:hover{text-decoration:underline}
/* Páginas interiores */
.ma-page-head{background:linear-gradient(115deg,#f9f7f1,#edf4fc);padding:72px 0 62px}
.ma-page-head h1{font-size:clamp(38px,5.4vw,65px);margin:0 0 16px;line-height:1.08}.ma-page-head p{max-width:660px;margin:0;color:#3e5270;font-size:18px}
.ma-page-content{padding-top:50px;padding-bottom:76px;max-width:870px}.ma-page-content h2,.ma-section-title{font-family:Georgia,"Times New Roman",serif;color:var(--ma-navy);line-height:1.15}.ma-page-content a:not(.ma-button){color:#0e4e8d;text-decoration:underline}.ma-page-content p{line-height:1.7}.ma-page-content img{border-radius:12px}
.ma-info-section{padding:62px 0}.ma-info-section--soft{background:#f5f8fc}
.ma-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.ma-info-card{background:#fff;border:1px solid #e1eaf3;border-radius:16px;padding:26px;box-shadow:0 9px 26px rgba(20,44,70,.055)}.ma-info-card__number{font:700 43px Georgia,serif;color:#e8b323}.ma-info-card h3{color:var(--ma-navy);font:700 22px Georgia,serif;margin:10px 0}.ma-info-card p{font-size:14px;color:var(--ma-muted);margin:0}
.ma-section-title{font-size:clamp(28px,3.1vw,42px);margin:0}.ma-section-subtitle{color:var(--ma-muted);font-size:16px;max-width:760px}
.ma-callout{padding:28px;border:1px solid #dce6f0;background:#f7f9fc;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:26px;margin-block:34px}.ma-callout h2{font:700 29px/1.15 Georgia,serif;margin:0 0 8px;color:var(--ma-navy)}.ma-callout p{margin:0;font-size:14px;color:var(--ma-muted)}
.ma-empty-state{background:#fafbfd;padding:34px;border:1px solid #e9edf2;border-radius:18px}
/* WordPress editor + páginas WooCommerce */
.entry-content>*{max-width:100%}.entry-content h2,.entry-content h3{font-family:Georgia,"Times New Roman",serif;color:var(--ma-navy)}
.entry-content a{text-decoration:underline;color:#145287}.entry-content a.ma-button{text-decoration:none;color:inherit}
.entry-content .wp-block-button__link{background:var(--ma-navy);border-radius:100px;color:white;text-decoration:none}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--ma-yellow)!important;color:var(--ma-navy)!important;border-radius:99px;font-weight:700}
.woocommerce .woocommerce-breadcrumb{color:var(--ma-muted)}.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{border-top-color:var(--ma-yellow)}
.woocommerce .woocommerce-info::before,.woocommerce .woocommerce-message::before{color:var(--ma-navy)}
/* Pie */
.ma-footer{background:var(--ma-navy);color:#fff;padding:26px 0 22px}
.ma-footer__grid{display:grid;grid-template-columns:1.2fr .7fr .85fr .72fr .77fr 1.3fr;gap:25px;align-items:start}
.ma-footer__brand p{margin:4px 0 0;font-size:13px;color:#e6ebf2}
.ma-footer h3{font-size:12px;font-weight:800;margin:1px 0 9px}
.ma-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}.ma-footer li a{color:#f2f5fb;font-size:11.5px;line-height:1.4}.ma-footer li a:hover{text-decoration:underline}
.ma-footer__legal{padding-left:24px;border-left:1px solid rgba(255,207,71,.6);align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:8px}
.ma-footer__legal p{margin:0;font-size:10.5px;color:#e3eaf4}.ma-footer__legal a{text-decoration:none}.ma-footer__legal a:hover{text-decoration:underline}
.ma-footer__legal-links{display:flex;gap:5px;flex-wrap:wrap}
/* Responsive */
@media (max-width:1180px){.ma-container{padding-inline:28px}.ma-header__inner{gap:20px}.ma-nav__list{gap:16px}.ma-header-actions{gap:12px}.ma-footer__grid{grid-template-columns:1fr repeat(3,.7fr) 1fr;gap:22px}.ma-footer__brand{grid-column:span 1}.ma-footer__grid>div:nth-child(5){display:none}.ma-product__grid{gap:21px}.ma-future__body{padding-inline:28px}}
@media (max-width:980px){.ma-brand{font-size:34px}.ma-brand__plus{font-size:44px}.ma-header__inner{gap:12px}.ma-nav__list{gap:13px}.ma-nav__list a,.ma-login{font-size:11px}.ma-header-actions{gap:10px}.ma-button--small{font-size:11px;padding:8px 14px}.ma-product__grid{grid-template-columns:1fr 1fr;gap:22px}.ma-product__intro{grid-column:1 / -1}.ma-product__art{align-self:center}.ma-values__grid{grid-template-columns:repeat(2,1fr);row-gap:22px}.ma-future__body{flex-wrap:wrap;justify-content:flex-start}.ma-future__actions{flex-direction:row}}
@media (max-width:760px){
 .ma-container{padding-inline:20px}.ma-site-header{position:relative}.ma-header__inner{min-height:69px}
 .ma-brand{font-size:33px}.ma-brand__plus{font-size:45px}
 .ma-menu-toggle{display:flex;order:3}.ma-menu-toggle svg{width:24px;height:24px}
 .ma-header-actions{margin-left:auto}.ma-header-actions .ma-login,.ma-header-actions .ma-search-toggle{display:none}.ma-header-actions .ma-button--small{min-height:37px;padding:8px 13px;font-size:11px}
 .ma-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;box-shadow:0 20px 35px rgba(15,39,76,.14);padding:12px 20px 24px;max-height:calc(100vh - 69px);overflow-y:auto}.ma-nav.is-open{display:block}
 .ma-nav__list{display:grid;gap:0;justify-content:stretch}.ma-nav__list a{font-size:15px;padding:12px 0;display:block;border-bottom:1px solid #e8edf3}.ma-nav__list .is-current>a::after,.ma-nav__list .current_page_item>a::after,.ma-nav__list .current-menu-item>a::after{bottom:0}
 .ma-nav__mobile-login{display:block!important;margin-top:14px;text-align:center;padding:12px;background:#edf3f9;border-radius:10px;font-size:14px;font-weight:700}
 .ma-hero{display:flex;flex-direction:column;min-height:0}.ma-hero::before{display:none}.ma-hero__inner{order:1;display:block;min-height:0;padding-block:33px 28px}.ma-hero__copy{max-width:540px;padding:0}.ma-hero h1{font-size:clamp(40px,9vw,58px)}
 .ma-hero__media{position:relative;order:2;inset:auto;width:100%;height:295px;overflow:hidden}.ma-hero__media img{object-position:center 55%}.ma-hero__description{font-size:15px}
 .ma-product{padding:42px 0}.ma-product__grid{grid-template-columns:1fr}.ma-product__intro{grid-column:auto}.ma-product__art{max-width:560px;width:100%;margin-inline:auto}.ma-feature-list{grid-template-columns:repeat(2,1fr);gap:13px}.ma-feature-list li{font-size:12px}
 .ma-values__grid{grid-template-columns:repeat(2,1fr);gap:25px 18px}.ma-value__sign{font-size:50px}.ma-value--minus .ma-value__sign{font-size:45px}.ma-value h3{font-size:18px}
 .ma-future__grid{display:flex;flex-direction:column}.ma-future__photo{height:205px;min-height:0}.ma-future__body{padding:33px 20px;max-width:none}.ma-future h2{font-size:34px}
 .ma-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 25px}.ma-footer__brand{grid-column:1/-1}.ma-footer__grid>div:nth-child(5){display:block}.ma-footer__legal{grid-column:1/-1;padding:20px 0 0;border-left:0;border-top:1px solid rgba(255,207,71,.6)}
 .ma-info-grid{grid-template-columns:1fr}.ma-page-head{padding:48px 0}.ma-info-section{padding:42px 0}.ma-callout{flex-direction:column;align-items:flex-start}
}
@media (max-width:420px){.ma-header-actions .ma-button--small{padding:8px 11px}.ma-brand{font-size:30px}.ma-brand__plus{font-size:41px}.ma-hero__actions{gap:16px}.ma-button{font-size:12px;padding-inline:17px}.ma-feature-list{grid-template-columns:1fr 1fr;gap:10px}.ma-values__grid{grid-template-columns:1fr 1fr}.ma-value{gap:8px}.ma-value__sign{font-size:38px}.ma-value--minus .ma-value__sign{font-size:36px}.ma-value h3{font-size:17px}}
/* Ajuste del titular del Hero en dispositivos moviles */@media (max-width:760px){  .ma-hero h1{    font-size:clamp(30px,8vw,51px);    max-width:100%;  }}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}