/* =========================================================
ZOHAN ESTIBA — Página de servicios
Estilos independientes para conservar intacta la página principal.
========================================================= */
:root{
  --navy:#063b4b;
  --navy-deep:#042b39;
  --teal:#159c98;
  --mint:#8de1ce;
  --gold:#c6a85b;
  --ink:#173b49;
  --muted:#5d737b;
  --paper:#f5f9fa;
  --white:#fff;
  --line:#dce8eb;
  --shadow:0 16px 38px rgba(5,48,64,.10)}
  *{
    box-sizing:border-box}
    html{
      scroll-behavior:smooth;
      scroll-padding-top:90px}
      body{
        margin:0;
        color:var(--ink);
        background:#fff;
        font-family:Arial,Helvetica,sans-serif;
        line-height:1.65}
        img{
          display:block;
          max-width:100%}
          a{
            color:inherit}
            .container{
              width:min(1160px,calc(100% - 44px));
              margin-inline:auto}
              .site-header{
                position:sticky;
                top:0;
                z-index:100;
                background:rgba(255,255,255,.96);
                backdrop-filter:blur(12px);
                border-bottom:1px solid rgba(6,59,75,.09);
                box-shadow:0 4px 18px rgba(6,59,75,.04)}
                .header-inner{
                  min-height:82px;
                  display:flex;
                  align-items:center;
                  justify-content:space-between;
                  gap:26px}
                  .brand{
                    display:flex;
                    align-items:center;
                    flex-shrink:0}
                    .brand img{
                      width:170px;
                      height:auto;
                      max-height:68px;
                      object-fit:contain}
                      .main-nav{
                        display:flex;
                        align-items:center;
                        gap:clamp(15px,2vw,28px)}
                        .main-nav>a:not(.nav-cta){
                          position:relative;
                          text-decoration:none;
                          font-size:14px;
                          font-weight:700;
                          color:#244b58;
                          padding:10px 0}
                          .main-nav>a:not(.nav-cta)::after{
                            content:"";
                            position:absolute;
                            left:0;
                            right:0;
                            bottom:3px;
                            height:2px;
                            border-radius:4px;
                            background:linear-gradient(90deg,#2878db,#20b9b0 62%,#c6a85b);
                            transform:scaleX(0);
                            transition:transform .2s}
                            .main-nav>a:hover::after,.main-nav>a:focus-visible::after,.main-nav>a.active::after{
                              transform:scaleX(1)}
                              .nav-cta,.button{
                                display:inline-flex;
                                align-items:center;
                                justify-content:center;
                                gap:9px;
                                text-decoration:none;
                                font-weight:750;
                                border-radius:9px;
                                transition:transform .2s,box-shadow .2s,background .2s}
                                .nav-cta{
                                  padding:12px 17px;
                                  background:linear-gradient(110deg,var(--teal),#69b8b5);
                                  color:#fff;
                                  box-shadow:0 5px 14px #022b3f1f}
                                  .nav-cta:hover,.button:hover{
                                    transform:translateY(-2px);
                                    box-shadow:0 9px 22px #022b3f2b}
                                    .wa-mark{
                                      font-size:16px}
                                      .menu-toggle{
                                        display:none}
                                        .services-hero{
                                          position:relative;
                                          isolation:isolate;
                                          overflow:hidden;
                                          background:linear-gradient(118deg,#052f40 0%,#075365 58%,#087d83 100%);
                                          color:#fff;
                                          padding:76px 0 82px}
                                          .hero-glow{
                                            position:absolute;
                                            z-index:-1;
                                            border-radius:50%;
                                            filter:blur(1px);
                                            pointer-events:none}
                                            .glow-one{
                                              width:420px;
                                              height:420px;
                                              right:-100px;
                                              top:-210px;
                                              background:radial-gradient(circle,#40c5b633,transparent 70%)}
                                              .glow-two{
                                                width:320px;
                                                height:320px;
                                                left:36%;
                                                bottom:-260px;
                                                border:1px solid #8de1ce35}
                                                .services-hero-grid{
                                                  display:grid;
                                                  grid-template-columns:1.03fr .97fr;
                                                  align-items:center;
                                                  gap:64px}
                                                  .eyebrow,.section-kicker,.card-kicker{
                                                    margin:0 0 13px;
                                                    font-size:11px;
                                                    font-weight:800;
                                                    letter-spacing:2px}
                                                    .eyebrow{
                                                      color:var(--mint);
                                                      display:flex;
                                                      align-items:center;
                                                      gap:10px}
                                                      .eyebrow span{
                                                        width:27px;
                                                        height:2px;
                                                        background:linear-gradient(90deg,#2878db,var(--mint),var(--gold))}
                                                        .services-intro h1{
                                                          font-size:clamp(34px,4.2vw,57px);
                                                          line-height:1.09;
                                                          letter-spacing:-1.6px;
                                                          margin:0 0 23px;
                                                          max-width:650px}
                                                          .services-intro h1 em{
                                                            font-style:normal;
                                                            color:var(--mint)}
                                                            .lead{
                                                              font-size:17px;
                                                              line-height:1.85;
                                                              color:#e0eff0;
                                                              max-width:590px;
                                                              margin:0 0 29px}
                                                              .button{
                                                                padding:14px 22px;
                                                                min-height:48px}
                                                                .button-blue{
                                                                  color:#fff;
                                                                  background:linear-gradient(105deg,#2878db 0%,#159c98 72%,#c6a85b 130%);
                                                                  box-shadow:0 7px 19px #001c2d38}
                                                                  .services-hero-image{
                                                                    position:relative;
                                                                    padding:0;
                                                                    min-width:0}
                                                                    .services-hero-image::before{
                                                                      content:none}
                                                                      .services-hero-image img{
                                                                        position:relative;
                                                                        width:100%;
                                                                        height:365px;
                                                                        object-fit:cover;
                                                                        border-radius:16px;
                                                                        box-shadow:0 18px 38px #001c2d30}
                                                                        .image-label{
                                                                          position:absolute;
                                                                          left:32px;
                                                                          bottom:31px;
                                                                          padding:9px 13px;
                                                                          border-radius:6px;
                                                                          background:#052f40e8;
                                                                          color:#d5f5ed;
                                                                          font-size:10px;
                                                                          font-weight:800;
                                                                          letter-spacing:1.3px}
                                                                          .service-principles{
                                                                            background:#fff;
                                                                            border-bottom:1px solid var(--line)}
                                                                            .principles-grid{
                                                                              display:grid;
                                                                              grid-template-columns:repeat(3,1fr);
                                                                              padding-block:30px}
                                                                              .principles-grid article{
                                                                                padding:8px 30px;
                                                                                border-right:1px solid var(--line)}
                                                                                .principles-grid article:first-child{
                                                                                  padding-left:0}
                                                                                  .principles-grid article:last-child{
                                                                                    border-right:0}
                                                                                    .principle-number{
                                                                                      font-size:12px;
                                                                                      font-weight:800;
                                                                                      letter-spacing:1px;
                                                                                      color:var(--teal)}
                                                                                      .principles-grid h2{
                                                                                        font-size:17px;
                                                                                        line-height:1.3;
                                                                                        margin:8px 0;
                                                                                        color:var(--navy)}
                                                                                        .principles-grid p{
                                                                                          font-size:13px;
                                                                                          color:var(--muted);
                                                                                          margin:0;
                                                                                          line-height:1.7}
                                                                                          .service-catalog{
                                                                                            padding:82px 0 92px;
                                                                                            background:linear-gradient(180deg,#f7fbfc 0%,#fff 100%)}
                                                                                            .section-heading{
                                                                                              display:flex;
                                                                                              align-items:end;
                                                                                              justify-content:space-between;
                                                                                              gap:28px;
                                                                                              margin-bottom:32px}
                                                                                              .section-kicker{
                                                                                                color:var(--teal);
                                                                                                margin-bottom:8px}
                                                                                                .section-heading h2{
                                                                                                  font-size:clamp(27px,3vw,39px);
                                                                                                  line-height:1.18;
                                                                                                  letter-spacing:-.7px;
                                                                                                  color:var(--navy);
                                                                                                  margin:0;
                                                                                                  max-width:700px}
                                                                                                  .section-description{
                                                                                                    margin:12px 0 0;
                                                                                                    color:var(--muted);
                                                                                                    font-size:15px;
                                                                                                    max-width:690px}
                                                                                                    .heading-accent{
                                                                                                      width:92px;
                                                                                                      height:4px;
                                                                                                      flex-shrink:0;
                                                                                                      margin-bottom:8px;
                                                                                                      border-radius:8px;
                                                                                                      background:linear-gradient(90deg,#2878db,#20b9b0 62%,#c6a85b)}
                                                                                                      .service-grid{
                                                                                                        display:grid;
                                                                                                        grid-template-columns:repeat(3,minmax(0,1fr));
                                                                                                        gap:24px}
                                                                                                        .service-card{
                                                                                                          overflow:hidden;
                                                                                                          background:#fff;
                                                                                                          border:1px solid #e2ecef;
                                                                                                          border-radius:15px;
                                                                                                          box-shadow:0 8px 24px #063b4b0b;
                                                                                                          transition:transform .22s,box-shadow .22s,border-color .22s}
                                                                                                          .service-card:hover{
                                                                                                            transform:translateY(-5px);
                                                                                                            box-shadow:var(--shadow);
                                                                                                            border-color:#b7dfdc}
                                                                                                            .card-image{
                                                                                                              position:relative;
                                                                                                              overflow:hidden;
                                                                                                              background:#e7f0f1}
                                                                                                              .card-image img{
                                                                                                                width:100%;
                                                                                                                height:218px;
                                                                                                                object-fit:cover;
                                                                                                                transition:transform .4s}
                                                                                                                .service-card:hover .card-image img{
                                                                                                                  transform:scale(1.035)}
                                                                                                                  .card-image span{
                                                                                                                    position:absolute;
                                                                                                                    top:13px;
                                                                                                                    left:13px;
                                                                                                                    padding:5px 9px;
                                                                                                                    border-radius:5px;
                                                                                                                    background:#063b4be8;
                                                                                                                    color:#fff;
                                                                                                                    font-size:11px;
                                                                                                                    font-weight:800;
                                                                                                                    letter-spacing:1px}
                                                                                                                    .card-content{
                                                                                                                      padding:22px 23px 25px}
                                                                                                                      .card-kicker{
                                                                                                                        font-size:10px;
                                                                                                                        letter-spacing:1.5px;
                                                                                                                        color:var(--teal);
                                                                                                                        margin:0 0 7px}
                                                                                                                        .card-content h3{
                                                                                                                          font-size:21px;
                                                                                                                          line-height:1.25;
                                                                                                                          color:var(--navy);
                                                                                                                          margin:0 0 10px}
                                                                                                                          .card-content>p:last-child{
                                                                                                                            font-size:14px;
                                                                                                                            line-height:1.75;
                                                                                                                            color:var(--muted);
                                                                                                                            margin:0}
                                                                                                                            .service-cta{
                                                                                                                              padding:46px 0;
                                                                                                                              background:linear-gradient(105deg,#e9f6f5,#f5f9fa 60%,#f8f4e9)}
                                                                                                                              .cta-inner{
                                                                                                                                display:flex;
                                                                                                                                align-items:center;
                                                                                                                                justify-content:space-between;
                                                                                                                                gap:35px}
                                                                                                                                .cta-inner h2{
                                                                                                                                  font-size:clamp(24px,3vw,34px);
                                                                                                                                  line-height:1.2;
                                                                                                                                  color:var(--navy);
                                                                                                                                  margin:0 0 10px}
                                                                                                                                  .cta-inner p:not(.section-kicker){
                                                                                                                                    max-width:690px;
                                                                                                                                    margin:0;
                                                                                                                                    color:var(--muted);
                                                                                                                                    font-size:14px}
                                                                                                                                    .cta-inner .section-kicker{
                                                                                                                                      margin-bottom:8px}
                                                                                                                                      .cta-inner .button{
                                                                                                                                        flex-shrink:0}
                                                                                                                                        .site-footer{
                                                                                                                                          background:#042b39;
                                                                                                                                          color:#d7e7e9;
                                                                                                                                          padding:24px 0}
                                                                                                                                          .footer-inner{
                                                                                                                                            display:flex;
                                                                                                                                            align-items:center;
                                                                                                                                            justify-content:space-between;
                                                                                                                                            gap:20px}
                                                                                                                                            .footer-brand{
                                                                                                                                              text-decoration:none;
                                                                                                                                              font-weight:900;
                                                                                                                                              letter-spacing:1.4px;
                                                                                                                                              color:#fff}
                                                                                                                                              .footer-brand span{
                                                                                                                                                color:var(--mint)}
                                                                                                                                                .footer-inner p{
                                                                                                                                                  margin:0;
                                                                                                                                                  font-size:12px;
                                                                                                                                                  color:#b5cdd0}
                                                                                                                                                  .footer-inner>a:last-child{
                                                                                                                                                    font-size:12px;
                                                                                                                                                    color:var(--mint);
                                                                                                                                                    text-decoration:none}
                                                                                                                                                    @media(max-width:900px){
                                                                                                                                                      .header-inner{
                                                                                                                                                        min-height:74px}
                                                                                                                                                        .brand img{
                                                                                                                                                          width:145px}
                                                                                                                                                          .main-nav{
                                                                                                                                                            gap:14px}
                                                                                                                                                            .main-nav>a:not(.nav-cta){
                                                                                                                                                              font-size:13px}
                                                                                                                                                              .nav-cta{
                                                                                                                                                                padding:10px 12px;
                                                                                                                                                                font-size:13px}
                                                                                                                                                                .services-hero{
                                                                                                                                                                  padding:60px 0}
                                                                                                                                                                  .services-hero-grid{
                                                                                                                                                                    gap:34px}
                                                                                                                                                                    .services-hero-image img{
                                                                                                                                                                      height:310px}
                                                                                                                                                                      .service-grid{
                                                                                                                                                                        grid-template-columns:repeat(2,minmax(0,1fr))}
                                                                                                                                                                        .card-image img{
                                                                                                                                                                          height:230px}
                                                                                                                                                                        }
                                                                                                                                                                        @media(max-width:700px){
                                                                                                                                                                          html{
                                                                                                                                                                            scroll-padding-top:78px}
                                                                                                                                                                            .container{
                                                                                                                                                                              width:min(100% - 32px,560px)}
                                                                                                                                                                              .header-inner{
                                                                                                                                                                                min-height:70px}
                                                                                                                                                                                .brand img{
                                                                                                                                                                                  width:138px}
                                                                                                                                                                                  .menu-toggle{
                                                                                                                                                                                    display:flex;
                                                                                                                                                                                    width:42px;
                                                                                                                                                                                    height:42px;
                                                                                                                                                                                    flex-direction:column;
                                                                                                                                                                                    justify-content:center;
                                                                                                                                                                                    gap:5px;
                                                                                                                                                                                    align-items:center;
                                                                                                                                                                                    border:1px solid #dce8eb;
                                                                                                                                                                                    background:#fff;
                                                                                                                                                                                    border-radius:8px;
                                                                                                                                                                                    cursor:pointer}
                                                                                                                                                                                    .menu-toggle span{
                                                                                                                                                                                      display:block;
                                                                                                                                                                                      width:19px;
                                                                                                                                                                                      height:2px;
                                                                                                                                                                                      background:var(--navy);
                                                                                                                                                                                      border-radius:2px}
                                                                                                                                                                                      .main-nav{
                                                                                                                                                                                        display:none;
                                                                                                                                                                                        position:absolute;
                                                                                                                                                                                        top:100%;
                                                                                                                                                                                        left:0;
                                                                                                                                                                                        right:0;
                                                                                                                                                                                        padding:14px 20px 20px;
                                                                                                                                                                                        background:#fff;
                                                                                                                                                                                        border-bottom:1px solid var(--line);
                                                                                                                                                                                        box-shadow:0 14px 20px #063b4b12;
                                                                                                                                                                                        align-items:stretch;
                                                                                                                                                                                        gap:5px}
                                                                                                                                                                                        .main-nav.is-open{
                                                                                                                                                                                          display:flex;
                                                                                                                                                                                          flex-direction:column}
                                                                                                                                                                                          .main-nav>a:not(.nav-cta){
                                                                                                                                                                                            padding:11px 5px;
                                                                                                                                                                                            font-size:14px}
                                                                                                                                                                                            .main-nav>a:not(.nav-cta)::after{
                                                                                                                                                                                              right:auto;
                                                                                                                                                                                              width:44px;
                                                                                                                                                                                              bottom:4px}
                                                                                                                                                                                              .nav-cta{
                                                                                                                                                                                                justify-content:center;
                                                                                                                                                                                                margin-top:7px}
                                                                                                                                                                                                .services-hero{
                                                                                                                                                                                                  padding:46px 0 50px}
                                                                                                                                                                                                  .services-hero-grid{
                                                                                                                                                                                                    grid-template-columns:1fr;
                                                                                                                                                                                                    gap:31px}
                                                                                                                                                                                                    .services-intro h1{
                                                                                                                                                                                                      font-size:clamp(34px,9vw,47px);
                                                                                                                                                                                                      letter-spacing:-1px}
                                                                                                                                                                                                      .lead{
                                                                                                                                                                                                        font-size:15px;
                                                                                                                                                                                                        line-height:1.8}
                                                                                                                                                                                                        .services-hero-image{
                                                                                                                                                                                                          padding:0}
                                                                                                                                                                                                          .services-hero-image::before{
                                                                                                                                                                                                            content:none}
                                                                                                                                                                                                            .services-hero-image img{
                                                                                                                                                                                                              height:260px}
                                                                                                                                                                                                              .image-label{
                                                                                                                                                                                                                left:22px;
                                                                                                                                                                                                                bottom:22px;
                                                                                                                                                                                                                font-size:9px;
                                                                                                                                                                                                                letter-spacing:.8px}
                                                                                                                                                                                                                .principles-grid{
                                                                                                                                                                                                                  grid-template-columns:1fr;
                                                                                                                                                                                                                  padding-block:15px}
                                                                                                                                                                                                                  .principles-grid article,.principles-grid article:first-child{
                                                                                                                                                                                                                    padding:18px 0;
                                                                                                                                                                                                                    border-right:0;
                                                                                                                                                                                                                    border-bottom:1px solid var(--line)}
                                                                                                                                                                                                                    .principles-grid article:last-child{
                                                                                                                                                                                                                      border-bottom:0}
                                                                                                                                                                                                                      .service-catalog{
                                                                                                                                                                                                                        padding:54px 0 60px}
                                                                                                                                                                                                                        .section-heading{
                                                                                                                                                                                                                          align-items:start;
                                                                                                                                                                                                                          margin-bottom:24px}
                                                                                                                                                                                                                          .heading-accent{
                                                                                                                                                                                                                            width:45px;
                                                                                                                                                                                                                            margin-top:9px}
                                                                                                                                                                                                                            .section-heading h2{
                                                                                                                                                                                                                              font-size:29px}
                                                                                                                                                                                                                              .section-description{
                                                                                                                                                                                                                                font-size:14px}
                                                                                                                                                                                                                                .service-grid{
                                                                                                                                                                                                                                  grid-template-columns:1fr;
                                                                                                                                                                                                                                  gap:18px}
                                                                                                                                                                                                                                  .card-image img{
                                                                                                                                                                                                                                    height:235px}
                                                                                                                                                                                                                                    .card-content{
                                                                                                                                                                                                                                      padding:20px}
                                                                                                                                                                                                                                      .cta-inner{
                                                                                                                                                                                                                                        align-items:flex-start;
                                                                                                                                                                                                                                        flex-direction:column;
                                                                                                                                                                                                                                        gap:20px}
                                                                                                                                                                                                                                        .cta-inner .button{
                                                                                                                                                                                                                                          width:100%}
                                                                                                                                                                                                                                          .footer-inner{
                                                                                                                                                                                                                                            flex-wrap:wrap;
                                                                                                                                                                                                                                            justify-content:space-between}
                                                                                                                                                                                                                                            .footer-inner p{
                                                                                                                                                                                                                                              order:3;
                                                                                                                                                                                                                                              flex-basis:100%}
                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                            @media(prefers-reduced-motion:reduce){
                                                                                                                                                                                                                                              html{
                                                                                                                                                                                                                                                scroll-behavior:auto}
                                                                                                                                                                                                                                                *,*::before,*::after{
                                                                                                                                                                                                                                                  transition:none!important}
                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                /* Ajuste visual: fotografías limpias, sin franjas decorativas laterales. */
                                                                                                                                                                                                                                                .services-hero-image, .card-image {
                                                                                                                                                                                                                                                  background: transparent;
                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                .services-hero-image img, .card-image img {
                                                                                                                                                                                                                                                  display:block;
                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                /* =========================================================
                                                                                                                                                                                                                                                Actualización visual — opción 1: clara, elegante y profesional
                                                                                                                                                                                                                                                Solo afecta a la página independiente de Servicios.
                                                                                                                                                                                                                                                ========================================================= */
                                                                                                                                                                                                                                                .services-hero{
                                                                                                                                                                                                                                                  background:linear-gradient(118deg,#f7fbfc 0%,#edf8f7 56%,#e4f4f2 100%);
                                                                                                                                                                                                                                                  color:var(--navy);
                                                                                                                                                                                                                                                  padding:72px 0 76px;
                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                .services-hero::after{
                                                                                                                                                                                                                                                  content:"";
                                                                                                                                                                                                                                                  position:absolute;
                                                                                                                                                                                                                                                  z-index:-1;
                                                                                                                                                                                                                                                  width:360px;
                                                                                                                                                                                                                                                  height:360px;
                                                                                                                                                                                                                                                  right:34%;
                                                                                                                                                                                                                                                  bottom:-265px;
                                                                                                                                                                                                                                                  border:1px solid rgba(21,156,152,.18);
                                                                                                                                                                                                                                                  border-radius:50%;
                                                                                                                                                                                                                                                  pointer-events:none;
                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                .glow-one{
                                                                                                                                                                                                                                                  background:radial-gradient(circle,rgba(32,185,176,.18),transparent 70%)}
                                                                                                                                                                                                                                                  .glow-two{
                                                                                                                                                                                                                                                    border-color:rgba(21,156,152,.16)}
                                                                                                                                                                                                                                                    .eyebrow{
                                                                                                                                                                                                                                                      color:#148d89}
                                                                                                                                                                                                                                                      .eyebrow span{
                                                                                                                                                                                                                                                        background:linear-gradient(90deg,#2878db,#20b9b0 62%,#c6a85b)}
                                                                                                                                                                                                                                                        .services-intro h1{
                                                                                                                                                                                                                                                          color:#063b4b}
                                                                                                                                                                                                                                                          .services-intro h1 em{
                                                                                                                                                                                                                                                            color:#159c98}
                                                                                                                                                                                                                                                            .lead{
                                                                                                                                                                                                                                                              color:#536f78}
                                                                                                                                                                                                                                                              .services-hero .button-blue{
                                                                                                                                                                                                                                                                box-shadow:0 8px 20px rgba(21,110,139,.16)}
                                                                                                                                                                                                                                                                .services-hero-image img{
                                                                                                                                                                                                                                                                  box-shadow:0 18px 42px rgba(6,59,75,.17);
                                                                                                                                                                                                                                                                  border:5px solid rgba(255,255,255,.92)}
                                                                                                                                                                                                                                                                  .image-label{
                                                                                                                                                                                                                                                                    background:rgba(6,59,75,.91);
                                                                                                                                                                                                                                                                    color:#e1faf4;
                                                                                                                                                                                                                                                                    box-shadow:0 6px 20px rgba(6,59,75,.16)}
                                                                                                                                                                                                                                                                    .service-principles{
                                                                                                                                                                                                                                                                      background:#fff}
                                                                                                                                                                                                                                                                      .service-catalog{
                                                                                                                                                                                                                                                                        background:linear-gradient(180deg,#f5fafb 0%,#fff 72%)}
                                                                                                                                                                                                                                                                        .service-card{
                                                                                                                                                                                                                                                                          box-shadow:0 10px 28px rgba(6,59,75,.07)}
                                                                                                                                                                                                                                                                          .service-card:hover{
                                                                                                                                                                                                                                                                            box-shadow:0 18px 38px rgba(6,59,75,.12)}
                                                                                                                                                                                                                                                                            .service-cta{
                                                                                                                                                                                                                                                                              background:linear-gradient(105deg,#e7f6f4 0%,#f6fbfc 58%,#f8f5eb 100%)}
                                                                                                                                                                                                                                                                              @media(max-width:900px){
                                                                                                                                                                                                                                                                                .services-hero{
                                                                                                                                                                                                                                                                                  padding:58px 0 62px}
                                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                                @media(max-width:700px){
                                                                                                                                                                                                                                                                                  .services-hero{
                                                                                                                                                                                                                                                                                    padding:44px 0 48px}
                                                                                                                                                                                                                                                                                    .services-hero-image img{
                                                                                                                                                                                                                                                                                      border-width:4px}
                                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                                    /* =========================================================
                                                                                                                                                                                                                                                                                    Pulido visual — integración de la imagen y toda la sección
                                                                                                                                                                                                                                                                                    ========================================================= */
                                                                                                                                                                                                                                                                                    .services-hero{
                                                                                                                                                                                                                                                                                      position:relative;
                                                                                                                                                                                                                                                                                      background:
                                                                                                                                                                                                                                                                                      radial-gradient(ellipse at 82% 42%,rgba(255,255,255,.92) 0%,rgba(255,255,255,0) 34%),
                                                                                                                                                                                                                                                                                      linear-gradient(118deg,#f8fbfc 0%,#edf8f7 54%,#e6f5f3 100%);
                                                                                                                                                                                                                                                                                      padding:68px 0 72px;
                                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                                    .services-hero-grid{
                                                                                                                                                                                                                                                                                      gap:clamp(34px,5vw,68px)}
                                                                                                                                                                                                                                                                                      .services-intro{
                                                                                                                                                                                                                                                                                        position:relative;
                                                                                                                                                                                                                                                                                        z-index:1}
                                                                                                                                                                                                                                                                                        .services-intro h1{
                                                                                                                                                                                                                                                                                          max-width:620px;
                                                                                                                                                                                                                                                                                          text-wrap:balance}
                                                                                                                                                                                                                                                                                          .lead{
                                                                                                                                                                                                                                                                                            max-width:560px}
                                                                                                                                                                                                                                                                                            .services-hero-image{
                                                                                                                                                                                                                                                                                              position:relative;
                                                                                                                                                                                                                                                                                              isolation:isolate;
                                                                                                                                                                                                                                                                                              padding:0;
                                                                                                                                                                                                                                                                                              border-radius:28px;
                                                                                                                                                                                                                                                                                              transform:translateY(2px);
                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                            .services-hero-image::before{
                                                                                                                                                                                                                                                                                              content:"";
                                                                                                                                                                                                                                                                                              position:absolute;
                                                                                                                                                                                                                                                                                              z-index:-1;
                                                                                                                                                                                                                                                                                              inset:-18px -18px 18px 18px;
                                                                                                                                                                                                                                                                                              border-radius:34px;
                                                                                                                                                                                                                                                                                              background:linear-gradient(140deg,rgba(32,185,176,.16),rgba(255,255,255,.16) 62%,rgba(198,168,91,.12));
                                                                                                                                                                                                                                                                                              border:1px solid rgba(21,156,152,.13);
                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                            .services-hero-image::after{
                                                                                                                                                                                                                                                                                              content:"";
                                                                                                                                                                                                                                                                                              position:absolute;
                                                                                                                                                                                                                                                                                              inset:0;
                                                                                                                                                                                                                                                                                              border-radius:24px;
                                                                                                                                                                                                                                                                                              pointer-events:none;
                                                                                                                                                                                                                                                                                              background:linear-gradient(180deg,rgba(6,59,75,0) 55%,rgba(6,59,75,.24) 100%);
                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                            .services-hero-image img{
                                                                                                                                                                                                                                                                                              width:100%;
                                                                                                                                                                                                                                                                                              height:390px;
                                                                                                                                                                                                                                                                                              object-fit:cover;
                                                                                                                                                                                                                                                                                              object-position:center;
                                                                                                                                                                                                                                                                                              border:0;
                                                                                                                                                                                                                                                                                              border-radius:24px;
                                                                                                                                                                                                                                                                                              box-shadow:0 22px 48px rgba(6,59,75,.16),0 3px 10px rgba(6,59,75,.06);
                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                            .image-label{
                                                                                                                                                                                                                                                                                              z-index:2;
                                                                                                                                                                                                                                                                                              left:20px;
                                                                                                                                                                                                                                                                                              bottom:20px;
                                                                                                                                                                                                                                                                                              padding:10px 14px;
                                                                                                                                                                                                                                                                                              border-radius:8px;
                                                                                                                                                                                                                                                                                              letter-spacing:1px}
                                                                                                                                                                                                                                                                                              .service-principles{
                                                                                                                                                                                                                                                                                                background:linear-gradient(180deg,#fff 0%,#fbfdfd 100%)}
                                                                                                                                                                                                                                                                                                .principles-grid{
                                                                                                                                                                                                                                                                                                  padding-block:27px}
                                                                                                                                                                                                                                                                                                  .principles-grid article{
                                                                                                                                                                                                                                                                                                    position:relative}
                                                                                                                                                                                                                                                                                                    .principles-grid h2{
                                                                                                                                                                                                                                                                                                      letter-spacing:-.2px}
                                                                                                                                                                                                                                                                                                      .service-catalog{
                                                                                                                                                                                                                                                                                                        position:relative;
                                                                                                                                                                                                                                                                                                        background:linear-gradient(180deg,#f3f9fa 0%,#f9fcfc 38%,#fff 100%)}
                                                                                                                                                                                                                                                                                                        .section-heading{
                                                                                                                                                                                                                                                                                                          margin-bottom:36px}
                                                                                                                                                                                                                                                                                                          .heading-accent{
                                                                                                                                                                                                                                                                                                            height:4px;
                                                                                                                                                                                                                                                                                                            box-shadow:0 3px 9px rgba(32,185,176,.12)}
                                                                                                                                                                                                                                                                                                            .service-grid{
                                                                                                                                                                                                                                                                                                              gap:25px}
                                                                                                                                                                                                                                                                                                              .service-card{
                                                                                                                                                                                                                                                                                                                border-color:rgba(6,59,75,.09);
                                                                                                                                                                                                                                                                                                                border-radius:17px;
                                                                                                                                                                                                                                                                                                                box-shadow:0 9px 26px rgba(6,59,75,.055)}
                                                                                                                                                                                                                                                                                                                .card-image{
                                                                                                                                                                                                                                                                                                                  background:#eaf3f3}
                                                                                                                                                                                                                                                                                                                  .card-image img{
                                                                                                                                                                                                                                                                                                                    height:224px;
                                                                                                                                                                                                                                                                                                                    object-position:center;
                                                                                                                                                                                                                                                                                                                    filter:saturate(.96);
                                                                                                                                                                                                                                                                                                                  }
                                                                                                                                                                                                                                                                                                                  .card-image::after{
                                                                                                                                                                                                                                                                                                                    content:"";
                                                                                                                                                                                                                                                                                                                    position:absolute;
                                                                                                                                                                                                                                                                                                                    inset:auto 0 0;
                                                                                                                                                                                                                                                                                                                    height:46px;
                                                                                                                                                                                                                                                                                                                    background:linear-gradient(180deg,transparent,rgba(6,59,75,.10));
                                                                                                                                                                                                                                                                                                                    pointer-events:none}
                                                                                                                                                                                                                                                                                                                    .card-image span{
                                                                                                                                                                                                                                                                                                                      z-index:1;
                                                                                                                                                                                                                                                                                                                      background:rgba(6,59,75,.88);
                                                                                                                                                                                                                                                                                                                      backdrop-filter:blur(5px)}
                                                                                                                                                                                                                                                                                                                      .card-content{
                                                                                                                                                                                                                                                                                                                        padding:23px 24px 26px}
                                                                                                                                                                                                                                                                                                                        .service-cta{
                                                                                                                                                                                                                                                                                                                          position:relative;
                                                                                                                                                                                                                                                                                                                          overflow:hidden;
                                                                                                                                                                                                                                                                                                                          background:linear-gradient(110deg,#e6f6f3 0%,#f5fbfb 58%,#f8f5eb 100%)}
                                                                                                                                                                                                                                                                                                                          
                                                                                                                                                                                                                                                                                                                            @media(max-width:900px){
                                                                                                                                                                                                                                                                                                                              .services-hero{
                                                                                                                                                                                                                                                                                                                                padding:58px 0 62px}
                                                                                                                                                                                                                                                                                                                                .services-hero-image img{
                                                                                                                                                                                                                                                                                                                                  height:330px}
                                                                                                                                                                                                                                                                                                                                  .services-hero-image::before{
                                                                                                                                                                                                                                                                                                                                    inset:-12px -12px 12px 12px}
                                                                                                                                                                                                                                                                                                                                  }
                                                                                                                                                                                                                                                                                                                                  @media(max-width:700px){
                                                                                                                                                                                                                                                                                                                                    .services-hero{
                                                                                                                                                                                                                                                                                                                                      padding:44px 0 47px}
                                                                                                                                                                                                                                                                                                                                      .services-hero-grid{
                                                                                                                                                                                                                                                                                                                                        gap:26px}
                                                                                                                                                                                                                                                                                                                                        .services-hero-image{
                                                                                                                                                                                                                                                                                                                                          margin:0 6px 0 0}
                                                                                                                                                                                                                                                                                                                                          .services-hero-image::before{
                                                                                                                                                                                                                                                                                                                                            inset:-9px -8px 9px 9px;
                                                                                                                                                                                                                                                                                                                                            border-radius:27px}
                                                                                                                                                                                                                                                                                                                                            .services-hero-image::after,.services-hero-image img{
                                                                                                                                                                                                                                                                                                                                              border-radius:20px}
                                                                                                                                                                                                                                                                                                                                              .services-hero-image img{
                                                                                                                                                                                                                                                                                                                                                height:260px}
                                                                                                                                                                                                                                                                                                                                                .image-label{
                                                                                                                                                                                                                                                                                                                                                  left:13px;
                                                                                                                                                                                                                                                                                                                                                  bottom:13px;
                                                                                                                                                                                                                                                                                                                                                  max-width:calc(100% - 26px);
                                                                                                                                                                                                                                                                                                                                                  font-size:9px}
                                                                                                                                                                                                                                                                                                                                                  .service-catalog{
                                                                                                                                                                                                                                                                                                                                                    padding:50px 0 58px}
                                                                                                                                                                                                                                                                                                                                                    .section-heading{
                                                                                                                                                                                                                                                                                                                                                      margin-bottom:25px}
                                                                                                                                                                                                                                                                                                                                                      .service-grid{
                                                                                                                                                                                                                                                                                                                                                        gap:17px}
                                                                                                                                                                                                                                                                                                                                                        .card-image img{
                                                                                                                                                                                                                                                                                                                                                          height:235px}
                                                                                                                                                                                                                                                                                                                                                          .card-content{
                                                                                                                                                                                                                                                                                                                                                            padding:20px}
                                                                                                                                                                                                                                                                                                                                                          }
                                                                                                                                                                                                                                                                                                                                                          /* CTA del menú de Servicios: mismo degradado de interacción que Inicio. */
                                                                                                                                                                                                                                                                                                                                                          .main-nav > a.nav-cta:hover,
                                                                                                                                                                                                                                                                                                                                                          .main-nav > a.nav-cta:focus-visible {
                                                                                                                                                                                                                                                                                                                                                            color: #fff;
                                                                                                                                                                                                                                                                                                                                                            background: linear-gradient(100deg, #2878db 0%, #20b9b0 62%, #c6a85b 100%);
                                                                                                                                                                                                                                                                                                                                                            box-shadow: 0 8px 22px rgba(2, 43, 63, .22);
                                                                                                                                                                                                                                                                                                                                                            filter: saturate(1.06);
                                                                                                                                                                                                                                                                                                                                                          }
                                                                                                                                                                                                                                                                                                                                                          .main-nav > a.nav-cta:focus-visible {
                                                                                                                                                                                                                                                                                                                                                            outline: 3px solid rgba(32, 185, 176, .65);
                                                                                                                                                                                                                                                                                                                                                            outline-offset: 4px;
                                                                                                                                                                                                                                                                                                                                                          }

/* Pie de página: aviso de copyright */
.services-copyright { padding: 12px 20px 0; margin-top: 15px; border-top: 1px solid rgba(255,255,255,.12); text-align: center; color: rgba(215,231,233,.65); font-size: 11px; }