@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: Poppins;
    src: url("../fonts/Poppins-Light.ttf");
    font-weight: 300;
}
@font-face {
    font-family: Poppins;
    src: url("../fonts/Poppins-Medium.ttf");
    font-weight: 500;
}
@font-face {
    font-family: Poppins;
    src: url("../fonts/Poppins-Bold.ttf");
    font-weight: 700;
}
@font-face {
    font-family: Gloria;
    src: url("../fonts/GloriaHallelujah-Regular.ttf");
    font-weight: 400;
}

/*politicas de tratamiento de datos estilo*/
.container-fluid.background-info.pt-5 {
    padding-top: 5%;
}

.Container_info_ppal {
    width: 85%;
    text-align: justify;
    margin: auto;
}

/*margen imagenes opcionales grateher share*/

.col-md-12.margen_opcional {
    margin: 5% 0;
}

/* pod cast 1500 kids*/
div#podcast2 {
    background-image: url('https://www.aeiotu.com/wp-content/uploads/2023/06/curvas_podcast.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}


 .txt_just{
    text-align: justify;
 }

/* eliminar el padding del formulario blog */
.col-md-7.no_padding {
    padding: 0px;
}

.cont_titulo_mobile{
display: none;
}

/* ancho de boton enviar blog*/
.col-md-5.cont_enviar_aliados {
    width: 125px;
}


/*ocultar imagen mobile en pc*/
img.ancho_completo.img-mobile {
    display: none;
}

img.img-responsive.img-mobile.esconder_pc {
    display: none;
}

/*iconos de podcast*/
li.forma_podcast {
    width: 695px;
    border-radius: 95px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 25px 0;
}

div#podcast {
    background-image: url('https://www.aeiotu.com/wp-content/uploads/2023/05/blog_4.jpg');
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.bg_blue {
    background-color: #297DDB;
    width: 100%;
    height: 60px;
    border-radius: 26px;
    display: flex;
    justify-content: center;
    padding: 7px 5%;
    z-index:3;
}


.bg_yelow {
    background-color: #FCA300;
    height: 60px;
    border-radius: 25px;
    width:300px;
    display: flex;
    justify-content: center;
    padding: 7px 5%;
    z-index: 2;
    margin-left: -40px;
}

.bg_darkblue {
    background-color: #002A49;
    width: 300px;
    height: 60px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    padding: 7px 5%;
    z-index: 1;
    margin-left: -45px;
}

.col-md-12.d-flex.pb-3 {
    padding-bottom: 3%;
}

/*contenedor general de los podcast*/
.cont_gen_podcast.col-md-12 {
    display: flex;
    justify-content: center;
}

h2.fecha_podcast {
    font-size: 1.5em;
}

p.texto_podcast {
    font-size: 1.5em;
}

.rosa_podcast{
 background-color: #ed0073;
}

.verde_podcast{
 background-color: #8CD636;
}

.amarillo_podcast{
 background-color: #F7CF1C;
}

.morado_podcast{
 background-color: #b000ed;
}

/* estilos formulario del banner*/
input#boton_verde {
    background-color: #1bd741;
    border-radius: 20px;
    padding: 5% 0;
}


/*color de los enlaces del blog*/
a.botones_blog {
    color: #337ab7;
}

/*contenedor de formularios de comentarios blog*/
div#cont_formulario_aeiotu {
    width: 615px;
    margin: auto;
}

/*placeholder del autor*/
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}



/*estilo contenedor formulario aeiotu*/
.cont_formulario_aeiotu {
    margin: auto;
    display: flex;
    width: 600px;
    justify-content: center;
}

/*titulo antes de comentarios*/
h3#reply-title {
    font-size: 30px;
    font-family: 'Poppins';
    color: #2EB0F7;
}


/*estilo contenedor comentarios*/
li.media.mb-4.cont_comentarios {
    display: flex;
    background-color: #EDEDED;
    padding: 2%;
    border-radius: 16px;
    width: 600px;
    margin: 15px auto 15px auto;
}

/*estilo titulos comentarios*/
h5.mt-0.autor_bold {
    font-weight: 700;
    font-family: poppins;
    color: #0D2947;
    margin: 0 0 0 10px;
    text-transform: capitalize;
}


/*estilo del texto comentarios*/
p.comentarios_blog {
    margin: 0 0 0 10px;
}

/*estilo de la fecha*/
small.text-muted.f-left {
    float: right;
}

