@media (min-width: 1441px) {
.modal-1-mensaje-home {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
    border-radius: 0.4vw;
    left: 8vw;
    top: 7.5vw;
    width: 33vw;
    display: none;
   
}
.modal-2-mensaje-home {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
    border-radius: 0.4vw;
    left: 8vw;
    top: 7vw;
    width: 33vw;
    display: none;
}
.modal-3-mensaje-home {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
    border-radius: 0.4vw;
    left: 8vw;
    top: 7.5vw;
    width: 33vw;
    display: none;
}
.modal-padre-mensaje-home {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-auto-rows: auto;
    position: relative;
}
.modal-padre-1-mensaje-home {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    position: relative;
    text-align: end;
}
.estilo-circulo-tache-home{
    width: 1.5vw;
    margin-top: 0.3vw;
    margin-right: 0.3vw;
    cursor: pointer;
}
.estilo-tache-home {
    width: 1.2vw;
    margin-top: 0.3vw;
    margin-right: 0.2vw;
    cursor: pointer;
}
.modal-padre-2-mensaje-home {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
    position: relative;
}
.texto-modal-home {
    text-align: center;
    font-size: 1vw;
    border-bottom: 1px solid #013F7B;
    padding-bottom: 1vw;
    margin-left: 1vw;
    margin-right: 1vw;
}
.modal-padre-3-mensaje-home {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 3;
    grid-row-end: 3;
    position: relative;
}
.boton-modal-home {
    text-align: center;
    font-size: 1vw;
    background: #BBE0FF;
    padding: 0.3vw;
    margin-left: 18vw;
    margin-right: 2vw;
    cursor: pointer;
    border-radius: 0.2vw;
    margin-bottom: 1.5vw;
}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .modal-1-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.4vw;
        left: 8vw;
        top: 7.5vw;
        width: 33vw;
        display: none;
    }
    .modal-2-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.4vw;
        left: 8vw;
        top: 7vw;
        width: 33vw;
        display: none;
    }
    .modal-3-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.4vw;
        left: 8vw;
        top: 7.5vw;
        width: 33vw;
        display: none;
    }
    .modal-padre-mensaje-home {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-auto-rows: auto;
        position: relative;
    }
    .modal-padre-1-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
        text-align: end;
    }
    .estilo-circulo-tache-home{
        width: 1.5vw;
        margin-top: 0.3vw;
        margin-right: 0.3vw;
        cursor: pointer;
    }
    .estilo-tache-home {
        width: 1.2vw;
        margin-top: 0.3vw;
        margin-right: 0.2vw;
        cursor: pointer;
    }
    .modal-padre-2-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        position: relative;
    }
    .texto-modal-home {
        text-align: center;
        font-size: 1vw;
        border-bottom: 1px solid #013F7B;
        padding-bottom: 1vw;
        margin-left: 1vw;
        margin-right: 1vw;
    }
    .modal-padre-3-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 3;
        grid-row-end: 3;
        position: relative;
    }
    .boton-modal-home {
        text-align: center;
        font-size: 1vw;
        background: #BBE0FF;
        padding: 0.3vw;
        margin-left: 18vw;
        margin-right: 2vw;
        cursor: pointer;
        border-radius: 0.2vw;
        margin-bottom: 1.5vw;
    }
}
@media (min-width: 1024px) and (max-width: 1366px){
    .modal-1-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.4vw;
        left: 8vw;
        top: 7.5vw;
        width: 33vw;
        display: none;
    }
    .modal-2-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.4vw;
        left: 8vw;
        top: 7vw;
        width: 33vw;
        display: none;
    }
    .modal-3-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.4vw;
        left: 8vw;
        top: 7.5vw;
        width: 33vw;
        display: none;
    }
    .modal-padre-mensaje-home {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-auto-rows: auto;
        position: relative;
    }
    .modal-padre-1-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
        text-align: end;
    }
    .estilo-circulo-tache-home{
        width: 1.5vw;
        margin-top: 0.3vw;
        margin-right: 0.3vw;
        cursor: pointer;
    }
    .estilo-tache-home {
        width: 1.2vw;
        margin-top: 0.3vw;
        margin-right: 0.2vw;
        cursor: pointer;
    }
    .modal-padre-2-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        position: relative;
    }
    .texto-modal-home {
        text-align: center;
        font-size: 1vw;
        border-bottom: 1px solid #013F7B;
        padding-bottom: 1vw;
        margin-left: 1vw;
        margin-right: 1vw;
    }
    .modal-padre-3-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 3;
        grid-row-end: 3;
        position: relative;
    }
    .boton-modal-home {
        text-align: center;
        font-size: 1vw;
        background: #BBE0FF;
        padding: 0.3vw;
        margin-left: 18vw;
        margin-right: 2vw;
        cursor: pointer;
        border-radius: 0.2vw;
        margin-bottom: 1.5vw;
    }
}
@media (min-width: 640px) and (max-width: 1023px) {
    .modal-1-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.4vw;
        left: 9vw;
        top: 15.2vw;
        width: 58vw;
        display: none;
    }
    .modal-2-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.4vw;
        left: 9vw;
        top: 15.2vw;
        width: 58vw;
        display: none;
    }
    .modal-3-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.4vw;
        left: 9vw;
        top: 15.2vw;
        width: 58vw;
        display: none;
    }
    .modal-padre-mensaje-home {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-auto-rows: auto;
        position: relative;
    }
    .modal-padre-1-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
        text-align: end;
    }
    .estilo-circulo-tache-home{
        width: 2.5vw;
        margin-top: 0.6vw;
        margin-right: 0.6vw;
        cursor: pointer;
    }
    .estilo-tache-home {
        width: 1.2vw;
        margin-top: 0.3vw;
        margin-right: 0.2vw;
        cursor: pointer;
    }
    .modal-padre-2-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        position: relative;
    }
    .texto-modal-home {
        text-align: center;
        font-size: 2vw;
        border-bottom: 1px solid #013F7B;
        padding-bottom: 1vw;
        margin-left: 1vw;
        margin-right: 1vw;
    }
    .modal-padre-3-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 3;
        grid-row-end: 3;
        position: relative;
    }
    .boton-modal-home {
        text-align: center;
        font-size: 2vw;
        background: #BBE0FF;
        padding: 0.5vw;
        margin-left: 38vw;
        margin-right: 2vw;
        cursor: pointer;
        border-radius: 0.2vw;
        margin-bottom: 2.5vw;
    }
}
@media (max-width: 639px) {
    .modal-1-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.4vw;
        left: 2vw;
        top: 22.2vw;
        width: 93vw;
        display: none;
    }
    .modal-2-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.4vw;
        left: 2vw;
        top: 22.2vw;
        width: 93vw;
        display: none;
    }
    .modal-3-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.4vw;
        left: 2vw;
        top: 22.2vw;
        width: 93vw;
        display: none;
    }
    .modal-padre-mensaje-home {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-auto-rows: auto;
        position: relative;
    }
    .modal-padre-1-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
        text-align: end;
    }
    .estilo-circulo-tache-home{
        width: 4.5vw;
        margin-top: 1.6vw;
        margin-right: 1.6vw;
        cursor: pointer;
    }
    .estilo-tache-home {
        width: 1.2vw;
        margin-top: 0.3vw;
        margin-right: 0.2vw;
        cursor: pointer;
    }
    .modal-padre-2-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        position: relative;
    }
    .texto-modal-home {
        text-align: center;
        font-size: 4vw;
        border-bottom: 1px solid #013F7B;
        padding-bottom: 1vw;
        margin-left: 1vw;
        margin-right: 1vw;
    }
    .modal-padre-3-mensaje-home {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 3;
        grid-row-end: 3;
        position: relative;
    }
    .boton-modal-home {
        text-align: center;
        font-size: 4vw;
        background: #BBE0FF;
        padding: 1.5vw;
        margin-left: 44vw;
        margin-right: 2vw;
        cursor: pointer;
        border-radius: 1.2vw;
        margin-bottom: 4.5vw;
    }
}