/*
Theme Name: IFF Aprender Panamá · Mecánica Automotriz 1
Theme URI: https://iffaprenderonline.com
Author: Instituto de Formación Futurista Aprender Panamá, S.A.
Description: Landing page editable del curso de Mecánica Automotriz 1 de IFF Aprender Panamá.
Version: 1.0.1
Text Domain: iflapex-homepage
*/
:root{--navy:#071a30;--blue:#0869a9;--blue2:#1aa5de;--gold:#f39732;--ink:#132b43;--muted:#637588;--paper:#f3f6f8;--line:#dce4eb;--white:#fff;--radius:22px;--shadow:0 24px 60px #06172a1b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.035em;line-height:1.13}h1{font-size:clamp(42px,6vw,72px)}h2{font-size:clamp(32px,4vw,49px)}h3{font-size:20px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.topline{background:#051326;color:#d9e2ec;text-align:center;padding:9px 16px;font-size:13px}.topline b{color:var(--gold)}.header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(14px);z-index:20;border-bottom:1px solid #132b4312}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--blue);font-weight:900;line-height:1}.brand-mark{width:34px;height:34px;color:var(--blue)}.brand-name{font:800 22px Manrope,sans-serif;letter-spacing:-.06em}.brand-name span{color:#d39418}.brand-sub{display:block;font:700 8px/1.4 'DM Sans',sans-serif;letter-spacing:.04em;color:#78899a;margin-top:4px}.navlinks{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:700;color:#42566c}.navlinks a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border:0;border-radius:99px;background:var(--gold);color:#172b3e;font-weight:800;font-size:14px;box-shadow:0 9px 22px #efb93f36;transition:.18s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn.blue{background:var(--blue);color:#fff;box-shadow:0 10px 23px #14599a38}.btn.ghost{background:transparent;color:white;border:1px solid #ffffff70;box-shadow:none}.btn.small{padding:11px 16px;font-size:13px}.menu-toggle{display:none;border:0;background:transparent;color:var(--navy);font-size:24px}.hero{position:relative;background:var(--navy) url('assets/hero-panama.webp') center/cover;color:white;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071a30 0%,#071a30f2 33%,#071a30b5 58%,#071a3040 100%)}.hero-inner{min-height:650px;display:flex;align-items:center}.hero-copy{max-width:670px;padding:78px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--gold);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.eyebrow:before{content:'';width:24px;height:2px;background:var(--gold)}.hero h1{margin:19px 0 18px;max-width:720px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:620px;color:#d7e3ed;font-size:18px;line-height:1.7;margin:0 0 27px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:27px;color:#e0e9f0;font-size:13px}.hero-meta b{color:var(--gold)}.pill{display:inline-block;padding:6px 11px;border:1px solid #efb93f66;border-radius:99px;background:#efb93f16;color:#ffe4a4;font-size:12px;font-weight:800}.trust{background:#fff;border-bottom:1px solid var(--line)}.trust-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px}.trust-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#35506b}.trust-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#e9f2f9;color:var(--blue);font-size:12px;font-weight:900}.trust-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#728397;font-weight:900}section{padding:88px 0}.section-head{max-width:730px;margin-bottom:38px}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-weight:900}.section-head h2{margin:11px 0 14px;color:var(--navy)}.section-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.intro-image{border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.intro-image img{width:100%;height:auto}.quote{margin-top:22px;padding:20px 22px;border-left:3px solid var(--gold);border-radius:0 14px 14px 0;background:#f4f7f9;color:#21394f;font:700 16px/1.6 Manrope,sans-serif}.quote small{display:block;margin-top:7px;font:500 12px 'DM Sans',sans-serif;color:#708094}.benefits{display:grid;gap:12px;margin-top:22px}.benefit{display:flex;gap:11px;color:#516578;font-size:15px}.benefit i{font-style:normal;display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#e6f1f9;color:var(--blue);font-size:12px;font-weight:900}.band{background:var(--paper)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{padding:25px;border:1px solid #e4eaf0;background:#fff;border-radius:19px;box-shadow:0 10px 30px #0c29400a}.card .num{font:900 12px Manrope,sans-serif;letter-spacing:.12em;color:#b4861d}.card h3{margin:15px 0 9px;color:var(--navy)}.card p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}.dark-callout{margin-top:20px;padding:23px 26px;border-radius:18px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.dark-callout strong{font:700 17px/1.5 Manrope,sans-serif}.dark-callout span{color:var(--gold);font-weight:900;font-size:11px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.format-item{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line)}.format-item b{display:block;color:var(--blue);font:800 14px Manrope,sans-serif;margin-bottom:5px}.format-item span{color:var(--muted);font-size:14px}.included{background:var(--navy);color:white}.included .section-head h2{color:white}.included .section-head p{color:#cad6e1}.included-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.included-img{border-radius:18px;overflow:hidden;background:white;box-shadow:var(--shadow)}.included-img img{width:100%}.included-list{display:grid;gap:14px}.included-point{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:16px;border-radius:15px;background:#ffffff0c;border:1px solid #ffffff1d}.included-point .icon{width:40px;height:40px;border-radius:12px;background:#efb93f1e;color:var(--gold);display:grid;place-items:center;font-size:19px}.included-point h3{margin:0 0 5px;color:white;font-size:17px}.included-point p{margin:0;color:#c6d4e0;font-size:14px;line-height:1.55}.small-note{font-size:12px;color:#aebfce;line-height:1.55}.download{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.download-img{padding:16px;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:var(--shadow)}.download-img img{border-radius:13px}.download .section-head{margin-bottom:20px}.download-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.download-note{font-size:12px;color:#7a8998;margin-top:13px}.price-section{background:#f5f7f9}.price-grid{display:grid;grid-template-columns:1fr .86fr;gap:45px;align-items:center}.price-card{background:white;border:1px solid var(--line);border-radius:22px;padding:29px;box-shadow:var(--shadow)}.price-head{display:flex;justify-content:space-between;gap:12px}.price-head small{color:var(--muted);font-weight:800;letter-spacing:.06em}.price{font:800 37px Manrope,sans-serif;color:var(--navy);margin-top:5px}.tag{height:max-content;background:#fff4d8;padding:7px 10px;border-radius:99px;color:#896408;font-size:10px;font-weight:900}.divider{height:1px;background:var(--line);margin:18px 0}.pay-row{display:flex;justify-content:space-between;gap:14px;margin:12px 0;color:#526578}.pay-row strong{color:#18324c}.pay-highlight{padding:14px;background:#f1f6fa;border-radius:12px}.pay-note{color:#758495;font-size:13px;line-height:1.55;margin:16px 0}.price-card .btn{width:100%;margin-top:8px}.finance-cta{margin-top:12px;text-align:center;font-size:13px;color:#53677b;line-height:1.5}.guides{background:#f1f5f7}.guide-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}.guide-card{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center;background:white;border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:var(--shadow)}.guide-card img{border-radius:14px;width:190px;height:205px;object-fit:cover}.guide-card h3{margin:3px 0 8px;color:var(--navy)}.guide-card p{color:var(--muted);font-size:14px;margin:0 0 15px}.form{background:#fff;border:1px solid #e0e7ed;border-radius:20px;padding:27px;box-shadow:0 14px 36px #0b29400e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#42586d}.field input,.field select,.field textarea{width:100%;border:1px solid #d7e1e9;border-radius:10px;padding:12px 13px;font:inherit;color:var(--ink)}.field textarea{min-height:75px}.form .btn{width:100%;margin-top:15px}.form-note{font-size:12px;line-height:1.5;color:#7b8997;margin:11px 0}.success{display:none;margin-top:13px;padding:15px;border-radius:12px;background:#e8f7ee;color:#245e3b;font-size:14px}.success a{display:inline-block;margin-top:8px;font-weight:900;text-decoration:underline}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:19px 38px 19px 0;position:relative;list-style:none;cursor:pointer;font:700 15px Manrope,sans-serif;color:#1c3349}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;color:var(--blue);font-size:23px;top:14px}details[open] summary:after{content:'−'}details p{margin:0;padding:0 25px 18px 0;color:var(--muted);font-size:14px;line-height:1.65}.bottom-cta{padding:0 0 80px}.cta-box{padding:42px 48px;border-radius:24px;background:linear-gradient(115deg,#0b2745,#185b94);display:flex;align-items:center;justify-content:space-between;gap:25px;color:white}.cta-box h2{font-size:clamp(29px,3.8vw,42px);margin:8px 0}.cta-box p{color:#d2dfeb;margin:0}.cta-box .btn{flex:none}.footer{background:#061529;color:#ccd8e3;padding:38px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}.footer .brand{color:white}.footer .brand-sub{color:#a5b3c1}.footer h3{font-size:15px;color:white;margin:0 0 12px}.footer p,.footer a{color:#c4d0dc;font-size:14px}.footer-links{display:grid;gap:8px;list-style:none;margin:0;padding:0}.footer a:hover{color:var(--gold)}.social{display:flex;gap:10px;margin-top:12px}.social .btn{padding:10px 14px;font-size:13px}.address{font-size:14px;line-height:1.7}.copyright{border-top:1px solid #ffffff20;margin-top:27px;padding-top:18px;color:#9aabbb;font-size:12px}.pay-disabled{cursor:pointer}.modal{position:fixed;inset:0;background:#041326b9;display:none;place-items:center;padding:20px;z-index:50}.modal.open{display:grid}.modal-card{max-width:460px;background:white;border-radius:20px;padding:30px}.modal-card h3{color:var(--navy);margin-top:0}.modal-card p{color:var(--muted)}.modal-close{float:right;border:0;background:#edf2f6;border-radius:50%;width:34px;height:34px;font-size:19px;cursor:pointer}
@media(max-width:900px){.navlinks{gap:12px;font-size:12px}.nav>.btn{padding:10px 12px}.hero-inner{min-height:600px}.included-grid,.price-grid,.download,.guide-grid{gap:25px}.faq{gap:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.topline{font-size:11px}.nav{min-height:68px}.menu-toggle{display:block}.nav>.btn{display:none}.navlinks{display:none;position:absolute;left:0;right:0;top:68px;background:white;padding:12px 20px 20px;box-shadow:0 16px 24px #071a3020;align-items:stretch;flex-direction:column;gap:0}.navlinks.open{display:flex}.navlinks a{padding:12px;border-bottom:1px solid #e8edf1;font-size:14px}.hero{background-position:62% center}.hero:before{background:linear-gradient(90deg,#071a30f7,#071a30d9 75%,#071a3090)}.hero-inner{min-height:620px}.hero-copy{padding:60px 0}.hero h1{font-size:clamp(42px,12vw,57px)}.hero p{font-size:16px}.hero-actions .btn{flex:1}.hero-meta{gap:10px;font-size:12px}.trust-row{padding:18px 0;display:grid;grid-template-columns:1fr 1fr}.trust-label{grid-column:1/-1}.trust-item{font-size:12px}.trust-icon{width:29px;height:29px}section{padding:66px 0}.intro-grid,.included-grid,.download,.price-grid,.guide-grid,.faq{grid-template-columns:1fr;gap:25px}.intro-image{order:2}.cards{grid-template-columns:1fr;gap:12px}.card{padding:21px}.dark-callout{align-items:flex-start;flex-direction:column}.format-grid{grid-template-columns:1fr}.included-grid .included-img{order:2}.included-point{padding:14px}.download-img{order:2}.price-card{padding:23px}.guide-card{grid-template-columns:115px 1fr;gap:14px;padding:12px}.guide-card img{width:115px;height:155px}.form{padding:19px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.faq{gap:18px}.cta-box{display:block;padding:29px 24px}.cta-box .btn{width:100%;margin-top:20px}.footer-grid{grid-template-columns:1fr;gap:25px}.copyright{margin-top:20px}.bottom-cta{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.brand-logo{display:block;width:auto;height:66px;max-width:112px;object-fit:contain}.footer .brand-logo{height:86px;max-width:118px;padding:5px;background:#fff;border-radius:9px}.hero-offer{display:grid;gap:2px;margin:-7px 0 22px;padding:12px 15px;border-left:3px solid var(--gold);background:#ffffff12;border-radius:0 12px 12px 0;width:max-content;max-width:100%}.hero-offer strong{font:800 16px Manrope,sans-serif;color:var(--gold)}.hero-offer span{font-size:13px;color:#dbe5ee}.topline a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:2px}.sticky-mobile{display:none}
@media(max-width:700px){.brand-logo{height:56px;max-width:96px}.hero-offer{width:100%}.hero-offer span{font-size:12px}.sticky-mobile{position:fixed;z-index:25;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#071a30f5;color:white;box-shadow:0 -8px 25px #071a302e}.sticky-mobile div{display:grid;line-height:1.25}.sticky-mobile b{font-size:13px}.sticky-mobile small{font-size:11px;color:#c5d3df}.sticky-mobile .btn{padding:10px 14px;font-size:12px;white-space:nowrap}body{padding-bottom:66px}}

.wp-navlinks{display:flex;align-items:center;gap:23px;list-style:none;padding:0;margin:0}.wp-navlinks a{color:#42566c;font-size:13px;font-weight:700}.wp-navlinks a:hover{color:var(--blue)}@media(max-width:900px){.wp-navlinks{gap:12px}.wp-navlinks a{font-size:12px}}@media(max-width:700px){.wp-navlinks{align-items:stretch;flex-direction:column;gap:0}.wp-navlinks a{display:block;padding:12px;border-bottom:1px solid #e8edf1;font-size:14px}}

/* Full-viewport workshop hero and readable, full-width course material */
.hero{min-height:calc(100vh - 110px);min-height:calc(100svh - 110px);background-position:center;background-size:cover}
.hero-inner{min-height:inherit}
.hero-copy{padding:clamp(34px,6vh,78px) 0}
.module-overview{position:relative;left:50%;transform:translateX(-50%);display:block;width:min(100vw,1800px);margin:0 auto 20px;background:#fff;overflow:hidden;box-shadow:0 22px 55px #0003}
.module-overview img{width:100%;height:auto}
.module-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:0 auto 36px}
.included .module-actions .btn.ghost{color:#fff;border-color:#ffffff76}
.included-grid{align-items:start}
.included-list{gap:12px}
.practice-summary{margin-top:24px;padding:20px 24px;border:1px solid #efb93f66;border-radius:16px;background:#ffffff0b;color:#fff;display:grid;gap:6px}
.practice-summary strong{color:var(--gold);font:800 17px Manrope,sans-serif}
.practice-summary span{color:#d3dfeb;font-size:14px;line-height:1.6}
@media(max-width:700px){.hero{min-height:calc(100vh - 100px);min-height:calc(100svh - 100px);background-position:62% center}.hero-inner{min-height:inherit}.hero-copy{padding:34px 0}.module-overview{width:100vw;margin-bottom:16px}.module-actions{flex-direction:column;margin-bottom:26px}.module-actions .btn{width:100%}.practice-summary{padding:17px}}
.wp-navlinks .iflapex-menu-button>a{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:0;border-radius:99px;background:var(--gold);color:#172b3e;font-weight:800;box-shadow:0 8px 20px #efb93f2e}.wp-navlinks .iflapex-menu-button>a:hover{background:#f5c957;color:#172b3e}
@media(max-width:700px){.wp-navlinks .iflapex-menu-button>a{display:flex;margin:10px 12px;padding:12px 15px;border:0;border-radius:12px}}
.terms-inline{font-size:11px;line-height:1.5;text-align:center;color:#778596;margin:12px 0 0}.terms-inline a{color:var(--blue);text-decoration:underline;font-weight:700}

/* Copy and WPForms lead capture */
.module-one{padding:19px 21px;border:1px solid #dce6ee;border-left:4px solid var(--gold);border-radius:0 16px 16px 0;background:#f5f8fa;margin:0 0 18px}.module-one .num{font:900 11px Manrope,sans-serif;letter-spacing:.1em;color:#9a7017}.module-one h3{margin:9px 0;color:var(--navy)}.module-one p{margin:0;color:#5c7082;font-size:14px;line-height:1.7}.faq-list ol{padding-left:22px;color:var(--muted);font-size:14px;line-height:1.65}.faq-list li{margin:5px 0}.wpforms-lead-form{padding:8px 0}.wpforms-setup-note{padding:16px;border:1px dashed #9aaabd;border-radius:12px;background:#f3f6f8;color:#455a6e;font-size:13px;line-height:1.6}.wpforms-container{margin:0!important}.wpforms-container input,.wpforms-container textarea,.wpforms-container select{border-radius:10px!important}.wpforms-container button[type=submit],.wpforms-container input[type=submit]{background:var(--blue)!important;border-radius:99px!important;font-weight:800!important;padding:13px 20px!important}

/* WordPress Site Identity logo */
.custom-logo-link{display:flex;align-items:center}.custom-logo{display:block;width:auto;height:66px;max-width:160px;object-fit:contain}.footer .custom-logo{height:86px;max-width:180px;padding:5px;background:#fff;border-radius:9px}.brand-fallback{display:flex;align-items:center}.brand-fallback .brand-logo{height:66px;max-width:160px}.footer .brand-fallback .brand-logo{height:86px;max-width:180px;padding:5px;background:#fff;border-radius:9px}@media(max-width:700px){.custom-logo{height:56px;max-width:130px}.brand-fallback .brand-logo{height:56px;max-width:130px}}

/* IFF Aprender Panama branding and Yappy payment block */
.brand-fallback{display:inline-flex;align-items:center;background:#071a30;border-radius:8px;padding:4px 8px}.brand-logo{max-width:220px;height:58px}.footer .brand-logo{max-width:230px;height:74px}.yappy-payment{margin-top:18px;padding:18px;border:1px solid #dce4eb;border-radius:16px;background:#f4faff;text-align:center}.yappy-payment h3{margin:0 0 12px;color:#0b5184}.yappy-payment img{display:block;width:min(100%,460px);height:auto;margin:0 auto;border-radius:10px}.yappy-payment p{max-width:460px;margin:12px auto;color:#526578;font-size:13px;line-height:1.5}.yappy-payment a{font-weight:800;color:#0869a9}
.bank-details{margin-top:18px;padding:18px;border:1px solid #dce4eb;border-radius:16px;background:#f7fafc}.bank-details h3{margin:0 0 10px;color:#0b5184}.bank-details p{margin:0 0 14px;font-size:14px;line-height:1.55}.bank-details img{width:min(100%,560px);height:auto;margin:0 auto;border-radius:12px}.card-payment{margin-top:18px;padding:18px;border:1px solid #dce4eb;border-radius:16px;background:#f4faff}.card-payment h3{margin:0 0 8px;color:#0b5184}.card-payment p{margin:0 0 14px;font-size:14px}.footer-location-image{width:min(100%,400px);margin:14px 0 0;border-radius:14px;aspect-ratio:4/3;object-fit:cover;}