*{
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;

}
span{
  text-align: justify;
}

img{
  border-radius: 10px;
}

.portada-entrada{
  width: 100%;
  height: 400px;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


/*--------FONDOS DE PORTADAS EN ENTRADAS DE BLOG--------*/

.fondo-portada{
  background-image: url(../img/blog-0-portada.jpg);
  background-position: center;
  background-size: cover;
}

.texto-ejemplo{
  background-image: url(../img/avance-proyecto.jpg);
  background-position: center;
  background-size: cover;
}
.fondo-portada-dos{
  background-image: url(../img/190822BLOG1.jpg);
  background-position: center;
  background-size: cover;
}
.fondo-portada-tres{
  background-image: url(../img/p-renovacion-comite-hueymatla.jpg);
  background-position: center;
  background-size: cover;
}
.fondo-portada-cuatro{
  background-image: url(../img/avance-proyecto.jpg);
  background-position: center;
  background-size: cover;
}
.fondo-portada-cinco{
  background-image: url(../img/blog-2-segunda.jpg);
  background-position: center;
  background-size: cover;
}

.fondo-portada-seis{
  background-image: url(../img/190822BLOG1.jpg);
  background-position: center;
  background-size: cover;
}

.fondo-portada-siete{
  background-image: url(../img/030922GAPCAP1.jpg);
  background-position: center;
  background-size: cover;
}

.fondo-portada-ocho{
  background-image: url(../img/120922GAPCA2POR.jpg);
  background-position: center;
  background-size: cover;
}

.fondo-portada-nueve{
  background-image: url(../img/tercera-capacitacion-GAP-portada.jpg);
  background-position: center;
  background-size: cover;
}

.fondo-portada-diez{
  background-image: url(../img/p-plan-estrategico.jpg);
  background-position: center;
  background-size: cover;
}

.fondo-portada-once{
  background-image: url(../img/p-visita-berriozabal-230328.jpg);
  background-position: center;
  background-size: cover;
}

.fondo-portada-doce{
  background-image: url(../img/p-capacitaciO╠ü┬®e╠ün-empresas-constructoras-230328.jpg);
  background-position: center;
  background-size: cover;
}

.fondo-portada-trece{
  background-image: url(../img/p-5-capacitacioÔòáu╠ên-gap-270423.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-catorce{
  background-image: url(../img/premio-iclei-taxco.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-quince{
  background-image: url(../img/capacitacion-mucipios-portada.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-dieciseis{
  background-image: url(../img/p-avances-miagua-samic.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-diecisiete{
  background-image: url(../img/portada-renovacion-comite-hueymatla.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-dieciocho{
  background-image: url(../img/p-6-capacitacion-gap-280623.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-diecinueve{
  background-image: url(../img/asambleas-casmic-portada.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-veinte{
  background-image: url(../img/5-reunión-ugp-directiva-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-veintiuno{
  background-image: url(../img/7°capacitación-gap-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-veintidos{
  background-image: url(../img/seminarioupegro-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-veintitres{
  background-image: url(../img/segunda-capacitación-empresas-constructoras-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-veinticuatro{
  background-image: url(../img/manejo-de-residuos-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-veinticinco{
  background-image: url(../img/congreso-decuencas-monterrey-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-veintiseis{
  background-image: url(../img/TALLER-AUTODIAGNOSTICO-CASMIC-P.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-veintisiete{
  background-image: url(../img/p-scall-san-juan.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-veintiocho{
  background-image: url(../img/dewats-acamixtla-construcción-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-veintinueve{
  background-image: url(../img/socializacion-huajojutla-tehui-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-treinta{
  background-image: url(../img/encuentronacionalagua-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-treintayuno{
  background-image: url(../img/taller\ unam-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-treintaydos{
  background-image: url(../img/taller-escuelasjdd-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-treintaytres{
  background-image: url(../img/9°-capacitacion-GAP.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-treintaycuatro{
  background-image: url(../img/scall-sanjuandedios-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-treintaycinco{
  background-image: url(../img/analisis-calidad-de-agua-mayo-2024-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-treintayseis{
  background-image: url(../img/gap-10-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-treintaysiete{
  background-image: url(../img/planes-estrategicos-cabildo-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-treintayocho{
  background-image: url(../img/clausura-gap-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-treintaynueve{
  background-image: url(../img/zona-reuso-hueymatla-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cuarenta{
  background-image: url(../img/capacitacion-aguaysaneamiento-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cuarentayuno{
  background-image: url(../img/construccion-scall-juliantla-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cuarentaydos{
  background-image: url(../img/cuarta-capacitaciónoym-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cuarentaytres{
  background-image: url(../img/Incubadora\ de\ Evaluación-PNUD-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cuarentaycuatro{
  background-image: url(../img/finaliza-construcción-SCALL-Juliantla-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cuarentaycinco{
  background-image: url(../img/actores-proyecto-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cuarentayseis{
  background-image: url(../img/sesión-acercamiento-directivos-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cuarentaysiete{
  background-image: url(../img/saneamiento-descentralizado-miaguasamic-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cuarentayocho{
  background-image: url(../img/drenaje-simplificado-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cuarentaynueve{
  background-image: url(../img/Gestionfondos-proyectoays-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cincuenta{
  background-image: url(../img/reunion-CAPASEG-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cincuentayuno{
  background-image: url(../img/Visita-OMSCAS-CantaroAzul-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cincuentaydos{
  background-image: url(../img/p-7ma-UGP-directiva.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cincuentaytres{
  background-image: url(../img/OyM-SCALL-Juliantla-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cincuentaycuatro{
  background-image: url(../img/Día-mundial-del-agua-p-2025.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cincuentaycinco{
  background-image: url(../img/talleres-autodiagnostico-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cincuentayseis{
  background-image: url(../img/comite-OyM-SSDD-P.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cincuentaysiete{
  background-image: url(../img/actores-proyecto-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cincuentayocho{
  background-image: url(../img/4°cap-empresas-constructoras-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-cincuentaynueve{
  background-image: url(../img/reunion-scall-cedrito-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-sesenta{
  background-image: url(../img/scall-huajojutla-construcción-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-sesentayuno{
  background-image: url(../img/MiAgua\ SaMic-California-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-sesentaydos{
  background-image: url(../img/tequios-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-sesentaytres{
  background-image: url(../img/190822BLOG1.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-sesentaycuatro{
  background-image: url(../img/reunion-acamixtla-bienes-comunales-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-sesentaycinco{
  background-image: url(../img/comites-OyM-seguimiento-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-sesentayseis{
  background-image: url(../img/SCALL-San-Sebastian-Xochula-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-sesentaysiete{
  background-image: url(../img/Supervision-obras-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-sesentayocho{
  background-image: url(../img/residuos\ liquidos-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-sesentaynueve{
  background-image: url(../img/inicia-scall-cedrito-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-setenta{
  background-image: url(../img/captacion-\ pluvial-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-setentayuno{
  background-image: url(../img/acompañamiento-comunitario-cedrito-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-setentaydos{
  background-image: url(../img/reunion-scall-Tehui-p.jpg);
  background-position: center;
  background-size: cover;
}
  
.fondo-portada-setentaytres{
  background-image: url(../img/avances-miagua-2025-p.jpg);
  background-position: center;
  background-size: cover;
}







































/*--------FONDOS DE PORTADAS EN ENTRADAS DE BLOG--------*/



.portada-title{
  font-size: 1.8em;
  font-weight: bolder;
  text-align: center;
  max-width: 95%;
}

.title-entrada{
  font-size: 2em;
}

.bloque-texto{
  width: 800px;
  margin:auto ;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;

}
.introduccion-text{
  font-size: 1.2em;
}


.text-wrapper{
  width: 800px;
  margin:auto ;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1.5fr 1fr ;
  grid-template-rows: 1fr ;
  gap: 10px;
}

.text{
  font-size: .9em;
}

.img-text{
  width: 100%;
}

.col{
  display: flex;
  flex-direction: column;
}

.breadcrumbs{
  width: 800px;
  margin: auto;
  margin-bottom: 30px;
  margin-top: 30px;

  
}
.breadcrumbs a{
  text-decoration: none;
  color: #006eff;
  font-size: 1.2em;
}

.img-entrada{
  width: 800px;
  margin: auto;
  display: flex;
  margin-bottom: 20px;
}


@media only screen and (max-width: 1000px) {







}/*1000PX*/



/*Tablet*/
@media only screen and (max-width: 768px) {

   





}/*fin tablet*/