.mapa{
        width:100%;
        display:flex;
        padding:87px 20px;
        background-color:#F9F5EE;
        justify-content:center;
      }
      
      .mapa .contenedor{
        width:100%;
        display:flex;
        /*background-color:lightgrey;*/
        max-width:1166px;
        flex-direction:column;
        align-items:center;
        gap:51px;
      }
      
      .mapa .top{
        display:flex;
        width:100%;
        gap:20px;
        flex-direction:column;
        /*background-color:pink;*/
        text-align:center;
        align-items:center;
      }
      
      .mapa .imagen{
        position:relative;
        width:100%;
        height:auto;
        /*background-color:black;*/
        aspect-ratio:1163/681;
      }
     
      .mapa .titular{
        font-size:57.62px;
        line-height:53px;
        color:#155A68;
      }
      
      .mapa .texto{
        font-size:20px;
        line-height:28px;
        max-width:713.56px;
      }

      
      .mapa img{
        display:block;
        object-position:center;
        object-fit:cover;
        width:100%;
        height:100%;
      }

      .mapa .hotspots{
        position:absolute;
        inset:0;
      }

      .mapa .hotspot{
        position:absolute;
        width:28px;
        height:28px;
        border:0;
        padding:0;
        margin:0;
        background:transparent;
        cursor:pointer;
        transform:translate(-50%, -50%);
      }

      .mapa .hotspot::before{
        content:"";
        position:absolute;
        left:50%;
        top:50%;
        width:12px;
        height:12px;
        border-radius:50%;
        background:rgba(132, 213, 232, 0.25);
        transform:translate(-50%, -50%) scale(0.6);
        opacity:0;
        transition:opacity .2s ease, transform .2s ease;
      }

      .mapa .hotspot::after{
        content:attr(data-country);
        position:absolute;
        left:50%;
        bottom:calc(100% + 12px);
        transform:translate(-50%, 8px);
        opacity:0;
        pointer-events:none;
        white-space:nowrap;
        padding:8px 12px;
        border-radius:999px;
        background:rgba(21, 90, 104, 0.96);
        color:#fff;
        font-size:14px;
        line-height:1;
        letter-spacing:0.02em;
        box-shadow:0 8px 24px rgba(0, 0, 0, 0.16);
        transition:opacity .2s ease, transform .2s ease;
        z-index:3;
      }

      .mapa .hotspot:hover::before,
      .mapa .hotspot:focus-visible::before{
        opacity:1;
        transform:translate(-50%, -50%) scale(1);
      }

      .mapa .hotspot:hover::after,
      .mapa .hotspot:focus-visible::after{
        opacity:1;
        transform:translate(-50%, 0);
      }

      .mapa .hotspot:focus-visible{
        outline:none;
      }

      .mapa .presencia-internacional{
        display:none;
        width:100%;
      }

      .mapa .presencia-titulo{
        font-size:28px;
        line-height:1.1;
        color:#155A68;
        text-align:center;
        margin-bottom:16px;
      }

      .mapa .presencia-lista{
        list-style:none;
        align-items: center;
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
      }

      .mapa .presencia-lista li{
        background:#FFFFFF;
        border:1px solid rgba(21, 90, 104, 0.12);
        border-radius:14px;
        padding:11px 14px;
        text-align:center;
        color:#155A68;
        line-height: 19px;
        box-shadow:0 8px 18px rgba(21, 90, 104, 0.06);
      }

      @media(max-width:560px){
        .mapa .presencia-lista{
          grid-template-columns:repeat(2, minmax(0, 1fr));
        }
      }

      @media(max-width:768px){
        .mapa .hotspots{
          display:none;
        }

        .mapa .presencia-internacional{
          display:block;
        }

        .mapa .contenedor{
          gap:30px;
        }
      }