html, body {
    scroll-behavior: smooth;
}

/*.pBuyNew {*/
/*    background-image: url("media/image/howtobuy/mundi-solo.png");*/
/*    background-repeat: no-repeat;*/
/*    background-position: calc(35%) top;*/
/*    background-size: calc(180%);*/
/*}*/

/* Contenedor externo opcional */
.pBuyTopNew {
    width: 90%;
    margin: 0 auto;
    padding-top: 85px;
    box-sizing: border-box;
    /*background: rgba(10, 83, 190, 0.07);*/
    max-width: 380px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.pBuyTopNew h1 {
    font-family: "Inter-Regular", serif;
    font-size: 23px;
    line-height: 25px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0; /* este es el que te genera el espacio */
}

/* Contenedor que activa las dos columnas */
.pBuyTopNewAA {
    display: flex;
    margin: 0;
    /*gap: 10px; !* Espacio de separación entre columnas *!*/
    /*background: rgba(61, 190, 10, 0.07);*/
}

/* Columna izquierda (más ancha: toma el 70% del espacio) */
.pBuyTopNewA {
    flex: 7;
    /*background-color: #f0f0f0; !* Color de fondo de prueba *!*/
    /*padding: 15px;*/
}

/* Columna derecha (más estrecha: toma el 30% del espacio) */
.pBuyTopNewB {
    flex: 3;
    /*background-color: #e0e0e0; !* Color de fondo de prueba *!*/
    padding: 15px;
    font-family: "Inter-Regular", serif;
    font-size: 14px;
}
.pBuyTopNewB a {
    color: #0b0b0b;
    padding: 2px 10px;
    border: 1px solid #7e7e7e;
    border-radius: 12px;
}

/* SOLUCIÓN: Remueve el margen superior por defecto de los elementos internos */
.pBuyTopNewA h3,
.pBuyTopNewA h4 {
    margin: 0;
}
.pBuyTopNewA h3 {
    font-size: 16px;
}
.pBuyTopNewA h4 {
    font-family: "Inter-Thin", serif;
    font-size: 12px;
}
.pBuyId {
    border: 1px solid #4c4c4c;
    border-radius: 20px;
    max-width: 250px;
    margin: 0 auto;
    text-align: center;
}

/*------// Idioma // */
.boton-eu {
    margin: 0 auto;
    width: 200px;
    height: 36px;
    border: 1px solid #6e6e6e;
    border-radius: 24px;
    display: flex;
    align-items: center;
    overflow: hidden;
    /*background: #fff;*/
    font-family: "Inter-Regular", serif;
}

.boton-eu .lado-izq {
    flex: 4;
    width: 120px;
    text-align: center;
    font-size: 22px;
    font-weight: 800;
}

.boton-eu .lado-der {
    flex: 6;
    border-left: 1px solid #999;
    text-align: center;
    line-height: 1.1;
}

.boton-eu .linea1 {
    font-size: 12px;
    font-weight: 600;
    padding-left: 10px;
    text-align: left;
}

/*------// services // */

.service-center{
    width:100%;
    /*background:#f5f5f5;*/
    padding:40px 10px 5px;
    max-width: 1400px;
    margin: 0 auto;
}

.service-center .logo {
    text-align:center;
    /*font-size:14px;*/
    margin-bottom: 0;
    margin-top: 15px;
}
.service-center .logo img {
    width: 70px;
}

.service-center h1{
    text-align:center;
    font-size:22px;
    line-height: 22px;
    font-weight:600;
    margin:0 0 0 0;
}
.service-center h1 span {
    font-size:14px;
    line-height: 24px;
    font-weight:100;
    color: #373737 !important;
}

.service-info {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:0;
    flex-wrap:wrap;
    font-size:14px;
}

.service-item {
    display:flex;
    align-items:center;
    padding-left: 5px;
    padding-right: 5px;
    gap:2px;
    white-space:nowrap;
}

.service-item i {
    padding-left: 10px;
    font-size:20px;
    color:#555;
}

.service-center hr {
    margin: 15px auto 0 auto;
    border:none;
    border-top:1px solid #5e5e5e;
    max-width: 1400px;
}



/* // ----------------------------------- // */
.fonndo {
    width: 100%;
    min-height: 160px;
    background: linear-gradient(180deg, rgba(226, 226, 226, 0.60), rgb(255, 255, 255));
}

body.dark .fonndo{
    background: rgba(0, 0, 0, 0.7);
}

.mapa-risen{
    position:relative;
    max-width:1400px;
    width:100%;
    margin:0 auto;
}
.mapa-risen > img{
    width:100%;
    display:block;
}
.logoRPa {

}
.logoRPb {
    display: none;
}



.mapa-Center {
    position: absolute;
    display: block;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/*!*!* Cada logo *!*!*/
.logoRI{
    position:absolute;
    display:block;
    transform:translate(-50%,-50%);
    text-align: center;
    z-index: 4;
}

.logoRI img{
    width:90px;
    transition:all .3s ease;
}
.logoRI p {
    position: absolute;
    opacity: 0;
    transition: display 0.5s allow-discrete, opacity 0.5s;
    font-family: "Inter-Bold", serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
    color: #0b0b0b;
    border-radius: 15px;
    border: 1px solid #9c9c9c;
    padding: 2px 15px;
    z-index: 15;
    top: -15px;
    left: 50%;
    /*display:block;*/
    transform:translate(-50%,-50%);
    background-color: rgba(255, 255, 255, 0.4);
}

/*.logoRI p {*/
/*    opacity: 0;*/
/*    transition: display 0.5s allow-discrete, opacity 0.5s;*/
/*    font-family: "Inter-Bold", serif;*/
/*    font-size: 14px;*/
/*    line-height: 20px;*/
/*    font-weight: 800;*/
/*    color: #0b0b0b;*/
/*    border-radius: 15px;*/
/*    border: 1px solid #9c9c9c;*/
/*    padding: 2px 2px;*/
/*    z-index: 15;*/
/*    top: -20px;*/
/*}*/

/*se atenuan todos los logos*/
/*.mapa-risen:hover .logoRI{*/
/*    opacity: 0.40;*/
/*}*/
/*.mapa-risen .logoRI:hover{*/
/*    opacity:1;*/
/*}*/

/*!* Efecto hover *!*/
.logoRI:hover img{
    transform:scale(1.15);
    top:40%;
    filter:
            brightness(0)
            saturate(100%)
            invert(38%)
            sepia(100%)
            saturate(3000%)
            hue-rotate(150deg);
}
.logoRI:hover p {
    opacity: 1;
    display: block;
}
@starting-style {
    .logoRI:hover p {
        opacity: 0;
    }
}

.logoRI.destacado {
    opacity:1;
}

.logoRI.atenuado {
    opacity:.15;
}

/* Punto luminoso */
/*.logoRI::after{*/
/*    content:'';*/
/*    position:absolute;*/
/*    top:45%;*/
/*    left:50%;*/
/*    width:12px;*/
/*    height:12px;*/
/*    background:#1abc9c;*/
/*    border-radius:50%;*/
/*    transform:translate(-50%,-50%);*/
/*    opacity:0;*/
/*    transition:.3s;*/
/*}*/

/*.logoRI:hover::after{*/
/*    opacity:1;*/
/*    box-shadow:*/
/*            0 0 2px #1abc9c,*/
/*            0 0 20px #1abc9c,*/
/*            0 0 40px #1abc9c;*/
/*}*/


html, body {
    scroll-behavior: smooth;
}

/* // Baja los px del top // */
#Francia,
#Nevada,
#Utah,
#Scandinavian,
#Kentucky,
#Alemania  {
    scroll-margin-top: 145px;
}
.logoCierre {
    margin: 120px auto;
    width: 250px;
}

/* // ----------------------------------- // */

@media screen and (min-width: 576px) {
    .pBuyTopNew {
        padding-top: 110px;
        max-width: 380px;
    }

}

@media screen and (min-width: 820px) {
    /*.pBuyTopNew {*/
    /*    !*padding-top: 120px;*!*/
    /*    max-width: 410px;*/
    /*}*/
    .pBuyTopNew h1 {
        font-size: 28px;
        line-height: 30px;
    }
    .pBuyTopNewA h3 {
        font-size: 18px;
        line-height: 20px;
        padding-top: 10px;

    }
    .pBuyTopNewA h4 {
        font-family: "Inter-Thin", serif;
        font-size: 14px;
        line-height: 16px;
        margin-top: 0;
    }

    .pBuyTopNewB a {
        font-size: 16px;
    }

}

@media screen and (min-width: 1024px) {
    .logoRPa {
        display: none;
    }
    .logoRPb {
        display: block;
        z-index: 10;
    }
    .pBuyTopNew {
        padding-top: calc(15%);
        max-width: 480px;
    }
    .pBuyTopNew h1 {
        font-size: 32px;
        line-height: 34px;
    }
    .pBuyTopNewA h3 {
        font-size: 20px;
        line-height: 24px;
        padding-top: 10px;

    }
    .pBuyTopNewA h4 {
        font-family: "Inter-Thin", serif;
        font-size: 16px;
        line-height: 18px;
        margin-top: 0;
    }

    .pBuyTopNewB a {
        font-size: 16px;
    }

}
@media screen and (min-width: 1200px) {
    .pBuyTopNew {
        padding-top: calc(15%);
        max-width: 600px;
    }
    .pBuyTopNew h1 {
        font-size: 50px;
        line-height: 52px;
    }
    .pBuyTopNewA h3 {
        font-size: 18px;
        line-height: 20px;
        padding-top: 5px;
        font-weight: 800;

    }
    .pBuyTopNewA h4 {
        font-family: "Inter-Thin", serif;
        font-size: 16px;
        line-height: 18px;
        margin-top: 0;
    }

    .pBuyTopNewB a {
        font-size: 16px;
    }
    .pBuyNew {
        background-position: calc(35%) calc(10%);
        background-size: calc(120%);
    }

}

@media screen and (min-width: 1400px) {


}