/* OBRAC_HOME_FOCUS_PREMIUM_V1
 * Elementor owns container defaults; these scoped overrides own this section.
 * Existing page palette remains the source of color values.
 */
body.home.page-id-10 .elementor-element:is(.obrac-home-focus-media,.elementor-element-525e42cf) {
  --focus-ease: cubic-bezier(.22,1,.36,1);
  padding: clamp(64px,7vw,104px) 32px !important;
  background: var(--obrac-bg-2,var(--obrac-bg)) !important;
}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) > .obrac-shell {
  width: 100% !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  gap: 48px !important;
}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-narrow {
  width: 100% !important;
  max-width: 800px !important;
  padding: 0 !important;
  gap: 18px !important;
}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-eyebrow,
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-eyebrow .elementor-heading-title {
  color: var(--obrac-purple-light,var(--obrac-text)) !important;
}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) h2 {
  font-size: clamp(32px,3.65vw,52px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance;
}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-grid-2 {
  width: 100% !important;
  padding: 0 !important;
  gap: 24px !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-card {
  display: grid !important;
  grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr) !important;
  align-items: stretch !important;
  gap: 24px !important;
  padding: 24px !important;
  min-height: 280px !important;
  border: 1px solid var(--obrac-border) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg,color-mix(in srgb,var(--obrac-bg-3) 75%,var(--obrac-bg)),var(--obrac-bg)) !important;
  box-shadow: 0 12px 32px color-mix(in srgb,var(--obrac-bg) 24%,transparent) !important;
  overflow: hidden !important;
  isolation: isolate;
}
/* Disable old nested reveals/glows here. Each copy/photo pair enters only once. */
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-reveal,
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-force-motion {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  will-change: auto !important;
}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf)::before,
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-card::before,
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-card::after {
  content: none !important;
}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-focus-card-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 16px !important;
}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) h3 {
  font-size: clamp(22px,1.8vw,26px) !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
  text-wrap: balance;
}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-focus-card-copy .elementor-widget-text-editor {
  color: var(--obrac-text-muted,var(--obrac-muted)) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-focus-card-copy p { margin: 0 !important; }
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-focus-card-photo {
  min-width: 0 !important;
  min-height: 230px !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 16px !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border: 1px solid color-mix(in srgb,var(--obrac-text) 12%,transparent) !important;
}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-card:nth-of-type(1) .obrac-focus-card-photo {background-image:url('https://obracspain.com/wp-content/uploads/2026/09/OBRAC-aprendizaje-y-educacion.jpg') !important;}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-card:nth-of-type(2) .obrac-focus-card-photo {background-image:url('https://obracspain.com/wp-content/uploads/2026/09/OBRAC-comunidad-y-cooperacion.jpg') !important;}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-card:nth-of-type(3) .obrac-focus-card-photo {background-image:url('https://obracspain.com/wp-content/uploads/2026/09/OBRAC-impacto-social-comunitario.jpg') !important;}
body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-card:nth-of-type(4) .obrac-focus-card-photo {background-image:url('https://obracspain.com/wp-content/uploads/2026/09/OBRAC-voluntariado-y-comunidad.jpg') !important;}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-card {
    transition: translate 600ms var(--focus-ease),border-color 400ms ease,box-shadow 600ms var(--focus-ease) !important;
  }
  body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-card:hover {
    translate: 0 -3px;
    border-color: color-mix(in srgb,var(--obrac-purple-light) 45%,var(--obrac-border)) !important;
    box-shadow: 0 20px 40px color-mix(in srgb,var(--obrac-bg) 50%,transparent) !important;
  }
}
@media (max-width:1023px) {
  body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-grid-2 { grid-template-columns: 1fr !important; }
  body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-card { min-height: 260px !important; }
  body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-focus-card-photo { min-height: 210px !important; }
}
@media (max-width:767px) {
  body.home.page-id-10 .elementor-element:is(.obrac-home-focus-media,.elementor-element-525e42cf) { padding: 64px 20px !important; }
  body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) > .obrac-shell { gap: 32px !important; }
  body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-grid-2 { gap: 20px !important; }
  body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-card {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 20px !important;
    min-height: 0 !important;
    border-radius: 22px !important;
  }
  body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-focus-card-copy { gap: 12px !important; }
  body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-focus-card-photo {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16/10 !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-card,
  body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-focus-card-copy,
  body.home.page-id-10 :is(.obrac-home-focus-media,.elementor-element-525e42cf) .obrac-focus-card-photo {
    animation: none !important;
    transition: none !important;
    translate: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}