/* Contraste editorial para “Cómo podemos encender tu potencial”. */
.focus-native #casos-de-ejemplo{
  position:relative;isolation:isolate;color:#fff;
  background:
    radial-gradient(circle at 78% 22%,rgba(255,0,104,.24),transparent 31%),
    radial-gradient(circle at 20% 104%,rgba(53,91,255,.34),transparent 38%),
    linear-gradient(132deg,#11182d 0%,#222251 54%,#431646 100%);
}
.focus-native #casos-de-ejemplo:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.34;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:46px 46px;
}
.focus-native #casos-de-ejemplo .section-heading h2{color:#fff}
.focus-native #casos-de-ejemplo .section-description{color:#d8dced}
.focus-native #casos-de-ejemplo .eyebrow{color:#ff8abb}
.focus-native #casos-de-ejemplo .eyebrow.with-line:after{background:rgba(255,255,255,.22)}
.focus-native #casos-de-ejemplo.scenarios-v2 .situation-row{
  color:#fff;background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.17);
  box-shadow:0 18px 45px rgba(4,8,23,.18);backdrop-filter:blur(10px)
}
.focus-native #casos-de-ejemplo.scenarios-v2 .situation-row h3,
.focus-native #casos-de-ejemplo .situation-service-link{color:#fff}
.focus-native #casos-de-ejemplo.scenarios-v2 .situation-row>p{color:#d9deed}
.focus-native #casos-de-ejemplo .scenario-row-chips span{
  color:#fff;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2)
}
.focus-native #casos-de-ejemplo.scenarios-v2 .situation-row:hover,
.focus-native #casos-de-ejemplo.scenarios-v2 .situation-row.is-active{
  background:rgba(255,255,255,.13);border-color:rgba(255,122,180,.75);
  box-shadow:0 24px 58px rgba(4,8,23,.28)
}
@media(max-width:760px){
  .focus-native #casos-de-ejemplo{background-attachment:scroll}
  .focus-native #casos-de-ejemplo.scenarios-v2 .situation-row{backdrop-filter:none}
}
