/* Events, blog, post, info pages */
/* /curso-automotriz/ (production's presencial listing): intro text and quote from the page content. */
.ev-intro{max-width:880px;margin:-8px 0 24px;color:var(--text-2)}
.ev-quote{margin:40px 0 32px;max-width:760px;text-align:left}
.ev-quote blockquote{position:relative;margin:0;padding:32px 0 0;border:0;background:none}
.ev-quote blockquote::before{content:"“";position:absolute;left:0;top:-24px;transform:none;font:700 88px/1 Georgia,serif;color:var(--primary);opacity:.35}
.ev-quote p{margin:0;font:700 clamp(1.35rem,1.05rem + 1.4vw,2.1rem)/1.3 var(--font-heading);color:var(--text)}
/* /curso-automotriz-empresas/ (redesign 2026-10-10): pain points, 4-step method with photos, client logos as tiles.
   Banner = the standard brand hero (components.css) since 2026-10-12. */
.section.biz-pains{padding-top:clamp(16px,3vw,32px)}
.biz-pains__grid{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media (min-width:768px){.biz-pains__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.biz-pains__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.biz-pain{padding:22px;border:1px solid var(--card-border);border-radius:var(--r-lg);background:var(--card)}
.biz-pain__icon{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:12px;border-radius:var(--r-md);background:var(--primary-soft);color:var(--primary)}
.biz-pain__icon .icon{width:24px;height:24px}
.biz-pain h3{margin:0 0 6px;font-size:var(--fs-base);line-height:1.3}
.biz-pain p{margin:0;font-size:var(--fs-sm);color:var(--text-2)}
.biz-steps{list-style:none;margin:0;padding:0;display:grid;gap:20px}
@media (min-width:768px){.biz-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.biz-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.biz-step{display:flex;flex-direction:column;border:1px solid var(--card-border);border-radius:var(--r-lg);background:var(--card);overflow:hidden}
.biz-step__media{margin:0}
.biz-step__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.biz-step__body{position:relative;padding:28px 20px 22px}
.biz-step__n{position:absolute;top:-20px;left:20px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--on-primary);font:700 var(--fs-base)/1 var(--font-heading);box-shadow:0 0 0 4px var(--card)}
.biz-step h3{margin:0 0 6px;font-size:var(--fs-base);line-height:1.3}
.biz-step p{margin:0;font-size:var(--fs-sm);color:var(--text-2)}
.bizclients{text-align:left}
.bizclients .muted{margin:6px 0 24px;max-width:60ch}
/* Logo tiles like the EXMEC 2018 brands, smaller (Julián 2026-10-10). */
.biz-logos{list-style:none;margin:0;padding:0;max-width:880px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:600px){.biz-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
.biz-logos li{display:grid;place-items:center;min-height:84px;padding:14px 18px;border:1px solid var(--hairline);border-radius:12px;background:#FFFFFF}
.biz-logos img{display:block;width:auto;height:auto;max-width:100%;max-height:44px}
.biz-logos__more{max-width:70ch;margin:18px 0 0;font-size:var(--fs-sm);color:var(--text-2)}
/* /empresa/sobre-nosotros/ (redesign 2026-10-10): same model as Curso empresarial (standard brand hero, biz-steps). */
.about-center{text-align:left}
.about-ceo{margin:0;padding:24px 24px 20px 28px;border-left:4px solid var(--primary);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--surface-2,var(--bg-alt,#F2F6F9))}
.about-ceo blockquote{margin:0;padding:0;border:0;background:none}
.about-ceo blockquote p{margin:0;font:600 clamp(1.1rem,1rem + .5vw,1.35rem)/1.45 var(--font-heading);color:var(--text)}
.about-ceo figcaption{margin-top:12px;font-size:var(--fs-sm);color:var(--text-2)}
.about-ceo figcaption::before{content:"— "}
/* Figures right below the banner, white cards (Julián 2026-10-12; inside the old banner they made it 720 px). */
.ab-figs-band{padding-top:clamp(20px,3vw,32px)}
.ab-figs{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media (min-width:768px){.ab-figs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ab-figs li{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border:1px solid var(--card-border);border-radius:var(--r-lg);background:var(--card)}
.ab-figs b{font:700 clamp(1.5rem,1.2rem + 1.2vw,2rem)/1.1 var(--font-heading);color:var(--primary)}
.ab-figs span{font-size:var(--fs-sm);color:var(--text-2)}
.section.ab-who{padding-top:clamp(16px,3vw,32px)}
.ab-who__grid{display:grid;gap:16px 48px}
@media (min-width:900px){.ab-who__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.ab-who .about-ceo{margin-top:20px}
.ab-areas{list-style:none;margin:0;padding:0;display:grid;gap:20px}
@media (min-width:900px){.ab-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ab-area{display:flex;flex-direction:column;border:1px solid var(--card-border);border-radius:var(--r-lg);background:var(--card);overflow:hidden}
.ab-area__media{margin:0}
.ab-area__media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.ab-area__body{padding:20px 22px 22px}
.ab-area h3{margin:0 0 6px;font-size:var(--fs-md);line-height:1.3}
.ab-area p{margin:0 0 12px;font-size:var(--fs-sm);color:var(--text-2)}
.ab-area .checklist{gap:6px;font-size:var(--fs-sm)}
.ab-area .checklist .icon{color:var(--primary)}
.ab-team{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ab-team+.ab-team__group{margin-top:32px}
.ab-team__group{margin:0 0 14px;font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}
@media (max-width:599px){.ab-team--3{grid-template-columns:1fr}}
@media (min-width:768px){.ab-team--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.ab-team--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ab-member__wa{margin-top:14px}
.ab-member{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:22px 18px;border:1px solid var(--card-border);border-radius:var(--r-lg);background:var(--card)}
.ab-member__photo{width:112px;height:112px;border-radius:50%;object-fit:cover;margin-bottom:12px;box-shadow:0 0 0 4px var(--primary-soft)}
.ab-member h3{margin:0;font-size:var(--fs-base);line-height:1.3}
.ab-member__role{margin:2px 0 0;font-size:var(--fs-sm);font-weight:600;color:var(--primary)}
.ab-member__note{margin:8px 0 0;font-size:var(--fs-sm);color:var(--text-2)}
.ab-gallery{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.ab-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.ab-gallery li:first-child{grid-column:span 2;grid-row:span 2}}
.ab-gallery figure{position:relative;margin:0;height:100%;border-radius:var(--r-md);overflow:hidden}
.ab-gallery img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.ab-gallery figcaption{position:absolute;inset:auto 0 0 0;padding:22px 12px 10px;font-size:var(--fs-xs);color:#FFFFFF;background:linear-gradient(transparent,rgba(2,24,40,.78))}
.ab-group{list-style:none;margin:0;padding:0;display:grid;gap:14px}
@media (min-width:768px){.ab-group{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ab-group a{position:relative;display:flex;flex-direction:column;gap:4px;height:100%;padding:20px 44px 20px 20px;border:1px solid var(--card-border);border-radius:var(--r-lg);background:var(--card);color:var(--text);text-decoration:none}
.ab-group a:hover{border-color:var(--primary)}
.ab-group b{font:600 var(--fs-base)/1.3 var(--font-heading)}
.ab-group span{font-size:var(--fs-sm);color:var(--text-2)}
.ab-group .icon{position:absolute;right:18px;top:22px;color:var(--primary)}
.ab-cta{margin:32px 0 0}
.pgrid{margin-top:16px;margin-bottom:var(--section)}
.note{margin-bottom:var(--section)}
.note p{font-size:var(--fs-sm)}
.meta-list--lg{font-size:var(--fs-sm);gap:8px 18px}
.meta-list--lg .icon{width:18px;height:18px;color:var(--primary)}
/* event detail */
.event{padding-bottom:var(--sp-6)}
.event__media{position:relative;margin-inline:calc(var(--gutter) * -1);aspect-ratio:16/9;overflow:hidden;background:var(--muted-fill)}
.event__media img{width:100%;height:100%;object-fit:cover}
@media (min-width:600px){.event__media{margin-inline:0;border-radius:var(--r-img);border:1px solid var(--hairline)}}
.event__grid{display:grid;gap:28px;margin-top:20px}
.event__main{display:flex;flex-direction:column;gap:22px;min-width:0}
.event__side{display:flex;flex-direction:column;gap:16px}
@media (min-width:1024px){.event__grid{grid-template-columns:minmax(0,1fr) 360px;gap:48px}.event__side{position:sticky;top:96px;align-self:start}}
.course__head{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.countdown{display:flex;gap:10px}
.countdown span{display:flex;flex-direction:column;align-items:center;min-width:72px;padding:10px;border:1px solid var(--hairline);border-radius:var(--r-md);font-size:var(--fs-xs);color:var(--text-2)}
.countdown b{font:700 var(--fs-lg)/1.1 var(--font-heading);color:var(--primary)}
.agenda{list-style:none;display:grid}
.agenda li{display:grid;grid-template-columns:64px 1fr;gap:12px;padding-block:12px;border-bottom:1px solid var(--hairline);font-size:var(--fs-sm)}
.agenda time{font-weight:600;color:var(--primary);font-variant-numeric:tabular-nums}
.instructor{display:flex;align-items:center;gap:14px}
.sub{font-size:var(--fs-md);margin:24px 0 12px}
.buy{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--card)}
.buy__actions{display:grid;gap:10px}
.buy__status{display:flex;align-items:center;gap:8px;font-weight:600}
.buy__status .icon{color:var(--primary)}
.facade--map{display:grid;place-items:center;aspect-ratio:16/9;background:var(--bg);color:var(--text);border:1px solid var(--control);cursor:pointer}
.facade__map{display:flex;align-items:center;gap:12px;padding:16px;text-align:left;font-size:var(--fs-sm)}
.facade__map .icon{color:var(--primary);width:28px;height:28px}
.facade__map small{color:var(--text-2)}
/* post */
.reading{position:fixed;left:0;right:0;top:0;height:3px;z-index:31;pointer-events:none}
.reading span{display:block;height:100%;background:var(--primary);transform-origin:0 50%;transform:scaleX(0)}
.post{padding-bottom:var(--sp-6)}
.post__head{display:flex;flex-direction:column;gap:10px;margin:8px 0 20px}
.post__head h1{font-size:clamp(1.75rem,1.3rem + 2vw,2.75rem)}
.post__media{aspect-ratio:16/9;border-radius:var(--r-img);overflow:hidden;border:1px solid var(--hairline);background:var(--muted-fill);margin-bottom:20px}
.post__media img{width:100%;height:100%;object-fit:cover}
.toc{border:1px solid var(--hairline);border-radius:var(--r-lg);padding:4px 16px;margin-bottom:24px}
.toc summary{display:flex;align-items:center;gap:10px;min-height:var(--tap-lg);font-weight:600;cursor:pointer}
.toc summary .icon{color:var(--primary)}
.toc ol{padding:0 0 12px 1.4em;display:grid;gap:2px}
.toc a{display:inline-flex;align-items:center;min-height:var(--tap)}
.course-cta{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--hairline);border-radius:var(--r-lg);margin-block:24px}
.course-cta__img{width:120px;flex:none;aspect-ratio:16/9;border-radius:8px;overflow:hidden}
.course-cta__img img{width:100%;height:100%;object-fit:cover}
.course-cta__t{font:600 var(--fs-base)/1.3 var(--font-heading)}
.course-cta__t a{color:var(--text);text-decoration:none}
.post__share{margin-top:28px;padding-top:16px;border-top:1px solid var(--hairline)}
/* info pages */
.wide-media{aspect-ratio:16/9;border-radius:var(--r-img);overflow:hidden;border:1px solid var(--hairline);margin-bottom:28px;background:var(--muted-fill)}
.wide-media img{width:100%;height:100%;object-fit:cover}
@media (min-width:1024px){.wide-media{aspect-ratio:21/9}}
.cols3{display:grid;gap:8px;margin-bottom:24px}
.cols3 .sub{display:flex;align-items:center;gap:10px;margin:16px 0 6px}
.cols3 .icon{color:var(--primary)}
@media (min-width:768px){.cols3{grid-template-columns:repeat(3,1fr);gap:28px}}
.contact-grid{display:grid;gap:20px;margin-bottom:var(--section)}
.contact-grid .nav-row.box{padding:10px 14px;min-height:64px;line-height:1.35}
@media (min-width:1024px){.contact-grid{grid-template-columns:1fr 1.2fr;gap:40px}}
.faq-group .sub{margin-top:28px}
.lead-form{margin-top:12px}
.profile{display:flex;flex-direction:column;gap:14px;padding-block:12px 20px}
@media (min-width:768px){.profile{flex-direction:row;align-items:center;gap:24px}}

/* ---------- v5: events (off-canvas filters, like a reference site) ---------- */
.ev-tools{display:grid;gap:12px;margin-bottom:8px}
.ev-tools .search .input{min-height:var(--tap-lg)}
.ev-tools .toolbar__count{margin-left:auto;font-size:var(--fs-sm);color:var(--text-2)}
.ev-tools .toolbar__count b{color:var(--text)}
@media (max-width:399px){.ev-tools .toolbar__count{width:100%;margin:0}}
@media (min-width:1024px){.ev-tools{grid-template-columns:minmax(280px,420px) 1fr;align-items:center}.ev-tools .toolbar--static{margin:0!important}.ev-tools .pills{grid-column:1 / -1}}
.ev-grid{margin-bottom:8px}
.ev-grid .meta-list{margin-top:auto;padding-top:4px;font-size:var(--fs-sm)}
.ev-grid .meta-list .icon,.rail .meta-list .icon{color:var(--primary)}
/* ---------- blog (SEO-safe infinite scroll) ---------- */
.blog{padding-bottom:var(--section)}
.blog-feature{margin-bottom:24px}
.blog-grid{margin-bottom:8px}
.page-mark{grid-column:1 / -1;height:0}
.blog .pagination{margin-top:24px}
/* ---------- post ---------- */
.byline{display:flex;align-items:center;gap:12px;margin-top:6px}
.byline b{font-family:var(--font-heading)}
.byline .meta{font-size:var(--fs-sm);color:var(--text-2)}
.post-layout{display:grid;gap:8px}
.post-toc{min-width:0}
.post-share-side{display:none}
.post{font-size:1.125rem;line-height:1.7;max-width:72ch}
.post h2{scroll-margin-top:90px;margin-top:1.6em}
.note-live{padding:14px 16px;border-left:4px solid var(--primary);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--primary-soft);font-size:var(--fs-sm);color:var(--text)}
.post__foot{margin-top:28px;padding-top:16px;border-top:1px solid var(--hairline)}
.post-pager{display:grid;gap:12px;margin-top:24px}
.post-pager a{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--card-border);border-radius:var(--r-lg);background:var(--card);color:var(--text);text-decoration:none;font:600 var(--fs-base)/1.35 var(--font-heading)}
.post-pager a:hover{border-color:var(--primary)}
.post-pager small{font:600 var(--fs-xs)/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}
.post-pager a+a{text-align:right}
@media (min-width:768px){.post-pager{grid-template-columns:1fr 1fr}}
/* Links kept from the old theme: tags (.chips) and "Temas relacionados" (.toc box, desktop aside) */
.post-tags{margin-top:28px}
.post-tags__label{margin:0 0 8px;font:600 var(--fs-xs)/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.post-tags .chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.post-tags .chips>li{margin:0;padding:0}
.post-tags .chips>li::before{content:none}
.post-tags .chip{min-height:var(--tap);font-size:var(--fs-xs)}
.pcard__kicker a{color:inherit;text-decoration:none}
.post-popular{display:none}
.post-popular__title{display:flex;align-items:center;gap:10px;min-height:var(--tap-lg);margin:0;font-weight:600}
.post-popular__title .icon{color:var(--primary)}
.post-popular ol{padding:0 0 12px 1.4em;margin:0;display:grid;gap:6px;font-size:var(--fs-sm);line-height:1.4}
@media (min-width:1024px){.post-popular{display:block}}
/* Comments (forum-topic.html markup, same values as pages/app.css .fposts; links never shown) */
.post-comments{margin-top:40px;padding-top:24px;border-top:1px solid var(--hairline)}
.post-comments h2{margin-top:0}
.post-comments .fposts{list-style:none;display:grid;gap:16px;margin:16px 0 0;padding:0}
.post-comments .fpost{display:grid;gap:10px;padding:16px;border:1px solid var(--hairline);border-radius:var(--r-lg);font-size:var(--fs-base);line-height:1.6}
.post-comments .fposts--replies{margin-top:4px;padding-left:16px;border-left:3px solid var(--primary-soft)}
.post-comments .review__head{display:flex;gap:12px;align-items:center}
.post-comments .review__head b{font-family:var(--font-heading)}
.post-comments .fpost__body{overflow-wrap:anywhere}
.post-comments .fpost__body p{margin:0 0 .6em}
.post-comments .fpost__body p:last-child{margin-bottom:0}
.post-comments .comment-respond{margin-top:24px}
.post-comments .comment-reply-title{margin:0 0 4px}
.post-comments .form-submit{margin:0}
@media (min-width:1024px){
  .post-layout{grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start}
  .post-toc{position:sticky;top:96px;display:grid;gap:20px}
  .post-share-side{display:block}
  .post__head,.post__media{max-width:980px}
}
/* ---------- contact / business ---------- */
/* Contact (round v5, F3): 2 columns desktop / 1 mobile, no map, no empty areas. */
.contact-layout{display:grid;gap:28px;margin-top:8px;padding-bottom:var(--section-pad)}
.contact-layout__main{display:grid;gap:20px;align-content:start}
.contact-layout__main .contact-cards{margin:0}
@media (min-width:600px){.contact-layout__main .contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.contact-help{padding:24px;border-radius:20px;background:var(--section-alt)}
.contact-help .sub:first-child{margin-top:0}
@media (min-width:1024px){.contact-layout{grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}.contact-layout__side{position:sticky;top:calc(var(--appbar-h) + 24px)}}
.small-note{margin-top:-24px;padding-bottom:var(--section-pad)}
.biz-grid{display:grid;gap:8px 48px}
@media (min-width:768px){.biz-grid{grid-template-columns:1fr 1fr}}
.biz-grid .checklist .icon{color:var(--primary)}
@media (min-width:1024px){.biz-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 40px}}
/* ---------- downloads (EDD) ---------- */
.dl-h{display:flex;align-items:center;gap:10px;margin:8px 0 18px}
.dl-h .icon{width:28px;height:28px;color:var(--primary)}
.dl-sec{margin-top:var(--section)}
.dcard .pcard__media{aspect-ratio:600/312}
.dcard .badges{display:flex;flex-wrap:wrap;gap:6px}
.dl-layout{display:grid;gap:24px;padding-block:8px 28px}
.dl-cover{aspect-ratio:600/312;border-radius:var(--r-img);overflow:hidden;border:1px solid var(--card-border);background:var(--muted-fill);box-shadow:var(--shadow-sm)}
.dl-cover img{width:100%;height:100%;object-fit:cover}
.dl-info{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.dl-info h1{font-size:clamp(1.75rem,1.3rem + 2vw,2.75rem)}
.dl-info .meta{color:var(--text-2);font-size:var(--fs-sm)}
.dl-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin-top:6px}
.dl-body{display:grid;gap:28px;padding-bottom:8px}
.dl-aside .box{display:grid;gap:12px}
.dl-aside{display:grid;gap:24px;align-content:start}
/* Round v6: "Temas relacionados" (blog posts matching the download, else random posts). */
.dl-related__t{margin:0 0 8px;padding-bottom:10px;border-bottom:1px solid var(--hairline);font-size:var(--fs-base)}
.dl-related ul{list-style:none;margin:0;padding:0;display:grid}
.dl-related a{display:flex;align-items:center;gap:14px;min-height:var(--tap);padding:10px 0;border-bottom:1px solid var(--hairline);color:var(--text);font:500 var(--fs-sm)/1.35 var(--font-body);text-decoration:none}
.dl-related a:hover span{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.dl-related__img{flex:none;width:72px;height:auto;aspect-ratio:1;border-radius:var(--r-sm);object-fit:cover;background:var(--hairline)}
@media (min-width:1024px){
  .dl-layout{grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
  .dl-body{grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start}
  .dl-aside{position:sticky;top:96px}
}
.gate{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding-top:8px}
.gate .dl-cover{width:100%;max-width:520px}
.gate__icon{display:grid;place-items:center;width:64px;height:64px;margin-top:-44px;position:relative;border-radius:50%;background:var(--primary);color:var(--on-primary);border:4px solid var(--bg)}
.gate__icon .icon{width:28px;height:28px}
.gate .form{width:100%;max-width:460px;text-align:left}
.gate h1{font-size:var(--fs-xl)}
.countdown span{flex:1;min-width:0}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.countdown span{padding:10px 4px}
.event__grid{grid-template-columns:minmax(0,1fr)}@media (min-width:1024px){.event__grid{grid-template-columns:minmax(0,1fr) 360px}}