/*fuente para las fechas de los comentarios*/
small.text-muted.f-left.poppins {
    font-family: poppins;
}

/*estilo post aeiotu*/


/*campor web*/
p.comment-form-url {
    color: #000;
}

/*campo comentarios*/
textarea#comment {
    width: 305px;
    height: 35px;
    float: right;
}

input#author {
    width: 305px;
}

.form-group.nombre {
    position: relative;
    right: 0px;
    float: left;
}

/*imput web*/
input#url {
    border: 1px solid #000;
}


input.post_blogs {
    background-color: #8CD636 !important;
    width: 600px;
    font-weight: 700;
    border-radius: 30px!important;
    color: #0D2947 !important;
}

p.comment-form-cookies-consent {
    height: 50px;
    float: left;
}

p.wc_captcha-form {
    height: 50px;
    float: left;
    margin: 40px 0;
}

/* borde del captcha*/
input#wc-input {
    border: 1px solid #000;
}

/* campos del formulario personalizado*/


input#autor::placeholder {
    color: #000000;
}

/*margen del contenedor de los formularios*/
.form-group.comentarios {
    margin: 0px;
position: relative;
}



/* boton enviar custom */


/* estilo ancho imagen principla contenido blog*/
img.image_ppal {
    width: 100%;
}

.foto_interna {
    width: 100%;
    height: auto;
    padding: 2% 10%;
}

/*image del articulo numero4*/
img.wp-image-1583.size-large.alignnone {
    width: 100%;
    height: auto;
}

/*estilo para los textos del articulo*/

.texto_articulo {
    font-family: 'Poppins';
    font-size: 1.1em;
    text-align: justify;
    padding: 0 5%;
}


/*contenedor de las figuras de los fondos(banner) sin padding*/
.col-xs-12.px-0 {
    padding: 0px;
}


