#servicios{background:radial-gradient(circle at 88% 5%,#153854 0,transparent 28%),linear-gradient(145deg,#071522,#0b2033 72%,#081a2a);color:#fff;position:relative;overflow:hidden}
#servicios:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(81,150,199,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(81,150,199,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none}
#servicios .sectionHead{position:relative;z-index:2;margin-bottom:48px}
#servicios .sectionHead>p{color:#91a7b8}
.serviceGrid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0!important}
.service,.service.featured{grid-column:auto!important;min-height:228px!important;padding:22px!important;border:1px solid rgba(139,190,222,.16)!important;border-radius:12px;background:rgba(11,35,55,.76)!important;backdrop-filter:blur(10px);display:flex;flex-direction:column;overflow:hidden;position:relative;color:#fff;box-shadow:none!important;transition:transform .28s ease,border-color .28s ease,background .28s ease!important}
.service:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(38,217,246,.08),transparent 42%);opacity:0;transition:.28s}
.service:after{content:"";position:absolute;width:80px;height:80px;border:1px solid rgba(38,217,246,.08);border-radius:50%;right:-40px;top:-40px}
.service:hover,.service.featured:hover{transform:translateY(-4px)!important;border-color:rgba(38,217,246,.48)!important;background:rgba(13,45,70,.94)!important}.service:hover:before{opacity:1}
.serviceTop{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.serviceTop>span{font:700 9px var(--font-display);letter-spacing:1.8px;color:#66839a}.serviceStatus{width:6px;height:6px;border-radius:50%;background:#47657c}.service:hover .serviceStatus{background:#5ef2a9;box-shadow:0 0 10px #5ef2a9}
.serviceIcon,.featured .serviceIcon{width:44px;height:44px;flex:none;border:1px solid rgba(85,168,215,.23);border-radius:10px;margin:19px 0 16px;display:grid;place-items:center;position:relative;z-index:2;background:rgba(29,101,148,.11);box-shadow:none}.serviceIcon>b,.featured .serviceIcon>b{font:500 20px var(--font-display);color:var(--cyan)}.serviceIcon>i{position:absolute;width:5px;height:5px;border-radius:2px;background:var(--blue);right:-3px;bottom:8px}
.serviceCopy{position:relative;z-index:2}.serviceCopy h3,.featured .serviceCopy h3{font:700 16px var(--font-display)!important;letter-spacing:-.2px;margin:0 0 7px!important}.serviceCopy p,.featured .serviceCopy p{font-size:11px!important;line-height:1.6!important;color:#8fa5b5!important;margin:0!important;max-width:320px}
.serviceFoot{margin-top:auto;padding-top:15px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.serviceFoot>span{font:700 8px var(--font-display);letter-spacing:1.5px;color:#56738a}.serviceFoot>a,.featured .serviceFoot>a{opacity:1!important;width:27px;height:27px;border-radius:7px;border:1px solid rgba(127,181,214,.2);display:grid!important;place-items:center;color:#7295ad!important;font-size:13px!important;transform:none!important;transition:.25s!important}.service:hover .serviceFoot>a{background:var(--cyan)!important;border-color:var(--cyan)!important;color:#071522!important;transform:none!important}
@media(max-width:900px){.serviceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.service,.service.featured{min-height:220px!important}}
@media(max-width:560px){#servicios .sectionHead{margin-bottom:35px}.serviceGrid{grid-template-columns:1fr}.service,.service.featured{min-height:205px!important}.serviceCopy p,.featured .serviceCopy p{font-size:12px!important}}

/* Simplified cards: content first, without service pictograms or category labels. */
.service,.service.featured{min-height:188px!important}
.serviceCopy{margin-top:28px}
.serviceFoot{justify-content:flex-end}
@media(max-width:900px){.service,.service.featured{min-height:188px!important}}
@media(max-width:560px){.service,.service.featured{min-height:180px!important}}
