/* Services section: reference composition, scoped to #servicios only. */
#servicios.services{position:relative;isolation:isolate;overflow:hidden;padding:72px 0 80px!important;background:#fbfbff!important}
#servicios.services::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.85;background:
radial-gradient(ellipse 45% 50% at 2% 100%,rgba(107,83,235,.075),transparent 85%),
radial-gradient(ellipse 45% 55% at 98% 15%,rgba(137,101,247,.075),transparent 85%),
repeating-radial-gradient(ellipse 650px 190px at -10% 115%,transparent 0 21px,rgba(102,93,219,.065) 22px 23px,transparent 24px 38px),
repeating-radial-gradient(ellipse 580px 155px at 112% -25%,transparent 0 22px,rgba(130,100,231,.06) 23px 24px,transparent 25px 39px)}
#servicios.services::after{content:"";position:absolute;right:0;top:18%;width:110px;height:150px;pointer-events:none;opacity:.24;background-image:radial-gradient(#7657d9 1.3px,transparent 1.3px);background-size:12px 12px}
#servicios .services-layout{display:block!important;position:relative;z-index:1}
#servicios .services-intro{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr) auto;column-gap:32px;align-items:center;margin-bottom:27px!important}
#servicios .services-intro .section-tag{grid-column:1;grid-row:1;align-self:end;margin-bottom:7px;color:#ff6019!important;font-family:Manrope,sans-serif;font-size:12px!important;font-weight:800!important;letter-spacing:.075em!important}
#servicios .services-intro h2{grid-column:1;grid-row:2 / span 2;margin:0!important;font-family:Manrope,sans-serif!important;font-size:clamp(28px,2.6vw,42px)!important;line-height:1.12!important;letter-spacing:-.055em!important;font-weight:800!important;color:#140e35!important}
#servicios .services-intro h2 br{display:none}
#servicios .services-intro h2 span{display:inline}
#servicios .services-intro h2 span:not(:last-child)::after{content:" "}
#servicios .services-intro h2 span:last-child{color:#ff651e!important}
#servicios .services-intro p{grid-column:2;grid-row:1 / span 3;border-left:1px solid #dedaf0;padding-left:20px!important;margin:0!important;max-width:320px;font-family:"DM Sans",sans-serif!important;font-size:14px!important;line-height:1.7!important;color:#48416a!important}
#servicios .services-intro .text-link{grid-column:3;grid-row:1 / span 3;white-space:nowrap;justify-self:end;color:#6417d2!important;font-size:13px!important;font-weight:800!important;text-decoration:underline;text-underline-offset:3px}
#servicios .services-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
#servicios .service-photo-card{display:flex!important;flex-direction:column!important;min-width:0;overflow:hidden;border:1px solid #eae7f4!important;border-radius:14px!important;background:#fff!important;text-decoration:none!important;box-shadow:0 13px 30px rgba(35,20,88,.085)!important;transition:transform .22s ease,box-shadow .22s ease!important}
#servicios .service-photo-card:hover{transform:translateY(-5px);box-shadow:0 19px 38px rgba(35,20,88,.15)!important}
#servicios .service-photo-card>img{display:block;width:100%!important;height:145px!important;aspect-ratio:auto!important;object-fit:cover!important;border-radius:0!important}
#servicios .photo-card-copy{position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex:1;padding:18px 20px 19px!important;min-height:143px!important}
#servicios .photo-icon{position:absolute!important;left:20px!important;top:-35px!important;display:grid!important;place-items:center!important;width:62px!important;height:62px!important;border:3px solid #fff!important;border-radius:15px!important;font-size:31px!important;line-height:1!important;color:#fff!important;box-shadow:0 7px 20px rgba(35,20,88,.2)!important}
#servicios .photo-icon.orange{background:#ff661e!important}
#servicios .photo-icon.purple{background:#6616d2!important}
#servicios .photo-card-copy h3{margin:0 0 6px!important;font-family:Manrope,sans-serif!important;font-weight:800!important;font-size:17px!important;line-height:1.24!important;letter-spacing:-.025em!important;color:#150e35!important}
#servicios .photo-card-copy p{margin:0 0 13px!important;font-family:"DM Sans",sans-serif!important;font-size:13px!important;line-height:1.45!important;color:#534d75!important}
#servicios .photo-arrow{position:static!important;display:inline-flex!important;align-items:center!important;margin-top:auto!important;color:#6517d3!important;font-size:0!important;font-weight:800!important}
#servicios .photo-arrow::before{content:"Conoce más";font-size:13px;text-decoration:underline;text-underline-offset:3px}
#servicios .photo-arrow::after{content:"→";font-size:21px;margin-left:9px}
html[lang="en"] #servicios .photo-arrow::before{content:"Learn more"}
@media(max-width:1100px){
 #servicios .services-intro{grid-template-columns:minmax(0,1fr) minmax(210px,.65fr);row-gap:12px}
 #servicios .services-intro .text-link{grid-column:2;grid-row:3;justify-self:start;margin-left:20px}
 #servicios .services-intro p{grid-row:1 / span 2}
 #servicios .services-cards{gap:13px!important}
 #servicios .photo-card-copy{padding-inline:13px!important}
 #servicios .photo-icon{left:13px!important}
 #servicios .photo-card-copy h3{font-size:15px!important}
}
@media(max-width:700px){
 #servicios.services{padding:62px 0 70px!important}
 #servicios .services-intro{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:27px!important}
 #servicios .services-intro h2{font-size:clamp(29px,7.4vw,37px)!important}
 #servicios .services-intro p{border-left:0!important;padding:0!important;max-width:100%;font-size:14px!important}
 #servicios .services-intro .text-link{margin:0!important}
 #servicios .services-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
 #servicios .service-photo-card>img{height:118px!important}
 #servicios .photo-card-copy{min-height:155px!important;padding:18px 12px 15px!important}
 #servicios .photo-icon{left:12px!important;top:-27px!important;width:47px!important;height:47px!important;font-size:23px!important;border-radius:12px!important}
 #servicios .photo-card-copy h3{font-size:14px!important}
 #servicios .photo-card-copy p{font-size:12px!important}
}
@media(max-width:370px){#servicios .services-cards{grid-template-columns:1fr!important}#servicios .service-photo-card>img{height:160px!important}#servicios .photo-card-copy{min-height:120px!important}}