/* PANTONES */
/******************************
COLOR       PANTONE             HEXA            RGB
ROSA        1895 C              f5b6cd          245 182 205
MORADO      270 C               b4b5df          180 181 223
AZUL        283 C               92c1e9          146 193 233
VERDE       360 C               6cc24a          108 194 74

*******************************/
body
{
    margin: 0;
}
a {
    text-decoration: none;
}
.titulo{
    font-size: 5vw;
    color: #92c1e9;
    font-style: italic;
    font-weight: bold;
}
.barra_titulo{
    border: 10px solid #f5b6cd;
}
.contador{
    font-size: 1.5vw;
    color: #b4b5df;
    font-weight: bold;
}
.img_pagina
{
    width: 100%;
    height: auto;
}
.cls_contenido_pagina
{
    background: url("../img/fondocuadros.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: auto;
    padding-top: 15%;
    padding-bottom: 10%
}
.titulo_pagina{
    font-size: 4vw;
    color: rgba(245, 182, 205  );
    font-style: italic;
    font-weight: bold;
}
.text-justify
{
    text-align: justify;
}
.texto_morado{
    color: #b4b5df;
    font-size: 1vw;

}
.texto_rosa{
    color: #f5b6cd;
    font-size: 1vw;

}
.texto_verde{
    color: #6CC24A;
    font-size: 1vw;

}
.texto_azul{
    color: #92c1e9;
    font-size: 1vw;

}

.texto_img_tit{
    font-size: 30px !important;
}
.texto_img{
    font-size: 18px !important;
}
.img_comparte{
    width: 400px ;
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1366px)
{
    .css_img_gif{
        width: 450px;
        height: auto;
    }
    .texto_img_tit{
        font-size: 30px !important;
    }
    .texto_img{
        font-size: 18px !important;
    }
    .img_comparte{
        width: 300px ;
    }
}

/* Clases para los iconos de redes y boton para moviles*/
@media screen and (max-width: 767px) {
    .barra_titulo{
        border: 5px solid #f5b6cd;
    }
    .contador{
        font-size: 4vw;
    }

    .titulo_pagina{
        font-size: 12vw;
    }
    .texto_morado{
        font-size: 4vw;
    }
    .texto_rosa{
        font-size: 4vw;
    }
    .texto_verde{
         font-size: 4vw;
    }
    .texto_azul{
        font-size: 4vw;
    }
    .cls_contenido_pagina
    {
        background: url("../img/celfondoarriba3000.png") top left no-repeat
    }
    .css_img_gif{
        width: 330px;
        height: auto;
    }

    .texto_img_tit{
        font-size: 25px !important;
    }
    .texto_img{
        font-size: 18px !important;
    }

    .img_comparte{
        width: 200px ;
    }
}