/************************************************************************************
HOJA DE ESTILOS PARA SITIOS WEB
Autor: Fernando J. Cuevas - Abril 2024
*************************************************************************************/
@charset "utf-8";
/************************************************************************************
MEDIA QUERIES - Adaptacion a dispositivos y resoluciones
*************************************************************************************/

@media screen and (max-width: 480px) {
.texto_bloque { width: 92%; }
.foto_ag { bottom: -140px; width: 230px; }
.texto_bloque p { font-size: 1rem; }
.logo_ag img { width: 260px; height: auto; }
.ribbon { font-size: 1.2rem; line-height: 1em; }
.resalte_2 { font-size: 1.5rem !important; }

}


/* Teléfonos normales (portrait/landscape) */
@media (min-width: 481px) and (max-width: 680px) {
.texto_bloque { width: 92%; }
.foto_ag { bottom: -140px; width: 230px; }
.texto_bloque p { font-size: 1rem; }
.logo_ag img { width: 260px; height: auto; }
.ribbon { font-size: 1.2rem; line-height: 1em; }
.resalte_2 { font-size: 1.5rem !important; }

}



/* PC antiguas  */
@media (min-width: 681px) and (max-width: 767px) {
.texto_bloque { width: 86%; }
.foto_ag { bottom: -140px; width: 230px; }
.texto_bloque p { font-size: 1.1rem; }
.logo_ag img { width: 290px; height: auto; }
.ribbon { font-size: 1.3rem; line-height: 1em; }
.resalte_2 { font-size: 1.6rem !important; }

}


/* Tabletas pequeñas  */
@media (min-width: 768px) and (max-width: 800px) {
.texto_bloque { width: 86%; }
.foto_ag { bottom: -140px; width: 230px; }
.texto_bloque p { font-size: 1.1rem; }
.logo_ag img { width: 290px; height: auto; }
.ribbon { font-size: 1.3rem; line-height: 1em; }
.resalte_2 { font-size: 1.6rem !important; }

}


/* Tabletas  */
@media (min-width: 801px) and (max-width: 919px) {


}

@media (min-width: 920px) and (max-width: 1023px) {


}

/* Laptops / escritorio (laptops/desktops) */
@media (min-width: 1024px) and (max-width: 1139px) {


}

@media (min-width: 1140px) and (max-width: 1279px) {


}


/* ------ hasta  1440 pixeles ------ */
@media screen and (min-width: 1280px) and (max-width: 1440px) {


}