/* Fondo general: parte superior clara (zona del banner), parte inferior azul footer */
    #footer-section{
      background:
        linear-gradient(
          to bottom,
          #ECF3F4 0,
          #ECF3F4 260px,  /* altura aprox. del CTA */
          #002d4a 260px,
          #002d4a 100%
        );
    }

    /* ---------- BANNER / CTA DENTRO DEL FOOTER ---------- */

    #footer-cta-section{
      padding-top:40px;
      padding-bottom:40px;
       background: linear-gradient(
        to bottom,
        #ECF3F4 0%,
        #ECF3F4 50%,
        #002d4a 50%,
        #002d4a 100%
      );
    }
    .flag {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    margin-right: 8px;
    }

    /* reutilizamos .cta-area del theme, pero ajustamos un poco */
    #footer-cta-area{
      border-radius:18px;
      overflow:hidden;
     
      display:flex;
      align-items:stretch;
      min-height:220px;
    }

    #footer-cta-area .cta-content{
       flex:0 0 52%;
      padding:40px 40px 40px 40px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      color:#ffffff;
      /* base verde IC */
      background:#03cd5c;
      /* textura suave */
      background-image:
        radial-gradient(circle at 0 0, rgba(255,255,255,0.16) 0, transparent 45%),
        radial-gradient(circle at 100% 100%, rgba(0,0,0,0.10) 0, transparent 55%),
        linear-gradient(135deg, #03cd5c 0%, #02b56c 45%, #019458 100%);
      background-blend-mode:soft-light, normal, normal;
    }

    #footer-cta-area .cta-content .sub-title{
      font-size:14px;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-weight:600;
      margin-bottom:12px;
      color:rgba(255,255,255,0.9);
      display:flex;
      align-items:center;
      gap:8px;
    }

    #footer-cta-area .cta-content .title{
      font-size:30px;
      line-height:1.2;
      margin:0 0 20px 0;
      color:#ffffff; /* título blanco */
    }

    #footer-cta-area .cta-content .title span{
      color:#ffffff; /* mantiene blanco también el span */
    }

    #footer-cta-btn{
      display:inline-flex;
      align-items:center;
      gap:8px;
      border-radius:999px;
      background:#002d4a;
      border:1px solid #002d4a;
      color:#ffffff;
      padding:10px 24px;
      text-decoration:none;
      font-weight:600;
      font-size:15px;
    }
    #footer-cta-btn .btn-icon i{
      font-size:14px;
    }
    #footer-cta-btn:hover{
      background:#001929;
      border-color:#001929;
      color:#ffffff;
    }

    #footer-cta-area .cta-img{
      flex:0 0 48%;
      position:relative;
      background:#d9d9d9;
    }

    #footer-cta-area .cta-img img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }
@media (max-width: 1400px){
      #footer-cta-section{
        margin-top: 10px;
        margin-bottom:10px;
              
      }
      #footer-col-support{
        margin-top: 20px;
      }
      #footer-col-logo{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
        gap: 20px;
      }
    }
    /* Versión mobile: pila el contenido */
    @media (max-width: 1060px){
      #footer-cta-section{
        margin-top: 10px;
        margin-bottom:10px;
        
      }
      #footer-col-support{
        margin-top: 20px;
      }
      #footer-col-logo{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
        gap: 20px;
      }
    }
    @media (max-width: 767.98px){
      #footer-cta-section{
        padding-top: 15px;
        margin-bottom:80px;
        padding-bottom: 0;
      }
      #footer-section{
        background:
          linear-gradient(
            to bottom,
            #e8f1f2 0,
            #e8f1f2 360px,
            #002d4a 360px,
            #002d4a 100%
          );
          margin-top: 20px;
          padding-top: 0px;
          height: auto;
      }
      #footer-cta-area{
        flex-direction:column;
      }
      #footer-cta-area .cta-content,
      #footer-cta-area .cta-img{
        flex:0 0 auto;
      }
      #footer-cta-area .cta-content{
        padding:28px 24px 26px 24px;
      }
    }

    /* ---------- COLUMNA DE LINKS / CONTENIDO EXISTENTE ---------- */

    #footer-section a{color:#d8e8f0;text-decoration:none;transition:all .3s ease}
    #footer-section a:hover{color:#03cd5c}

    #footer-section .title{
      margin-bottom:14px;
      letter-spacing:.2px;
      font-weight:600;
      color:#ffffff;
    }

    #footer-ai-links,
    #footer-zoho-links,
    #footer-support-links{
      list-style:disc;
      padding-left:18px;
      margin:0;
    }
    #footer-ai-links li,
    #footer-zoho-links li,
    #footer-support-links li{
      margin:6px 0;
    }
    #footer-ai-links li::marker,
    #footer-zoho-links li::marker,
    #footer-support-links li::marker{
      color:#03cd5c;
    }

    #footer-main{
      padding-top:10px;
      padding-bottom:35px;
      border-bottom:1px solid rgba(255,255,255,.12);
    }

    #footer-bottom{
      padding:28px 0;
      text-align:center;
    }

    #footer-contact-group{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      align-items:center;
      gap:22px;
      margin-bottom:16px;
    }
    #footer-contact-group .pill{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:white;
    }
    #footer-contact-group .icon{
      width:32px;height:32px;border-radius:50%;
      background:#ffffff15;
      display:flex;align-items:center;justify-content:center;
      transition:.3s;
    }
    #footer-contact-group .icon i{color:#ffffff;}
    #footer-contact-group .pill:hover .icon{
      background:#03cd5c;
    }
    #footer-contact-group .pill:hover .icon i{
      color:#002d4a;
    }

    #footer-social{
      display:flex;
      justify-content:center;
      gap:14px;
      margin:0 auto 12px auto;
    }
    #footer-social a{
      width:32px;height:32px;background:#ffffff15;border-radius:50%;
      color:#ffffff;display:flex;align-items:center;justify-content:center;
      transition:.3s;
    }
    #footer-social a:hover{
      background:#03cd5c;color:#002d4a;
    }

    #footer-locations{
      border-top:1px solid rgba(255,255,255,.12);
      padding:35px 0;
    }
    #footer-locations-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(180px,1fr));
      gap:18px;
      text-align:center;
    }
    #footer-locations-grid .region{
      font-weight:700;color:#ffffff;
      margin-bottom:6px;
      text-transform:uppercase;
    }
    #footer-locations-grid p{
      margin:0;color:#cfd9e0;font-size:15px;
    }

    @media(max-width:991px){
      #footer-locations-grid{
        grid-template-columns:repeat(2,1fr);
        justify-content: center;
        align-items: center;
       
      }
    }
    @media(max-width:575px){
      #footer-locations-grid{
        grid-template-columns:1fr;
        flex-direction: column;
         display: flex;
      }
    }

    #footer-signature{
      text-align:center;
      padding:18px 0;
      font-size:14px;
      color:#aebcc4;
      border-top:1px solid rgba(255,255,255,.08);
    }
    #footer-signature span{
      color:#03cd5c;
    }

    #ic-academy-iso{
      width:18px;height:18px;
      object-fit:contain;
      margin-right:8px;
      vertical-align:-3px;
    }