/* OBRAC_AI_PARALLAX_V1 */
/* OBRAC_AI_HARMONIZATION_V2 */
body.page-id-12{--ai-red:#e1131d;--ai-soft:#ff5960;--ai-line:rgba(255,255,255,.11);--ai-muted:#aaa7bd;--ai-ease:cubic-bezier(.22,1,.36,1);background:#050507!important}
body.page-id-12 .obrac-section:not(.obrac-hero)>.obrac-shell{width:min(1280px,calc(100% - 64px))!important;max-width:1280px!important;margin-inline:auto!important}
body.page-id-12 .obrac-section:not(.obrac-hero){padding-block:88px!important;border-top:1px solid rgba(255,255,255,.035)}
body.page-id-12 .obrac-section:not(.obrac-hero) h2{max-width:920px;text-wrap:balance;letter-spacing:-.045em!important;line-height:1.02!important}
body.page-id-12 .obrac-section:not(.obrac-hero) :is(.obrac-copy,.obrac-copy p){color:#b9b5cc!important;line-height:1.72!important}
body.page-id-12 :is(.obrac-eyebrow,.obrac-ai-kicker){color:var(--ai-soft)!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important;letter-spacing:.16em!important;text-transform:uppercase!important}

/* Validated desktop parallax hero. */
body.page-id-12 .elementor-element-3c22dd30.obrac-hero{--obrac-ai-parallax-image:url('https://obracspain.com/wp-content/uploads/2026/09/OBRAC-aprendizaje-y-educacion.jpg');position:relative!important;isolation:isolate;width:100%!important;max-width:none!important;min-height:clamp(820px,74vw,1080px)!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#010003 var(--obrac-ai-parallax-image) center 46%/cover no-repeat fixed!important}
body.page-id-12 .elementor-element-3c22dd30.obrac-hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(1,0,3,.88),rgba(1,0,3,.68) 42%,rgba(1,0,3,.18) 76%),linear-gradient(180deg,rgba(1,0,3,.08),rgba(1,0,3,.45))}
body.page-id-12 .elementor-element-3c22dd30.obrac-hero>.obrac-shell{position:relative!important;z-index:2;width:100%!important;max-width:none!important;min-height:inherit!important;margin:0!important;padding:0!important}
body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-grid{position:relative!important;z-index:2;display:flex!important;flex-direction:column!important;justify-content:stretch!important;align-items:flex-start!important;width:100%!important;max-width:none!important;min-height:inherit!important;margin:0!important;padding:0!important;gap:0!important}
body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-copy{position:relative!important;z-index:2;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;width:min(1040px,70vw)!important;max-width:none!important;min-height:inherit!important;margin:0!important;padding:96px 170px 96px max(32px,calc((100vw - 1280px)/2 + 40px))!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;isolation:isolate}
body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-copy:after{content:"";position:absolute;inset:0 -180px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,2,5,.96) 0%,rgba(3,2,5,.9) 54%,rgba(3,2,5,.7) 72%,rgba(3,2,5,.26) 88%,rgba(3,2,5,0) 100%)}
body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-copy:before{content:"";position:absolute;left:max(32px,calc((100vw - 1280px)/2 + 40px));top:82px;width:88px;height:2px;background:var(--ai-red)}
body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-copy>*{width:100%;max-width:760px}
body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-copy :is(.elementor-heading-title,p){color:#fff!important}
body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-media{display:none!important}

/* Existing content: correct width, rhythm and card hierarchy. */
body.page-id-12 :is(.elementor-element-f2344c48,.elementor-element-2ace0877) .obrac-split{gap:clamp(44px,6vw,88px)!important;align-items:center!important}
body.page-id-12 :is(.elementor-element-f2344c48,.elementor-element-2ace0877) .obrac-media{min-height:360px!important;border-radius:28px!important;border:1px solid var(--ai-line)!important;box-shadow:0 24px 70px rgba(0,0,0,.34)!important}
body.page-id-12 :is(.elementor-element-8d069bf2,.elementor-element-f777203b) .obrac-grid-3{gap:16px!important}
body.page-id-12 .obrac-card{border:1px solid var(--ai-line)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(19,17,24,.96),rgba(8,7,11,.96))!important;box-shadow:none!important;transition:transform 620ms var(--ai-ease),border-color 620ms var(--ai-ease)!important}
body.page-id-12 .obrac-card:hover{transform:translateY(-4px)!important;border-color:rgba(225,19,29,.42)!important}
body.page-id-12 .elementor-element-8d069bf2 .obrac-card{min-height:168px!important;padding:26px!important}
body.page-id-12 .elementor-element-f777203b .obrac-card{min-height:176px!important;padding:28px!important}
body.page-id-12 .elementor-element-9892cf40 .obrac-card.feature{min-height:100%!important;padding:clamp(30px,4vw,54px)!important;border-radius:28px!important;background:radial-gradient(circle at 100% 0,rgba(225,19,29,.17),transparent 42%),#0b090d!important}
body.page-id-12 :is(.obrac-interleaved-photo--slot-1,.obrac-interleaved-photo--slot-3).obrac-interleaved-photo--ai{display:none!important}

/* New full content-width editorial structures. */
body.page-id-12 :is(.obrac-ai-feature,.obrac-ai-gallery){width:min(1280px,calc(100% - 64px));max-width:1280px;margin-inline:auto}
body.page-id-12 .obrac-ai-feature{border:1px solid var(--ai-line);border-radius:30px;overflow:hidden}
body.page-id-12 :is(.obrac-ai-feature,.obrac-ai-gallery,.obrac-ai-parallax-chapter) h2{margin:0;color:#fff;font-weight:680;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}
body.page-id-12 .obrac-ai-kicker{margin:0 0 20px}
body.page-id-12 .obrac-ai-status{display:inline-flex;align-items:center;min-height:32px;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#d8d5e3;background:rgba(255,255,255,.035);font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1.3}

/* Horizontal block one: the replaceable-model stack. */
body.page-id-12 .obrac-ai-feature--stack{margin-block:92px;background:linear-gradient(135deg,#0b0a0e,#07070a)}
body.page-id-12 .obrac-ai-feature--stack .obrac-ai-frame{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:570px}
body.page-id-12 .obrac-ai-feature__intro{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,5vw,70px);border-right:1px solid var(--ai-line);background:radial-gradient(circle at 0 0,rgba(225,19,29,.12),transparent 44%)}
body.page-id-12 .obrac-ai-feature__intro h2{font-size:clamp(42px,4.1vw,66px)}
body.page-id-12 .obrac-ai-feature__intro>p:not(.obrac-ai-kicker){max-width:580px;margin:24px 0 30px;color:var(--ai-muted);font-size:17px;line-height:1.7}
body.page-id-12 .obrac-ai-feature__intro .obrac-ai-status{align-self:flex-start}
body.page-id-12 .obrac-ai-stack{display:grid;margin:0;padding:0;list-style:none}
body.page-id-12 .obrac-ai-stack__row{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:20px;padding:28px clamp(30px,4vw,52px);border-bottom:1px solid var(--ai-line);background:linear-gradient(90deg,rgba(255,255,255,.012),transparent)}
body.page-id-12 .obrac-ai-stack__row:last-child{border-bottom:0}
body.page-id-12 .obrac-ai-stack__row>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(225,19,29,.38);border-radius:50%;color:var(--ai-soft);font-size:11px;font-weight:800;letter-spacing:.08em}
body.page-id-12 .obrac-ai-stack__row strong{display:block;margin-bottom:5px;color:#fff;font-size:19px}
body.page-id-12 .obrac-ai-stack__row p{margin:0;color:var(--ai-muted);font-size:14px;line-height:1.55}

/* Real four-image gallery. */
body.page-id-12 .obrac-ai-gallery{margin-block:96px}
body.page-id-12 .obrac-ai-gallery__header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:70px;align-items:end;margin-bottom:38px}
body.page-id-12 .obrac-ai-gallery__header h2{max-width:780px;font-size:clamp(42px,4.3vw,68px)}
body.page-id-12 .obrac-ai-gallery__header>p{margin:0 0 5px;color:var(--ai-muted);font-size:17px;line-height:1.7}
body.page-id-12 .obrac-ai-gallery__mosaic{display:grid;grid-template-columns:1.25fr .75fr 1fr;grid-template-rows:260px 220px;gap:14px}
body.page-id-12 .obrac-ai-gallery__item{position:relative;margin:0;overflow:hidden;border:1px solid var(--ai-line);border-radius:20px;background:#111}
body.page-id-12 .obrac-ai-gallery__item.item-1{grid-row:1/3}body.page-id-12 .obrac-ai-gallery__item.item-2{grid-column:2;grid-row:1}body.page-id-12 .obrac-ai-gallery__item.item-3{grid-column:2;grid-row:2}body.page-id-12 .obrac-ai-gallery__item.item-4{grid-column:3;grid-row:1/3}
body.page-id-12 .obrac-ai-gallery__item img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.02);transition:transform 900ms var(--ai-ease)}
body.page-id-12 .obrac-ai-gallery__item:hover img{transform:scale(1.035)}
body.page-id-12 .obrac-ai-gallery__caption{margin:18px 0 0;color:#7f7c8e;font-size:12px;line-height:1.5}

/* Second parallax becomes a chapter break. */
body.page-id-12 .obrac-interleaved-photo--slot-2.obrac-interleaved-photo--ai{position:relative!important;isolation:isolate;display:block!important;width:100%!important;height:clamp(520px,48vw,720px)!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#010003!important}
body.page-id-12 .obrac-interleaved-photo--slot-2:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,2,4,.83),rgba(3,2,4,.36) 56%,rgba(3,2,4,.2)),linear-gradient(180deg,rgba(3,2,4,.08),rgba(3,2,4,.52))}
body.page-id-12 .obrac-interleaved-photo--slot-2 .obrac-interleaved-photo__shell{width:100%!important;max-width:none!important;height:100%!important;margin:0!important}
body.page-id-12 .obrac-interleaved-photo--slot-2 .obrac-interleaved-photo__image{width:100%!important;height:100%!important;min-height:100%!important;aspect-ratio:auto!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
body.page-id-12 .obrac-ai-parallax-chapter{position:absolute;inset:0;z-index:2;display:flex;align-items:center;pointer-events:none}
body.page-id-12 .obrac-ai-parallax-chapter__inner{width:min(1280px,calc(100% - 64px));margin:0 auto}
body.page-id-12 .obrac-ai-parallax-chapter h2{max-width:760px;font-size:clamp(46px,5vw,76px)}
body.page-id-12 .obrac-ai-parallax-chapter span{display:inline-block;margin-top:26px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22);color:#ddd9e5;font-size:13px;font-weight:650;letter-spacing:.035em}

/* Horizontal block two: light editorial access manifesto. */
body.page-id-12 .obrac-ai-feature--access{position:relative;display:grid;grid-template-columns:.44fr .56fr;margin-block:96px;background:#ece9df;color:#111}
body.page-id-12 .obrac-ai-access__photo{min-height:720px;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.34)),url('https://obracspain.com/wp-content/uploads/2026/09/OBRAC-impacto-social-comunitario.jpg') center/cover;clip-path:polygon(0 0,100% 0,89% 100%,0 100%)}
body.page-id-12 .obrac-ai-access__content{display:flex;flex-direction:column;justify-content:center;padding:clamp(44px,5vw,72px) clamp(38px,5vw,68px) clamp(44px,5vw,72px) clamp(24px,3.4vw,50px)}
body.page-id-12 .obrac-ai-feature--access .obrac-ai-kicker{color:#a40c14!important}
body.page-id-12 .obrac-ai-feature--access h2{color:#0b090b;font-size:clamp(42px,4.2vw,66px)}
body.page-id-12 .obrac-ai-access__lead{margin:22px 0 26px;color:#413e43;font-size:17px;line-height:1.68}
body.page-id-12 .obrac-ai-access__list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(12,9,12,.16)}
body.page-id-12 .obrac-ai-access__item{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(12,9,12,.16)}
body.page-id-12 .obrac-ai-access__item>span{padding-top:3px;color:#a40c14;font-size:11px;font-weight:850}.obrac-ai-access__item strong{display:block;margin-bottom:4px;color:#0b090b;font-size:17px}.obrac-ai-access__item p{margin:0;color:#504c52;font-size:13px;line-height:1.55}
body.page-id-12 .obrac-ai-access__footer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:24px}
body.page-id-12 .obrac-ai-feature--access .obrac-ai-status{border-color:rgba(12,9,12,.18);color:#363239;background:rgba(255,255,255,.34)}
body.page-id-12 .obrac-ai-text-link{flex:0 0 auto;color:#75080d!important;font-size:13px;font-weight:800;text-decoration:none!important}

body.page-id-12 .obrac-ai-enter{opacity:0;transform:translateY(22px);transition:opacity 650ms var(--ai-ease) var(--ai-delay,0ms),transform 650ms var(--ai-ease) var(--ai-delay,0ms)}body.page-id-12 .obrac-ai-enter.is-visible{opacity:1;transform:none}
body.page-id-12 .obrac-ai-parallax-layer{display:none;position:absolute;inset:-10%;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none;will-change:transform;transform:translate3d(0,0,0) scale(1.08)}
body.page-id-12 :is(a,button):focus-visible{outline:3px solid #fff!important;outline-offset:4px!important;box-shadow:0 0 0 6px rgba(225,19,29,.62)!important}

@media(max-width:1024px){
 body.page-id-12 :is(.obrac-section:not(.obrac-hero)>.obrac-shell,.obrac-ai-feature,.obrac-ai-gallery){width:min(704px,calc(100% - 64px))!important;max-width:704px!important}
 body.page-id-12 .obrac-section:not(.obrac-hero){padding-block:72px!important}
 body.page-id-12 .elementor-element-3c22dd30.obrac-hero{min-height:760px!important}
 body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-grid{width:100%!important;max-width:none!important;padding:0!important}
 body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-copy{width:min(720px,88vw)!important;padding:72px 120px 72px 32px!important}
 body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-copy:before{left:32px;top:58px}
 body.page-id-12 .obrac-ai-feature--stack .obrac-ai-frame{grid-template-columns:1fr}.obrac-ai-feature__intro{border-right:0!important;border-bottom:1px solid var(--ai-line)}
 body.page-id-12 .obrac-ai-gallery__header{grid-template-columns:1fr;gap:20px}
 body.page-id-12 .obrac-ai-gallery__mosaic{grid-template-columns:1.15fr .85fr;grid-template-rows:260px 210px 250px}.obrac-ai-gallery__item.item-1{grid-column:1;grid-row:1/3}.obrac-ai-gallery__item.item-2{grid-column:2;grid-row:1}.obrac-ai-gallery__item.item-3{grid-column:2;grid-row:2}.obrac-ai-gallery__item.item-4{grid-column:1/3;grid-row:3}
 body.page-id-12 .obrac-ai-feature--access{grid-template-columns:.4fr .6fr}.obrac-ai-access__photo{min-height:760px}
}
@media(max-width:767px){
 body.page-id-12{--ai-mobile-gutter:24px}
 body.page-id-12 :is(.obrac-section:not(.obrac-hero)>.obrac-shell,.obrac-ai-feature,.obrac-ai-gallery){width:calc(100% - (var(--ai-mobile-gutter) * 2))!important;max-width:none!important}
 body.page-id-12 .obrac-section:not(.obrac-hero){padding-block:48px!important}body.page-id-12 .obrac-section:not(.obrac-hero) h2{font-size:clamp(32px,9.4vw,40px)!important}
 body.page-id-12 .obrac-section:not(.obrac-hero) :is(.obrac-copy,.obrac-copy p){font-size:15px!important;line-height:1.64!important}
 body.page-id-12 .elementor-element-3c22dd30.obrac-hero,body.page-id-12 .elementor-element-3c22dd30.obrac-hero>.obrac-shell,body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-grid{min-height:720px!important}
 body.page-id-12 .elementor-element-3c22dd30.obrac-hero{background-image:none!important;background-attachment:scroll!important;touch-action:pan-y}
 body.page-id-12 .elementor-element-3c22dd30.obrac-hero:before{background:linear-gradient(180deg,rgba(1,0,3,.3),rgba(1,0,3,.62) 45%,rgba(1,0,3,.88))}
 body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-grid{width:100%!important;max-width:none!important;padding:0!important;justify-content:flex-end!important}
 body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-copy{width:100%!important;min-height:inherit!important;padding:104px var(--ai-mobile-gutter) 34px!important;justify-content:flex-end!important;border-radius:0!important;background:transparent!important}
 body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-copy:after{inset:0!important;background:linear-gradient(180deg,rgba(3,2,5,.18) 0%,rgba(3,2,5,.38) 34%,rgba(3,2,5,.78) 66%,rgba(3,2,5,.96) 100%)}
 body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-copy:before{left:var(--ai-mobile-gutter);top:auto;bottom:calc(100% - 122px)}
 body.page-id-12 .elementor-element-3c22dd30.obrac-hero .obrac-hero-copy h1{font-size:clamp(40px,11.6vw,46px)!important;line-height:1.01!important}
 body.page-id-12 :is(.elementor-element-f2344c48,.elementor-element-2ace0877) .obrac-media{min-height:240px!important;border-radius:20px!important}
 body.page-id-12 :is(.elementor-element-8d069bf2,.elementor-element-f777203b) .obrac-card{padding:22px!important}
 body.page-id-12 .elementor-element-9892cf40 .obrac-card.feature{padding:26px 22px!important}
 body.page-id-12 .obrac-ai-feature{border-radius:20px}body.page-id-12 :is(.obrac-ai-feature--stack,.obrac-ai-gallery,.obrac-ai-feature--access){margin-block:44px}
 body.page-id-12 .obrac-ai-feature__intro{padding:28px 20px}body.page-id-12 :is(.obrac-ai-feature__intro,.obrac-ai-gallery__header,.obrac-ai-feature--access) h2{font-size:clamp(32px,9.4vw,40px)}
 body.page-id-12 .obrac-ai-feature__intro>p:not(.obrac-ai-kicker){margin:18px 0 24px;font-size:15px;line-height:1.62}
 body.page-id-12 .obrac-ai-stack__row{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:18px 16px}.obrac-ai-stack__row>span{width:36px!important;height:36px!important}body.page-id-12 .obrac-ai-stack__row strong{font-size:17px}body.page-id-12 .obrac-ai-stack__row p{font-size:13px;line-height:1.5}
 body.page-id-12 .obrac-ai-gallery__header{margin-bottom:26px}body.page-id-12 .obrac-ai-gallery__header>p{font-size:15px;line-height:1.62}
 body.page-id-12 .obrac-ai-gallery__mosaic{grid-template-rows:190px 136px 170px;gap:8px}body.page-id-12 .obrac-ai-gallery__item{border-radius:14px}
 body.page-id-12 .obrac-interleaved-photo--slot-2{height:500px!important;touch-action:pan-y;background-image:none!important}body.page-id-12 .obrac-interleaved-photo--slot-2 .obrac-interleaved-photo__image{background-image:none!important;background-attachment:scroll!important}
 body.page-id-12 .obrac-ai-parallax-layer{display:block}body.page-id-12 .obrac-ai-parallax-chapter__inner{width:calc(100% - (var(--ai-mobile-gutter) * 2))}body.page-id-12 .obrac-ai-parallax-chapter h2{font-size:clamp(34px,10vw,42px)}body.page-id-12 .obrac-ai-parallax-chapter span{margin-top:20px;padding-top:13px;font-size:11px;line-height:1.5}
 body.page-id-12 .obrac-ai-feature--access{display:flex;flex-direction:column}.obrac-ai-access__photo{min-height:250px!important;clip-path:none;background-position:center 38%}.obrac-ai-access__content{padding:28px 20px 32px!important}.obrac-ai-access__lead{margin:18px 0 22px;font-size:15px!important;line-height:1.62}.obrac-ai-access__item{grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;padding:15px 0}.obrac-ai-access__footer{align-items:flex-start!important;flex-direction:column;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){body.page-id-12 .elementor-element-3c22dd30.obrac-hero,body.page-id-12 .obrac-interleaved-photo--slot-2 .obrac-interleaved-photo__image{background-attachment:scroll!important}body.page-id-12 .obrac-ai-parallax-layer{transform:none!important;will-change:auto!important}body.page-id-12 .obrac-ai-enter{opacity:1!important;transform:none!important;transition:none!important}body.page-id-12 :is(.obrac-card,.obrac-ai-gallery__item img){transition:none!important}}