html {
  scroll-behavior: smooth;
}
::placeholder {
  color: #0D2947!important;
  font-size: 15px;
  font-weight: 300;
  font-family: Poppins;
}
.blog-blanc{
    background-color:#8CD636;
    border: 2px solid #fff;
}
.blog-blanc::placeholder {
  color: white!important;
}
.blog-btn-default:hover {
    color: #333;
    background-color: #70ab2b;
    border-color: white;
}
.blog-pad50-0{
    padding: 50px 0px;
}
.blog-filt{
    width: 100%;
    background-color: #8CD636;
    border: 2px solid white;
    color: white;
    font-size: 17px;
    font-family: 'Poppins';
    font-weight: 300;
}
.open>.dropdown-toggle.btn-default:hover,.open>.dropdown-toggle.btn-default:focus {
    color: white;
    background-color: #8CD636;
    border-color: #8c8c8c;
}
.container{
    padding: 0px;
    max-width: 1320px;
    width: 100%;
}
.blog-imagen-fondo{
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 0px;
}
.blog-color-blue{
    color: #2EB0F7;
}
.blog-color-blue-osc{
    color: #297DDB;
}
.blog-color-bn{
    color: #0D2947;
}
.blog-color-bc{
    color: #297DDB;
}
.blog-color-at{
    color: #00CDCC;
}
.blog-color-yellow{
    color: #F7CF1C;
}
.blog-color-aguam{
    color: #00CDCC;
}
.blog-color-mora{
    color: #B000ED;
}
.blog-color-naranja{
    color: #E28B00;
}
.blog-color-white{
    color: white;
}
.blog-color-red{
    color: #ED0073;
}
.blog-color-red-hov:hover{
    color: #A1004E;
}
.blog-color-green{
    color: #8CD636;
}
.blog-subtit{
    font-family: Poppins;
    font-size: 27px;
}
.blog-subtit2{
    font-family: Poppins;
    font-size: 15px;
}
.blog-top-cur{
    margin-top: -150px;
}
.blog-prec{
    padding: 15px;
    transform: translatey(-50%);
    background-color: #FCA300;
    border-radius: 0px 20px 20px 0px;
    width: fit-content;
}
.blog-cen-tit{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.blog-top-blog{
    padding-bottom: 50px;
    margin-top: -215px;
}




.blog-tc{
    text-align: center;
}
.blog-texto-center-1{
    position: absolute;
    top: 39%;
    padding-right: 3%;
    padding-left: 12%;
    color: white;
    transform: translatey(-50%);
}
.blog-como-ap{
    padding:40px 20%;
    text-align: center;
}
.blog-marg-1{
    padding: 0px 25%!important;
}
.blog-nuestro-prop{
    align-self: center;
    padding: 0px;
}
.blog-como-apr{
    background-color: #00CDCC;
    display: flex;
    padding: 0px;
    position: relative;
}
.blog-como-apr2{
    background-color: #F8C900;
    display: flex;
    padding: 0px;
    position: relative;
}
.blog-que-nos{
    font-family: gloria;
    font-weight: 300;
    margin-top: -100px;
}


.blog-aula1{
    background-color: white;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding: 0px;
}

.blog-aula1-img{
    transition: 0.3s;
    transform: translate(0%, 0%);
    opacity: 100%;
}
.blog-aula1:hover .blog-aula1-img{
    transition: 0.3s;
    transform: translatey( -30%);
    opacity: 70%;
}
.blog-hid-aula{
    font-size: 1px!important;
    transition: 0.3s;
    opacity: 0;
}
.blog-aula1:hover .hid-aula{
    font-size: 15px!important; 
    opacity: 1;
    transition: 0.3s;
}

.blog-cuad-text{
   position: absolute;
    transition: 1s;
    padding: 6px 10px;
    background-color: #FFFFFF;
    bottom: 0px;
    width: 100%;
}
.blog-risa{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 25%
}
.blog-qnhd{
    padding: 20px 10%;
}
.blog-cuad-sm{
    padding:30px 30px;    
}
.blog-sub-glo{
    font-family: Gloria;
    font-size: 32px;
}
.blog-text-exp{
    margin-top: -74px;
    margin-left: 10%;
    width: 42%;
    font-size: 19px;
    padding-bottom: 26px;
}

.blog-text-exp2{
    margin-top: -113px;
    margin-left: 62%;
    width: fit-content;
    font-size: 60px !important;
    text-align: right;
    padding-bottom: 20px;
}
.blog-marg-cuad{
    padding: 20px 5%;
    position:relative;
}
.blog-marg-cuad2{
    padding: 25px 3%;
    position:relative;
}
.blog-hor-pup{
    font-family: Poppins;
    font-size: 20px;
    list-style:none;
}
.blog-hor-pup p::before{
    content: url("../images/jardines-serv-risa.png");
    margin-left: -32px;
    margin-right: 9px;
}
.blog-esp3{
    padding-bottom: 21px;
    margin-top: -103px;
    margin-left: 14%;
}
.blog-padeq{
    padding: 0px 10px;
}
.blog-mynput{
    border-radius: 30px;
    background-color: #e1e1e1;
    height: 40px;
    color: #172A46;
    font-weight: 600;
}
.blog-myb{
    color: #0D2947;
    background-color: #8CD636;
    border: none;
    font-size: 16px;
    border-radius: 30px;
    padding: 10px 30px;
}
.blog-myba{
    color: #0D2947;
    background-color: #00CDCC;
    border: none;
    font-size: 16px;
    border-radius: 20px;
    padding: 10px 30px;
}
.blog-estre-amar{
    height: min-content;
}
.blog-alt-estre{
    display: flex;
    justify-content: center;
    margin-top: -22px;
}
.blog-padnom{
    padding-left:0px;
}
.blog-mydir{
    font-size: 40px;
    margin:30px;
}
.blog-mydirtext{
    font-size: 24px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.blog-container-pad{
    padding: 0px;
}

p{
    margin: 0px;
}
.blog-flex-container {
  display: flex;
  flex-wrap: wrap;
}

.blog-imagen-fondo-2{
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 20px;
}


h2{
    font-family: Poppins;
    font-size: 50px;
    font-weight: 700;  
}

.blog-texto-center-2{
    position: absolute;
    top: 25%;
    color: white;
}
.blog-absol-1{
    position: absolute;
    top:36%;
    left: 60%;
    font-family: Poppins;
    font-size: 21px;
    width: 200px;
}
.blog-absol-2{
    position: absolute;
    top:36%;
    left: 53%;
    font-family: Poppins;
    font-size: 21px;
    width: 195px;
}
.blog-absol-3{
    position: absolute;
    top:18%;
    left: 9%;
    font-family: Poppins;
    font-size: 21px;
    width: 226px;
}
.blog-absol-4{
    position: absolute;
    top:21%;
    left: 9%;
    font-family: Poppins;
    font-size: 21px;
    width: 200px;
}
.blog-flex-prop{
    display: flex;
}
.blog-disp-flex{
     display: flex;
}
.blog-mis-vis{
    padding: 0px 70px;
}

.blog-serv-bot:hover{
    box-shadow: 0px 0px 15px 5px #88888863;
    border-radius: 30px;
}

.blog-hist-back{
    background-color: #0D2947;
    padding: 0px;
}
.blog-equip-back{
    background-color: #F8C900;
    padding: 0px 0px 40px 0px;
}
.blog-de-back{
    background-color: #2EB0F7;
    padding: 0px 0px 40px 0px;
}
.blog-dp-back{
    background-color: #00CDCC;
    padding:  0px 0px 40px 0px;
}
.blog-dd-back{
    background-color: #0D2947;
    padding: 0px 0px 40px 0px;
}
.blog-dc-back{
    background-color: #B000ED;
    padding: 0px 0px 40px 0px;
}
.blog-dco-back{
    background-color: #ED0073;
    padding: 0px 0px 40px 0px;
}
.blog-df-back{
    background-color: #FCA300;
    padding: 0px 0px 40px 0px;
}
.blog-imp-back{
    margin-bottom: 50px;
    padding: 0px;
}
.blog-fecha{
    font-family: Poppins;
    font-size: 80px;
    font-weight: 700;
}


.blog-circulo{
background-color: #F7CF1C;
width: 30px;
height: 30px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(calc(-50% - 2px), -50%);
}
.blog-linea-izq{
    align-self: center;
    border-right: dashed #F7CF1C 3px;
}
.blog-linea-der{
    align-self: center;
    border-left: dashed #F7CF1C 3px;
    margin: -3px;
}
.blog-size-img{
    margin: 45px;
    max-height: 200px;
}
.clear {
    clear: both;
}
.blog-pad{
    padding: 30px;
    align-self: center;
}
.blog-mar-top{
    max-width: 102%;
}
.blog-relat{
    position: relative;
}
.blog-pad-equip{
    padding: 0px 200px 20px 200px;
}
.blog-t-nom{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    padding: 0px 15px;
}
.blog-t-car{
    font-family: Poppins;
    font-size: 13px;
    font-weight: 700;
    padding: 0px 20px;
}
.blog-t-des{
    font-family: Poppins;
    font-size: 13px;
    padding: 0px 20px;
}

/* HOME*/



h3{
    font-family: Gloria;
    font-size: 46px;
    font-weight: 700;  
}

.blog-subtit-glo{
    font-family: Gloria;
    font-size: 50px;
}

.blog-texto-center-5{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.blog-texto-center-7{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}
.blog-texto-center-6{
    position: absolute;
    top: 14%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.blog-df-5{
    display: flex;
    flex-direction: column;
    width: 85%;
    z-index: 2;
}
.blog-camp-5{
    color:white;
    background-color: #E31878;
    padding: 10px;
    border-radius: 37px;
}
.blog-dona{
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translatey(-50%);
}
.blog-mochila{
    position: relative;
    text-align: center;
    margin: 0px 21%;
}
.blog-apoya{
    margin: 24px 30%;
}
a:hover{
    text-decoration: none;
}
a p:hover{
    filter: brightness(105%); 
    box-shadow: 2px 2px 6px 0px #00000045;    
}
.blog-vidd:hover{
    filter: brightness(105%); 
    box-shadow: 2px 2px 6px 0px #00000045;    
}
.blog-non:hover{
        filter: brightness(100%)!important;
    box-shadow:none!important;
}
.blog-size-img-2{
    margin: 45px;
    max-height: 200px;
}
.blog-pad0{
    padding-top: 5px;
    padding-bottom: 5px;
}
.blog-pad00{
    padding:0px;
}
.blog-pad5{
    padding:5px;
}

.redondeado{
	border-radius:20px;
    margin-left: auto;
    margin-right: auto;
}

.img-responsive{
    margin-left: auto;
    margin-right: auto;
}
.blog-ftmg{
    font-size:17px;
    margin-bottom:10px;
}
.blog-fft{
    text-align:center;
    font-size:15px;
    font-weight:300;
}
.blog-foot{
    padding: 30px 0px;
    background-color: #0D2947;
    position: relative;
}
.blog-pad-fot{
    padding: 50px 30px 15px 15px;
}

/* estilo de los articulos destacados--------------------------------------*/
p.subtit.color-bn.txt_just {
    text-align: justify;
}

.col-md-12.pt-5 {
    padding-top: 5%;
}

.col-md-12.pt-5.pb-5 {
    padding-bottom: 5%;
}

.col-md-12.pt-5.pb-5.d-flex_centrado {
    display: flex;
    justify-content: center;
}

/*ocultar tira de botones mobile en pc */
.col-md-12.d-flex.pb-3.res_visual_mobile {
    display: none;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
 /* CSS styles specific to iPad Air portrait mode */


/*contenedor titulo maria adelaida*/
.cont_titulo_mobile {
    display: block;
        position: absolute;
        width: 100%;
        height: 137px;
        /* background-color: aqua; */
        top: 20%;
    }
    
    p.titulo_mobile {
        font-family: 'Poppins';
        font-size: 2.5em;
        font-weight: 600;
        color: #F0308E;
    }
    
    img.logo_maria_mobile {
        width: 195px;
    }
    
    p.Subtitulo_mobile {
        font-family: 'Poppins';
        font-size: 2.5em;
        font-weight: 600;
        line-height: 7px;
    }
    
    p.nombre_directora {
        font-family: 'Poppins';
        line-height: 2em;
        margin-top: 5px;
        font-size: 2em;
        font-weight: 700;
        color: #f0308e;
    }
    
    p.cargo_directora {
        color: #f0308e;
        font-size: 1.5em;
        line-height: 0.5em;
    }



 /* ------------------------------------fin aipad air ------------------------------------------------------*/
}

@media (max-width: 1199px) and (min-width: 992px) {
/*jardines*/
.blog-texto-center-1{
    top: 39%;
    padding-right: 3%;
    margin-left: 51px;
}
.blog-qnhd{
    padding: 0px;
}
.blog-text-exp{
    margin-top: -6.5%;
    margin-left: 9%;
    width: 43%;
    font-size: 15px;
    padding-bottom: 16px;
}

.blog-text-exp2{
    margin-top: -9%;
    margin-left: 62%;
    width: fit-content;
    font-size: 4.5vw !important;
    text-align: right;
    padding-bottom: 14px;
    
}
.blog-esp3{
    padding-bottom: 15px;
    margin-top: -82px;
    margin-left: 14%;
}
    
.blog-texto-center-2{
    top: 23%!important;
}

.blog-absol-1{
    position: absolute;
    top:38%;
    left: 61%;
    font-family: Poppins;
    font-size: 17px;
    width: 157px;
}
.blog-absol-2{
    position: absolute;
    top:34%;
    left: 51%;
    font-family: Poppins;
    font-size: 17px;
    width: 157px;
}
.blog-absol-3{
    position: absolute;
    top: 13%;
    left: 11%;
    font-family: Poppins;
    font-size: 17px;
    width: 156px;
}
.blog-absol-4{
    position: absolute;
    top:20%;
    left: 8%;
    font-family: Poppins;
    font-size: 17px;
    width: 180px;
}
/*HOME*/
    h3{
        font-size: 3.7vw;
    }
}



@media (max-width:991px) {
img.blog-img-desktop {
display: none;
}
img.blog-img-mobile {
display: block!important;
}
.blog-texto-center-1{
    position: inherit;
    padding: 0px;
    margin: -1px;
    color: white;
    background-color: #2EB0F7;
    top: 0;
    transform: translateY(0px);
}
.blog-qnhd{
    padding: 20px;
}
.blog-pad50-0{
    padding: 10px;
}
.blog-bgs{
    background-size: cover!important;
}
.blog-bacc{
background-image: url('../images/blog-back-mob.png')!important;
     flex-direction: column;
}
  
    
.blog-como-ap{
    padding:40px 20px;
    text-align: center;
}

.blog-nuestro-prop{
    text-align: center;
    padding: 0px 15px 15px 15px;
}
.blog-como-apr{
    flex-direction: column;
}
.blog-como-apr2{
    flex-direction: column;
}
.blog-que-nos{
    margin-top: -20px;
}
.blog-qnhd p{
    font-size: 3vw!important;
}
.blog-clear-mob {
    clear: both;
}
.blog-text-exp{
    margin-top: -13.5%;
    margin-left: 9%;
    width: 45%;
    font-size: 1.8vw !important;
    padding-bottom: 4%;
}

.blog-text-exp2{
    left: 0%;
    margin-top: calc(-6% - 23px);
    margin-left: 59%;
    width: fit-content;
    font-size: 4vw !important;
    text-align: right;
    margin-bottom: 0px;
}
.blog-marg-1{
    padding: 0px 10%!important;
}
.blog-esp3{
    padding-bottom: 5px;
    margin-top: -9%;
    margin-left: 13%;
}
.blog-colum{
    flex-direction: column;
}
.blog-estre-amar{
    height: min-content;
    max-width: 25px;
}
.blog-fdcol{
    flex-direction: column;
    align-items: inherit!important;
}
.blog-myl{
    padding-left: 0px;
}
.blog-alt-estre{
    margin-top: -3%;
}
.blog-padnom{
    padding:0px;
}
.blog-top-imp-soc{
    margin-top: 0%!important;
}
.blog-mydir{
    font-size: 8vw;
    margin:30px;
}
.blog-mydirtext{
    font-size: 6vw;
    width: 85%;
}
.blog-tex-sli{
font-size: 2.55vw!important;
}
.blog-top-mob{
    margin:20px 15px; 
    padding-top: 20px;
}
.blog-top-blog{
    padding-bottom: 50px;
    margin-top: -100px;
}
.blog-tuh{
        width: 9vw;
}
.blog-bottex{
    font-size: 3vw;
}


    
    
    /*HOME*/
h2{
font-size: 7vw;
margin: 0px;
}
h3{
font-size: 7vw;
margin: 0px;
}
.blog-texto-center-5{
    top: 65%;
    left: 56%;
}
.blog-dona{
    left: 50%;
    top: 0px;
    transform: translatex(-50%);
}
.blog-text-left{
    text-align: left;
}
.blog-df-5{
    width: 67%;
}
.blog-mochila2{
position: relative;
text-align: center;
margin: 5px 34% 0px 0%;
}
.blog-texto-center-6{
    position: absolute;
    left: 50%;
    width: 100%;
    font-weight: 400;
}
.blog-apoya{
    margin: 24px 0%;
}
.blog-camp-5{
    font-size: 4vw;
}
.blog-cent-ver{
    margin-left: auto;
    margin-right: auto;
    width: 32vw;
}
.blog-ban-bot{
    margin-top: -5px;
    margin-left: -2px;
}
.blog-mar-cen{
    margin-left: auto;
    margin-right: auto;
}
.blog-size-img-2{
    margin: 0px;
    max-height: 150px;
    float: right!important;
}
.blog-pad0{
    padding: 0px;
}
.blog-fecha{
    font-size: 11vw;
}
.blog-texto-center-7{   
    width: fit-content;
}
.blog-subtit-glo{
    font-family: Gloria;
    font-size: 8vw;
    margin-top: -21px!important;
    line-height: 8vw;
}
.blog-non{
font-size: 3vw;
} 
.blog-cent{
    display: flex;
    justify-content: center;
    max-height: 100px;
    margin-top: 36px;
}
.blog-mx-tx{
    font-size: 4.5vw;
    padding: 20px 20%!important;
}
.blog-disp-flex{
     flex-direction: column;
}
.blog-fft{
    text-align:left;
    font-size:15px;
    font-weight:300;
}
.blog-foot{
    padding: 30px 60px 100px 60px;
}
.blog-aei{
    margin-left: 0px;
}
.blog-pad-fot{
    padding: 50px 0px 15px 15px;
}
.blog-cle{
    clear: both;
}
    
    

.blog-flex-prop{
    flex-direction: column-reverse;
    margin-top: 0px!important;
}

.blog-mis-vis{
    padding:0px;
    position: relative;
}
.blog-texto-center-2{
    position: inherit;
}
.blog-texto-center-3{
    margin: -1px;
    position: inherit;
    background-color: #61B82E;
    padding-bottom: 20px;
}
.blog-texto-center-4{
    margin: -1px;
    position: inherit;
    background-color: #61B82E;
}
.blog-mg-tp{
    margin-top: -2vh;
}
.blog-flex-mob{
     flex-direction: column;
}
.blog-flex-mob-inv{
     flex-direction: column-reverse;
}
.blog-size-img{
    margin: 0px;
    max-height: 150px;
}
.blog-circulo{
top: 50%;
left: 0%;
transform: translate(calc(-50% - 2px), -50%);      
}
.blog-linea-izq{
    border-right:none;
}
.blog-linea-der{
    border-left:none;
}
.blog-linea-mob{
    margin-left: 40px;
    border-left: dashed #F7CF1C 3px;
    padding-bottom: 80px;
}
.blog-pad{
    padding-bottom: 0px;
}
.blog-mar-top{
    margin-top: -60px;
    margin-left: 1px;
}
.blog-correct-px{
background-color: white;
    margin-top: -1px;
}
.blog-absol-1{
    position: absolute;
    top:32%;
    left: 62%;
    font-family: Poppins;
    font-size: 4vw;
    width: 30%;
}
.blog-absol-2{
    position: absolute;
    top: 16%;
    left: 53%;
    font-family: Poppins;
    font-size: 4vw;
    width: 30%;
}
.blog-absol-3{
    position: absolute;
    top:15%;
    left: 8%;
    font-family: Poppins;
    font-size: 3.4vw;
    width: 36%;
}
.blog-absol-4{
    position: absolute;
    top:12%;
    left: 11%;
    font-family: Poppins;
    font-size: 4vw;
    width: 30%;
}
.blog-pad-equip{
    padding: 0px 50px 20px 50px;
}
    
.blog-imagen-fondo-2{
    padding: 0px!important;
} 

}




@media (max-width: 767px){

/* estilo politica tratamiento de datos mobile*/
.Container_info_ppal {
    width: 100%;
    text-align: center;
}


/*texto destacado mobile*/
.subtit.color-bn.txt_just.txt_destacado_mobile {
    font-size: 17px;
}    

/*margen imagenes opcionales grateher share*/
.col-md-12.margen_opcional {
    margin: 5% 0;
}

    .blog-subtit {
        font-family: Poppins;
        font-size: 23px;
    }

    .blog-cuad-sm{
        padding: 30px 21%;
    }
    
    div#cont_formulario_aeiotu {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
}

    div#cont_formulario_aeiotu {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
}

li.media.mb-4.cont_comentarios {
    display: flex;
    background-color: #EDEDED;
    padding: 2%;
    border-radius: 16px;
    width: 100%;
    margin: 15px auto 15px auto;
}

li.media.mb-4.cont_comentarios {
    display: flex;
    background-color: #EDEDED;
    padding: 2%;
    border-radius: 16px;
    width: 100%;
    margin: 15px auto 15px auto;
}

form#commentform {
    width: 100%;
}

p.form-submit {
    width: 300px;
    margin: auto;
}

/*oculte la imagen principal del blog la mojana en mobile*/
img.image_ppal {
    width: 100%;
    display: none;
}

/*oculte la imagen de fondo en el podcast mobile*/
div#podcast {
    background-image: none;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #ffffff;
}

/*contenedor podcast de colores articulo 4*/
li.forma_podcast {
    width: 100%;
    border-radius: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 25px 0;
    flex-direction: column;
    height: 100%;
    padding: 5%;
}

/* ancho boton de play*/
img.ancho_play {
    width: 50%;
}

/* fecha mobile*/
h2.fecha_podcast {
    font-size: 1.5em;
    text-align: center;
}

/*texto podcast*/
p.texto_podcast {
    font-size: 1.5em;
    text-align: center;
    padding: 5%;
}

/*mostrar tira de botones mobile en pc */
.col-md-12.d-flex.pb-3.res_visual_mobile {
    display: flex;
}

/* esconder tira de botones pc en mobile*/
.col-md-12.d-flex.pb-3.res_visual_pc {
    display: none;
}

/*estilos de la tira de botones para mobile*/
.col-md-12.d-flex.pb-3.res_visual_mobile {
    display: flex;
    flex-direction: column;
}

/*ancho del campo nombre en mobile*/
.form-group.nombre {
    position: relative;
    right: 0px;
    float: left;
    width: 50%;
}

input#author {
    width: 98%;
}

