@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');

/*-------------------------------------------------------------------------------Medida------------------------------------------*/
@media (min-width: 1520px) and (max-width: 1751px) {
/*----------------------------------------menu app-------------------------------------*/
.ggskin
{
font-family: 'Montserrat', sans-serif !important;
}
.texto1
{
font-size: 14px;
font-family: 'Montserrat', sans-serif !important;
width: 539px;
}
.titulo
{
font-family: 'Montserrat', sans-serif !important;
font-size: 25px;
}
.ggskin
{
font-size: 9px;
}
}
/*=======================================================================================================================================================================*/
@media (min-width: 1306px) and (max-width: 1519px) {

}
  @media (min-width: 1180px) and (max-width: 1305px) {


}
  /*=======================================================================termina==================================================================================*/
  @media (min-width: 1101px) and (max-width: 1179px) {

}
/*==============================================================================================Hamburguesa========================================================================*/
@media (min-width: 800px) and (max-width: 1100px) {
.ev {
           width:100%;
       }
}

@media only screen and (max-width: 800px) {
.cuadro{
border: 4px solid rgb(170, 32, 0) !important;
border-radius: 35px !important;
background: rgba(255, 255, 255, 0.51) none repeat scroll 0% 0% !important;
cursor: default !important;
height: 354px !important;
left: -6px !important;
top: -41px !important;
width: 286px !important;
transform-origin: 50% 50% 0px !important;
}
.texto{
height: 355px !important;
left: 7px !important;
top: 9px !important;
width: 230px !important;
transform-origin: 50% 50% 0px !important;
}
.info
{
width: 240px !important;
height: 350px !important;
}
.texto1
{
width: 245px !important;
height: 340px !important;
font-size: 9px !important;
font-family: 'Montserrat', sans-serif !important;
}
.CRojo
{
  background: rgb(62 0 170) none repeat scroll 0% 0% !important;
border: 1px solid rgb(170, 32, 0) !important;
    cursor: default !important;
    height: 360px !important;
    left: 230px !important;
    position: absolute !important;
    top: -4px !important;
    visibility: inherit !important;
    width: 35px !important;
    pointer-events: auto !important;
    transform-origin: 50% 50% 0px !important;
}
.Ovrojo
{
border-radius: 30px !important;
background: rgb(170, 32, 0) none repeat scroll 0% 0% !important;
border: 1px solid rgb(170, 32, 0) !important;
cursor: default !important;
height: 360px !important;
left: 235px !important;
position: absolute !important;
top: -4px !important;
visibility: inherit !important;
width: 63px !important;
pointer-events: auto !important;
transform-origin: 50% 50% 0px !important;
}

.x
{
cursor: pointer !important;
height: 32px !important;
position: absolute !important;
right: -55px !important;
top: -37px !important;
visibility: inherit !important;
width: 32px !important;
pointer-events: auto !important;
transform-origin: 50% 50% 0px !important;
}
.titulo
{
font-family: 'Montserrat', sans-serif !important;
    position: absolute !important;
        box-sizing: border-box !important;
    cursor: default !important;
    left: 0px !important;
    top:-30px !important;
    width: 228px !important;
    height: 31px !important;
    border: 0px solid #000000 !important;
    color: rgb(29, 0, 170) !important;
    font-size: 19px !important;
    font-weight: inherit !important;
    text-align: center !important;
    white-space: nowrap !important;
    padding: 0px 1px 0px 1px !important;
    overflow: hidden !important;
}

.titulo1
{

    width: 230px !important;
    
}

@media (max-width: 480px) {

}


.texto1
{
width: 240px !important;
height: 350px !important;
}
.CRojo
{
  background: rgb(170, 32, 0) none repeat scroll 0% 0% !important;
border: 1px solid rgb(170, 32, 0) !important;
    cursor: default !important;
    height: 360px !important;
    left: 230px !important;
    position: absolute !important;
    top: -4px !important;
    visibility: inherit !important;
    width: 35px !important;
    pointer-events: auto !important;
    transform-origin: 50% 50% 0px !important;
}
.Ovrojo
{
border-radius: 30px !important;
background: rgb(170, 32, 0) none repeat scroll 0% 0% !important;
border: 1px solid rgb(170, 32, 0) !important;
cursor: default !important;
height: 360px !important;
left: 235px !important;
position: absolute !important;
top: -4px !important;
visibility: inherit !important;
width: 63px !important;
pointer-events: auto !important;
transform-origin: 50% 50% 0px !important;
}

.x
{
cursor: pointer !important;
height: 32px !important;
position: absolute !important;
right: -55px !important;
top: -37px !important;
visibility: inherit !important;
width: 32px !important;
pointer-events: auto !important;
transform-origin: 50% 50% 0px !important;
}
.titulo
{
    position: absolute !important;
        box-sizing: border-box !important;
    cursor: default !important;
    left: 0px !important;
    top:-30px !important;
    width: 228px !important;
    height: 31px !important;
    border: 0px solid #000000 !important;
    color: rgb(29, 0, 170) !important;
    font-size: 19px !important;
    font-weight: inherit !important;
    text-align: center !important;
    white-space: nowrap !important;
    padding: 0px 1px 0px 1px !important;
    overflow: hidden !important;
}

.titulo1
{

    width: 230px !important;
    
}

@media (max-width: 480px) {

}