/*ancho del campo texto en mobile*/
textarea#comment {
    width: 50%;
    height: 35px;
    float: right;
}

/*ancho y alinear contenido de barra de items*/
.bg_blue {
    background-color: #297DDB;
    width: 100%;
    height: 90px;
    border-radius: 26px;
    display: flex;
    justify-content: center;
    padding: 7px 5%;
    z-index: 3;
    align-items: center;
    margin-bottom: 10px;
}

.bg_yelow {
    background-color: #FCA300;
    height: 90px;
    border-radius: 25px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 7px 5%;
    z-index: 2;
    align-items: center;
    margin-left: 0px;
margin-bottom: 10px;
}

.bg_darkblue {
    background-color: #002A49;
    width: 100%;
    height: 90px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    padding: 7px 5%;
    z-index: 1;
    align-items: center;
    margin-left: 0px;
margin-bottom: 10px;
}

/*margen textos de los items barra colores mobile*/
p.white.p-5.m-5 {
    margin: 5px;
}

label.wp-comment-cookies-consent{
color:#000!important;
}

/*contenedor titulo maria adelaida*/
.cont_titulo_mobile {
display: block;
    position: absolute;
    width: 100%;
    height: 137px;
    /* background-color: aqua; */
    top: 15%;
}

p.titulo_mobile {
    font-family: 'Poppins';
    font-size: 2.5em;
    font-weight: 600;
    color: #F0308E;
}

img.logo_maria_mobile {
    width: 85px;
}

p.Subtitulo_mobile {
    font-family: 'Poppins';
    font-size: 1.5em;
    font-weight: 600;
    line-height: 7px;
}

p.nombre_directora {
    font-family: 'Poppins';
    line-height: 1em;
    margin-top: 5px;
    font-size: 1em;
    font-weight: 700;
    color: #f0308e;
}

p.cargo_directora {
    color: #f0308e;
}

img.img-responsive.img-mobile.esconder_pc {
    margin: 10% 0 0 0;
}

}

@media (min-width: 767px) and (max-width: 992px) {
/*mostar la imagen mobile*/
img.ancho_completo.img-mobile {
    display: block;
}
  
    h2{
        font-size: 5vw;
    }
    .text-tall{
        font-size: 1.7vw;
    }
    
    div#cont_formulario_aeiotu {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
}

li.media.mb-4.cont_comentarios {
    display: flex;
    background-color: #EDEDED;
    padding: 2%;
    border-radius: 16px;
    width: 100%;
    margin: 15px auto 15px auto;
}

form#commentform {
    width: 100%;
}

p.form-submit {
    width: 300px;
    margin: auto;
}

/*oculte la imagen principal del blog la mojana en mobile*/
img.image_ppal {
    width: 100%;
    display: none;
}

/*oculte la imagen de fondo en el podcast mobile*/
div#podcast {
    background-image: none;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #ffffff;
}


/*contenedor podcast de colores articulo 4*/
li.forma_podcast {
    width: 100%;
    border-radius: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 25px 0;
    flex-direction: column;
    height: 100%;
    padding: 5%;
}

/* ancho boton de play*/
img.ancho_play {
    width: 50%;
}

/* fecha mobile*/
h2.fecha_podcast {
    font-size: 1.5em;
    text-align: center;
}

/*texto podcast*/
p.texto_podcast {
    font-size: 1.5em;
    text-align: center;
    padding: 5%;
}


/*mostrar tira de botones mobile en pc */
.col-md-12.d-flex.pb-3.res_visual_mobile {
    display: flex;
}

/* esconder tira de botones pc en mobile*/
.col-md-12.d-flex.pb-3.res_visual_pc {
    display: none;
}

/*estilos de la tira de botones para mobile*/
.col-md-12.d-flex.pb-3.res_visual_mobile {
    display: flex;
    flex-direction: column;
}

/*ancho del campo nombre en mobile*/
.form-group.nombre {
    position: relative;
    right: 0px;
    float: left;
    width: 50%;
}

input#author {
    width: 98%;
}

/*ancho del campo texto en mobile*/
textarea#comment {
    width: 50%;
    height: 35px;
    float: right;
}


/*ancho y alinear contenido de barra de items*/
.bg_blue {
    background-color: #297DDB;
    width: 100%;
    height: 90px;
    border-radius: 26px;
    display: flex;
    justify-content: center;
    padding: 7px 5%;
    z-index: 3;
    align-items: center;
    margin-bottom: 10px;
}

.bg_yelow {
    background-color: #FCA300;
    height: 90px;
    border-radius: 25px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 7px 5%;
    z-index: 2;
    align-items: center;
    margin-left: 0px;
margin-bottom: 10px;
}

.bg_darkblue {
    background-color: #002A49;
    width: 100%;
    height: 90px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    padding: 7px 5%;
    z-index: 1;
    align-items: center;
    margin-left: 0px;
margin-bottom: 10px;
}


/*margen textos de los items barra colores mobile*/
p.white.p-5.m-5 {
    margin: 5px;
}

label.wp-comment-cookies-consent{
color:#000!important;
}

img.img-responsive.img-mobile.esconder_pc {
    margin: 10% 0 0 0;
}

}