:root {
  --color-principal:#470f9b;


}

html {
    margin: 0;
    padding: 0;
	scroll-behavior: smooth;
        background-image: url("img/fondo.jpg");
    background-repeat: repeat;
    }

body{
    margin: 0;
    padding: 0;
	scroll-behavior: smooth;
    background-image: url("img/fondo.jpg");
    background-repeat: repeat;
    }

a{
    text-decoration: none;
    color:#f03400;
}

a:hover {
    text-decoration:underline;
    color:#d300a2;
}

a:visited{
    color:#5C00D3;
}

@font-face {
    font-family: 'Sister Spray Ac';
    src: url('fonts/SisterSprayAcRegular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* CÓDIGO PARA LOADER INICIAL */


body.loading {
    overflow: hidden;
}

#loader {
    position: fixed;
    inset: 0;
    background: #000; /* your background color */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999; /* very high to stay on top */
    transition: opacity 0.6s ease, visibility 0.6s ease;
}

#loader.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.spinner {
    width: 60px;
    height: 60px;
    border: 6px solid rgba(122, 0, 244, 0.2);
    border-top: 6px solid rgb(122, 0, 244);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}


@keyframes spin {
    to { transform: rotate(360deg); }
}

/* FIN DE CÓDIGO PARA LOADER INICIAL*/

/*PORTADA*/

#barraLogo{
    width:100%;
    height:auto;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
}

.barraLogoBoton{
    width:100%;
    height:auto;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
}

.imgWholePortada{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; /* Stacks the images vertically */
    justify-content: end;
    position: absolute;
    height:auto;
    z-index: 10;
    top:0;
    bottom:0;
    overflow: hidden;
}

#categoriaArticulo{
background-color: rgb(248 70 0 / 70%);
padding-top:1px;
padding-bottom:1px;
padding-right: 10px;
padding-left: 10px;
width: fit-content;
}

#creditoArticulo{
width:100%;
}
   
 .botonMenu p{
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    color:white;
    font-size: 1.2em;
    text-align: center;
    margin:0;
    text-decoration: none;
    padding:5px 15px 3px 15px;
 }

 .botonMenu :hover{
    background-color: #d300a2;
    text-decoration: none;
}

.seccionTexto{
    width:100%;
    display: flex;
    background-image: url("img/fondo.jpg");
    background-repeat: repeat;
    justify-content: center;
    flex-wrap: wrap;
}

.boxSeccionTexto{
    width:100%;
    display: flex;
    flex-wrap: nowrap;
}

/* IMAGEN ANCHO ENTERO */

.imgWholeRemate{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; /* Stacks the images vertically */
    justify-content: space-between; 
    position: absolute;
    height:auto;
    z-index: 10;
    top:0;
    bottom:0;
    overflow: hidden;
}

.imgWholeWidth1{
    width:100%;
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    background-image: url(img/pared1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
}

/* FIN IMAGEN ANCHO ENTERO */

/* BOX RESAALTE ANCHO ENTERO */
.seccionBoxResalteCompleta{
    width:100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: center;
}

.boxResalteCompleta{
    width:80%;
    height: fit-content;
    display: block;
    background-image: url("img/fondoNotas.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 2px 0px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075)
    ;
     transform: rotate(.5deg);
       padding-top: 3rem;
  padding-bottom: 2rem;
  margin-bottom: 5%;
}

.boxResalteCompleta p{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  margin-bottom: 1rem;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    color:#542D8D;
}

.boxResalteCompleta p:first-child {
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  font-size: 1.3rem;
  line-height: 2rem;
  text-align: center;
  margin-top: 0rem;
  margin-bottom: 0rem;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}
/* BOX RESAALTE ANCHO ENTERO */

.credito2{
  width: 80%;
  font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: .9rem;
  line-height: 1.6rem;
  text-align: center;
  margin: auto;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

/* FOOTER */


#logoAvispaFooter img{
    width:100%;
    height:auto;
}

.caja_tabla_redes2{
	width:100%;
	margin-top:25px;
	margin-bottom:30px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.caja_tabla_redes3{
	width:300px;
	display:flex;
	  align-items: center;
  justify-content: center;
}

.caja_tabla_redes3 div{
	width:50px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.caja_apoyanos{
	width:100%;
	display:flex;
	 align-items: center;
  justify-content: center;
}	

.apoyanos_footer{
	max-width:100%;
	margin: 0 auto;
}

.caja_creditos{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
width:100%;	
}

.creditos2{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
}

.frase_final{
	width:100%;
	display:flex;
		flex-wrap:wrap;
	margin-bottom:20px;
	  align-items: center;
  justify-content: center;
}

/* FIN FOOTER */


/* MODAL OVERLAY */

         /* Overlay de pantalla completa */
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100dvw;
            height: 100dvh;
            background: rgba(211, 0, 162, 0.2);
            display: none; /* Oculto por defecto */
            justify-content: center;
            align-items: center;
            z-index: 9999;
            backdrop-filter: blur(5px); /* Efecto de desenfoque de fondo */
        overflow-y: auto;
        }


        @keyframes fadeIn {
            from { opacity: 0; transform: scale(0.9); }
            to { opacity: 1; transform: scale(1); }
        }


        .close-btn:hover {
            color: #ff0000;
        }


        .close-btn {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 30px;
            color: #888;
            text-decoration: none;
            line-height: 1;
            transition: color 0.2s;
        }

        .cajaArticulosMenuGral{
            width:90%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

/* FIN MODAL OVERLAY */

/* FRASE ENTRADA */ 
.boxFraseEntrada{
    width:100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    opacity: .8;
}

.fraseEntrada{
    width:100%;
            font-family:"Roboto Serif", serif;
            font-weight: 400;
            font-style: normal;
            font-size: .9rem;
            line-height: 2rem;  
		text-align:center;
color:black;
padding-left: 5%;
padding-right: 5%;
margin-bottom: 0;
margin-top: 25px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

.fraseEntradaBold{
        width:40%;
            font-family:"Roboto Serif", serif;
            font-optical-sizing: auto;
            font-weight: 500;
            font-style: italic;
            font-size: 1rem;
            line-height: 1.6rem;  
		text-align:center;
color:black;
padding-left: 5%;
padding-right: 5%;
margin-bottom: 0;
margin-top: -.5rem;
text-decoration: underline;
}

/* FIN FRASE ENTRADA */

@-webkit-keyframes pulsoNotas-kf {
  from { opacity: .9; transform: scale(.95); }
  to   { opacity: 1;  transform: scale(1); }
}

.pulsoNotas {
    -webkit-animation: pulsoNotas-kf 1.5s ease-in-out infinite alternate;
}


/* CAJA COMENTARIOS */

.comentarios-wp-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden; /* Evita scrolls rebeldes en móvil */
}

.comentarios-iframe {
    width: 1px; /* Truco técnico: obliga al resizer a calcular desde el mínimo */
    min-width: 100%; 
    border: none;
    display: block;
}

/* FIN CAJA COMENTARIOS*/ 

.cajaSubtitulo{
    width:100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cajaAudioDescripcion{
    width:90%;
    margin-left: auto; 
    margin-right: auto; 
    }

.cajaAudioDescripcion p{
    color:var(--color-principal);
        font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    margin-bottom: 2rem;
        -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }

@media screen and (min-width: 320px){
 
        .imgLinkGral{
            width:70%;
            margin-top: 0vh;
            margin-bottom: 3vh;
        }

    /** PORTADA */


.imgWholePortada img{
    width:200%;
    position: relative;
    height:auto;
    left: 50%;
    transform: translateX(-50%);
        margin-bottom: -1px;
}


    #creditoArticulo p{
    font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
    font-size: .9em;
    line-height: 1em;
    text-align: right;
    margin: 0;
    }   

    #tituloArticulo{
        width:90%;
    }

    #tituloArticulo p{
        font-family: 'Sister Spray Ac', serif; 
    font-size: 1rem;
    line-height: 2.2rem;  
        text-align: right;
        color:black;
        margin-bottom: 0;
    text-shadow: 4px 1px 0px #fff;
    }

    #categoriaArticulo p{
    font-family: "Roboto Serif", serif;
    font-weight: 500;
    font-style: bold;
    font-size: .9rem;
    line-height: 0rem;  
    text-align: center;
    color:white;
    
    }

    #ilustracionPortadaMovil{
        width:100%;
        margin-top: 0vh;
        margin-bottom: 4.5rem;
    }

    #portadaIzq{
        width:100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background-image: url(img/tituloFondoMovil.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
    padding-left: 0vw;
    padding-right: 0vw;
    margin-bottom: 0vh;
    padding-top:2vh;
    flex: 1;
    align-items: center;
    padding-bottom: 1rem;
    }

   .barraLogoBoton img{
        width:40%;
        margin-top: 1vh;
        margin-bottom: 1vh;
    }

    #portadaDer{
        width:100%;
        display: flex;
        justify-content:right;
        align-items: start;
    position: relative;
    }

    #contenedorPortadaFoto{
        width:100%;
        display: flex;
        justify-content: center;
        align-items: end;
        margin-left: auto;
        flex-direction: column;
    }

    #contenedorPortadaInfo{
        width:100%;
        display: flex;
        flex-wrap: nowrap;
        position: relative;
        height:auto;
        z-index: 20;
        justify-content: end;
        align-items: end;
    flex-direction: column;
    }

    #portadaInfo{
        width:100%;
        display: flex;
        justify-content: right;
        flex-wrap: wrap;
        padding-right: 6vw;
        z-index: 100;
    }

    #ilustracionSnip{
        width:100%;
        margin-right: 0%;
        margin-bottom: -8vh;
        overflow: hidden;
        position: relative;
        top: 0vh;
        margin-top: -4vh;
    }

    #ilustracionSnip img{
        width:100%;
    position: relative;
    right: 0%;
    left:-20%;
    }

    .botonMenu {
        display: block;
        position: relative;
        background-color: #5C00D3;
        margin-top: 2vh;
        margin-bottom: 0vh;
    }   

    .portada{
        width:100%;
        display: none;
        position: relative;
        flex-wrap: nowrap;
        background-image: url(img/pared1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        justify-content: center;
    }

    .portadaMovil{
        width:100%;
        display: flex;
        position: relative;
        flex-wrap: nowrap;
        background-image: url(img/pared1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        justify-content: center;
    }

    /* END PORTADA */


    /* SECCION TEXTO */

    .boxSeccionTextoLateralTop{
        width:0%;
        display: flex;
        flex-wrap: nowrap;
        align-items: start;
        justify-content:start;
    }

    .boxSeccionTextoLateralTop img{
        width:50%;
        display:none;
    }

    .boxSeccionTextoLateralTop2{
        width:0%;
        display: none;
        flex-wrap: nowrap;
        align-items: start;
        justify-content:start;
    }

    .boxSeccionTextoLateralBttm{
        width:0%;
        display: flex;
        flex-wrap: nowrap;
        align-items: end;
        justify-content: end;
    }

    .boxSeccionTextoLateralBttm img{
        width:55%;
        display:none;
    }

     .boxSeccionTextoLateralBttm2{
        width:0%;
        display: none;
        flex-wrap: nowrap;
        align-items: end;
        justify-content: end;
    }   

    .boxSeccionTextoMiddle{
        width:100%;
    }

    .boxSeccionTextoMiddle p{
        width: 84%;
    font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin: auto;
    font-size: 1.1rem;
    line-height: 2.2rem;  
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: justify;
    margin-left: 8%;
    margin-right: 8%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }

    .boxSeccionTextoMiddleSubtitulo{
        width:100%;
    }

    .boxSeccionTextoMiddleSubtitulo p{
        width: 84%;
    font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin: auto;
    font-size: 1.1rem;
    line-height: 2.2rem;  
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: justify;
    margin-left: 8%;
    margin-right: 8%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }

.boxSeccionTextoMiddleSubtitulo p:first-child {
    margin-top: 1rem;
     -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }    

        .credito1{
    width: 100%;
    font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
    font-size: .9rem;
    line-height: 2rem;
    text-align: center;
        -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }

    .subtituloArticulo{
        width:90%;
       font-family: 'Sister Spray Ac', serif; 
  font-size: .8rem;
  line-height: 2.2rem;  
    text-align: center;
      color:black;
    margin-bottom: 0;
    margin-top: 5vh;
    word-spacing: 10px;
}

    /* END SECCION TEXTO*/


    /* PEELS SECCION 1 MOVILES */

    .imgPeelIzq1{
        display: block;
    float: left; /* Text will wrap on the right side */
    width: 25%; /* Set dimensions for the image */
    height: auto;
    shape-outside: url("img/peelIzq2.png"); /* Reference the same image URL */
    shape-image-threshold: 0; /* Pixels > 50% opacity define the shape boundary */
    shape-margin: 6vw; /* Add some space between the text and the image */
    }

    .imgPeelDer1{
        display: block;
    float: right; /* Text will wrap on the right side */
    width:25%; /* Set dimensions for the image */
    height: auto;
    shape-outside: url("img/peelDer2.png"); /* Reference the same image URL */
    shape-image-threshold: 0; /* Pixels > 50% opacity define the shape boundary */
    shape-margin: 6vw; /* Add some space between the text and the image */
    }

    /* END PEELS SECCION 1 MOVILES */

    /* IMAGEN ANCHO ENTERO */
        #fotoPapel1{
        width:98%;
        margin-top: 15vw;
        margin-bottom: 15vw;
        position: relative;
        top: 1px;
    }
        #fotoPapelVertical{
        width:95%;
        margin-top: 15%;
        margin-bottom: 16%;
        position: relative;
        top: 1px;
    }

.imgWholeTop{
width:200%;
    position: relative;
    height:auto;
    left: 50%;
  transform: translateX(-50%);
overflow: hidden ;
    margin-top: -1px;
}

.imgWholeBttm{
    width:200%;
    position: relative;
    height:auto;
    left: 50%;
  transform: translateX(-50%);
overflow: hidden ;
margin-bottom: -1px;
}

    /* FIN IMAGEN ANCHO ENTERO */

    /* CARTEL VIDEO */

    .cajaCartelVideo{
        width:95%;
        margin-top: 15vw;
        margin-bottom: 15vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background-image: url("img/fondoNotas.jpg");
        background-repeat: repeat;
        background-size: 100% 100%;
        z-index:500 ;
    }

    .cajaVideo{
        width:95%;
        margin-top: 0vh;
        margin-bottom: 2vh;
    }

    .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    margin-top: 2vh;
    margin-bottom: 0vh;
    }

    .video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
    }

    .cajaVideoDescripcion{
        width:90%;
    }

    .cajaVideoDescripcion p{
        font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
    font-size: 1rem;
    line-height: 2rem;
    text-align: center;
    margin-bottom: 4vh;
        -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    color: #542D8D;
    }

    /* FIN CARTEL VIDEO */

    
/* TEXTO AND BOX DE RESALTE */
.seccionTextoAndBox{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.lateralBoxResalte1{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.lateralBoxResalte2{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.boxResalte{
    width:90%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-image: url("img/fondoNotas.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 2px 0px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075)
    ;
     transform: rotate(-1deg);
}

.boxResalte p{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  margin-bottom: 5vh;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
        color:#542D8D;
  }

 .boxResalte p:first-child{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  font-size: 1.3rem;
  line-height: 2rem;
  text-align: center;
  margin-top: 5vh;
  margin-bottom: 0vh;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
  } 

.textoLateralBoxResalte{
    width:100%;
    padding-left: 8%;
    padding-right: 8%;
    display: block;
    margin-top: 3%;
}

.textoLateralBoxResalte p{
    font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: auto;
  font-size: 1.1rem;
  line-height: 2.2rem;  
  margin-top: 1.5rem;
  margin-bottom: 0rem;
  text-align: justify;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

/* FIN TEXTO AND BOX DE RESALTE */


/* TEXTO AND BOX DE RESALTE INVERTED */

  .seccionTextoAndBoxInverted{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

  .boxResalteInverted{
    width:90%;
    height: fit-content;
    display: block;
    background-image: url("img/fondoNotas.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 2px 0px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075)
    ;
     transform: rotate(1deg);
     margin-bottom: 10%;
}

.boxResalteInverted p{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
        color:#542D8D;
  }

 .boxResalteInverted p:first-child{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  font-size: 1.3rem;
  line-height: 2rem;
  text-align: center;
margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    color:#542D8D;
  } 

.textoLateralBoxResalteInverted{
    width:100%;
    padding-left: 8%;
    padding-right: 8%;
    display: block;
}

.textoLateralBoxResalteInverted p{
    font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: auto;
  font-size: 1.1rem;
  line-height: 2.2rem;  
  margin-top: 0vh;
  margin-bottom: 1.5rem;
  text-align: justify;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

/* FIN TEXTO AND BOX DE RESALTE INVERTED */


/* SECCION AUDIO */

.cajaAudio2{
    width:90%;
    padding-top: 2.5rem;
    display: block;
    background-image: url("img/fondoNotas.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 4px 4px hsl(0deg 0% 0% / 0.075)
    ;
    margin-left: auto; 
    margin-right: auto; 
    padding-bottom: 1px;
}
    .seccionAudio{
        width:100%;
        display: block;
        margin-bottom: 1%;
        margin: 0 auto;
    }

    .boxSeccionAudio p{
          width: 100%;
  font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1.1rem;
  line-height: 1.5rem;
  text-align: center;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    color:#542D8D
    }

    .boxSeccionAudio{
        width:85%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background-image: url("img/fondoNotas.jpg");
        background-repeat: repeat;
        background-size: 100% 100%;
        flex-direction: column;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 3%;
        padding-bottom: 1%;
            box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 2px 0px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075)
    ;
     transform: rotate(-1deg);
             padding-top: 7%;
             justify-content: center;
    }

    
    .boxReproductor{
    width:100%;
    display: block; 
}

.boxReproductor audio{
    width:90%;
    display: block;
    margin-left: auto; 
    margin-right: auto; 
}

/* FIN SECCION AUDIO */

/* FOOTER */

.footer{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  width:100%;
     background-image: url("img/fondo3.jpg");
    background-repeat: repeat;
    justify-content: center;
    margin-top: 50px;
}

.creditos{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 0px;
}

.caja_creditos img{
width:70%;	
margin-right: 4vw;
margin-bottom: 40px;
}

.creditos_texto_2{
	width:100%;
            font-family: "Roboto Serif", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
            font-size: .9rem;
            line-height: 1.5rem;  
		text-align:center;
color:white;
padding-left: 5%;
padding-right: 5%;
margin-bottom: 0px;
margin-top: 25px;
    -webkit-hyphens:none;
    -ms-hyphens:none;    
    hyphens:none;  
}

.creditos_texto_2 p{
margin-top:0;
margin-bottom:0.2rem;
}

.creditos_texto_2 p:first-child{
margin-top:0;
margin-bottom:.5rem;
            font-weight: 600;
            font-style: normal;
            font-size: 1.1rem;
}

.creditos_texto{
            font-family: "Roboto Serif", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
            font-size: 1rem;
            line-height: 1.5rem;  
	color:white;
	margin:auto;
    text-align: center;
    padding-left: 5%;
padding-right: 5%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

.frase_final p{
	text-align:center;
	color:white;
	font-family:sans-serif;
	font-size:.8rem;
	margin:auto;
	line-height:1.2rem;
    padding-left: 5%;
padding-right: 5%;
}

.caja_apoyanos a{
	width:90%;
}

    .caja_logo_footer{
	width:100%;
		display:flex;
	  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

#logoAvispaFooter{
    width:70%;
    height:auto;
}

/* FIN FOOTER */

/* MODAL OVERLAY */

        .modal-content {
            background: white;
                background-image: url("img/fondoNotas.jpg");
            background-repeat: no-repeat;
            background-size: 100% 100%;
            padding: 40px 30px;
            width: 80%;
            text-align: center;
            position: relative;
            animation: fadeIn 0.4s ease-out;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            box-shadow: 0 10px 25px rgba(0,0,0,0.3);
            max-height: 70dvh;
            overflow-y: scroll;
        }


                .cajaArticulosMenuGral a{
            width:100%;
            margin-top: .7rem;
            margin-bottom: .7rem;
            font-family: "Roboto Serif", serif;
            font-weight: 500;
            font-style:normal;
            font-size: 1em;
            text-align: center;
            line-height: 1.2rem;
        }

        .cajaArticulosMenuGral p{
            width:100%;
            margin-top: .7rem;
            margin-bottom: .7rem;
            font-family: "Roboto Serif", serif;
            font-weight: 600;
            font-style:normal;
            font-size: 1em;
            text-align: center;  
            line-height: 1.2rem;          
        }

/* FIN MODAL OVERLAY */

/* FRASE ENTRADA */
.fraseEntradaBold{
        width:90%;
            font-family:"Roboto Serif", serif;
            font-optical-sizing: auto;
            font-weight: 500;
            font-style: italic;
            font-size: 1rem;
            line-height: 1.6rem;  
		text-align:center;
color:black;
padding-left: 5%;
padding-right: 5%;
margin-bottom: 0;
margin-top: -.5rem;
text-decoration: underline;
}
/* FIN FRASE ENTRADA */

}


@media screen and (min-width: 650px){

                .imgLinkGral{
            width:40%;
            margin-top: 0vh;
            margin-bottom: 3vh;
        }

.imgWholePortada img{
    width:100%;
    position: relative;
    height:auto;
    margin-bottom: -1px;
}


    /* PORTADA */

    #creditoArticulo p{
    font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
    font-size: .9em;
    line-height: 1em;
    text-align: left;
    }

    #tituloArticulo{
        width:80%;
    }

    #tituloArticulo p{
        font-family: 'Sister Spray Ac', serif; 
    font-size: 1rem;
    line-height: 2rem;  
        text-align: left;
        color:black;
        margin-bottom: 0;
    }

    #categoriaArticulo p{
    font-family: "Roboto Serif", serif;
    font-weight: 500;
    font-style: bold;
    font-size: .9rem;
    line-height: 0rem;  
    text-align: center;
    color:white;
    }

    #contenedorPortadaFoto img{
        width:98%;
        margin-top: 3vh;
        margin-bottom: 8vh;
    }

    #portadaIzq{
        width:50%;
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        background-image: url(img/tituloFondo.png);
    background-size: 95% 100%;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: left;
    padding-left: 3vw;
    margin-bottom: 4vh;
    flex: 1;
    padding-right: 0;
    align-items: start;
    padding-top: 0;
    padding-bottom: 1rem;
    }

    .barraLogoBoton img{
        width:12%;
        margin-top: 1vh;
        margin-bottom: 1vh;
    }

    #portadaDer{
        width:50%;
        display: flex;
        justify-content:right;
        align-items: end;
        flex: 1;
        position: relative;
        top: -7vh;
    }

    #contenedorPortadaFoto{
        width:70%;
        height:auto;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
    }

    #contenedorPortadaInfo{
        width:100%;
        display: flex;
        flex-wrap: nowrap;
        position: absolute;
        height:auto;
        z-index: 20;
        justify-content: end;
        align-items: end;
        top: 0;
    bottom: 0;
    flex-direction:row;
    }

    #portadaInfo{
        width:100%;
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
        padding-right: 0vw;
    }

    #ilustracionSnip{
        width:90%;
        margin-right: 0%;
        margin-bottom: 0vh;
        overflow: hidden;
        position: relative;
        top: 2vh;
    }

    #ilustracionSnip img{
        width:100%;
    position: relative;
    right: -22%;
        left:initial;
    }

    .botonMenu {
        display: block;
        position: relative;
                background-color: #5C00D3;
                margin-top: 2vh;
                margin-bottom: 0vh;
    }   

    .portada{
        width:100%;
        display: flex;
        position: relative;
        flex-wrap: nowrap;
        background-image: url(img/pared1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        justify-content: center;
    }

    .portadaMovil{
        width:100%;
        display: none;
        position: relative;
        flex-wrap: nowrap;
        background-image: url(img/pared1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        justify-content: center;
    }

    /* END PORTADA */


    /* SECCION TEXTO */
    .boxSeccionTextoLateralTop{
        width:20%;
        display: flex;
        flex-wrap: nowrap;
        align-items: start;
        justify-content:start;
    }

    .boxSeccionTextoLateralTop img{
        width:50%;
        display:block;
    }

    .boxSeccionTextoLateralBttm{
        width:20%;
        display: flex;
        flex-wrap: nowrap;
        align-items: end;
        justify-content: end;
    }

    .boxSeccionTextoLateralBttm img{
        width:55%;
        display:block;
    }

    .boxSeccionTextoLateralTop2{
        width:20%;
        display: flex;
        flex-wrap: nowrap;
        align-items: start;
        justify-content:start;
    }

    .boxSeccionTextoLateralTop2 img{
        width:50%;
        display:block;
    }

    .boxSeccionTextoLateralBttm2{
        width:20%;
        display: flex;
        flex-wrap: nowrap;
        align-items: end;
        justify-content: end;
    }

    .boxSeccionTextoLateralBttm2 img{
        width:55%;
        display:block;
    }

    .boxSeccionTextoMiddle{
        width:60%;
    }

    .boxSeccionTextoMiddle p{
        width: 100%;
    font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin: auto;
    font-size: 1.1rem;
    line-height: 2.2rem;  
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: justify;
    margin-left: 0%;
    margin-right: 0%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }

    .boxSeccionTextoMiddleSubtitulo{
        width:60%;
    }

    .boxSeccionTextoMiddleSubtitulo p{
        width: 100%;
    font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin: auto;
    font-size: 1.1rem;
    line-height: 2.2rem;  
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: justify;
    margin-left: 0%;
    margin-right: 0%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }

    .boxSeccionTextoMiddleSubtitulo p:first-child {
    margin-top: 1.5rem;
        -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }   

    .credito1{
    width: 87%;
    font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
    font-size: .9rem;
    line-height: 2rem;
    text-align: right;
    }

    .subtituloArticulo{
        width:80%;
       font-family: 'Sister Spray Ac', serif; 
  font-size: 1.1rem;
  line-height: 3rem;  
    text-align: center;
      color:black;
    margin-bottom: 0;
        margin-top: 4vh;
    word-spacing: 12px;
    }

    /* */

    /* PEELS SECCION 1 MOVILES */

    .imgPeelIzq1{
        display: none;
    }

    .imgPeelDer1{
        display: none;
    }
    
    /* END PEELS SECCION 1 MOVILES */

    /* IMAGEN ANCHO ENTERO */

    #fotoPapel1{
        width:90%;
        margin-top: 7vh;
        margin-bottom: 7vh;
        position: relative;
        top: 1px;
    }

    #fotoPapelVertical{
        width:50%;
        margin-top: 10vh;
        margin-bottom: 10vh;
        position: relative;
        top: 1px;
    }

.imgWholeTop{
    width:100%;
    position: relative;
    height:auto;
        margin-top: -1px;
}

.imgWholeBttm{
    width:100%;
    position: relative;
    height:auto;
    margin-bottom: -1px;
}

    /* FIN IMAGEN ANCHO ENTERO */

    
    /* CARTEL VIDEO */

    .cajaCartelVideo{
        width:80%;
        margin-top: 10vh;
        margin-bottom: 10vh;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background-image: url("img/fondoNotas.jpg");
        background-repeat: repeat;
        background-size: 100% 100%;
    }

    .cajaVideo{
        width:90%;
        margin-top: 2vh;
        margin-bottom: 2vh;
    }

    .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    margin-top: 0vh;
    margin-bottom: 0vh;
    }

    .video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
    }

    .cajaVideoDescripcion{
        width:90%;
    }

    .cajaVideoDescripcion p{
        font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
    font-size: 1rem;
    line-height: 2rem;
    text-align: center;
    margin-bottom: 5vh;
        -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }

    /* FIN CARTEL VIDEO */


/* TEXTO AND BOX DE RESALTE */
.seccionTextoAndBox{
    width:100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.lateralBoxResalte1{
    width:40%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.lateralBoxResalte2{
    width:60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.boxResalte{
    width:90%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-image: url("img/fondoNotas.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 2px 0px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075)
    ;
     transform: rotate(-1deg);
}

.boxResalte p{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  margin-bottom: 5vh;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
  }

 .boxResalte p:first-child{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  font-size: 1.3rem;
  line-height: 2rem;
  text-align: center;
  margin-top: 5vh;
  margin-bottom: 0vh;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
  } 


.textoLateralBoxResalte{
    width:100%;
    padding-left: 5%;
    padding-right: 10%;
    display:block;
    margin-top: 0%;
}

.textoLateralBoxResalte p{
    font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1rem;
  line-height: 2.2rem;  
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: justify;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

/* FIN TEXTO AND BOX DE RESALTE */

/* TEXTO AND BOX DE RESALTE INVERTED */

  .seccionTextoAndBoxInverted{
    width:100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
}

  .boxResalteInverted{
    width:90%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-image: url("img/fondoNotas.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 2px 0px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075)
    ;
     transform: rotate(1deg);
     padding-bottom: 1.5rem;
     margin-bottom: 0%;
}

.boxResalteInverted p{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  margin-bottom: .5rem;
  margin-top: .5rem;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
  }

 .boxResalteInverted p:first-child{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  font-size: 1.3rem;
  line-height: 2rem;
  text-align: center;
  margin-top: 5vh;
  margin-bottom: 0vh;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
  } 

.textoLateralBoxResalteInverted{
    width:100%;
    padding-left: 10%;
    padding-right: 5%;
    display: block;
}

.textoLateralBoxResalteInverted p{
    font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: auto;
  font-size: 1.1rem;
  line-height: 2.2rem;  
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: justify;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

/* FIN DE TEXTO AND BOX DE RESALTE INVERTED */


/* SECCION AUDIO */

.cajaAudio2{
    width:60%;
    padding-top: 2.5rem;
    display: block;
    background-image: url("img/fondoNotas.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 4px 4px hsl(0deg 0% 0% / 0.075)
    ;
    margin-left: auto; 
    margin-right: auto; 
    padding-bottom: 1px;
}

    .seccionAudio{
        width:100%;
        display: block;
        margin-bottom: 1%;
        margin: 0 auto;
    }

    .boxSeccionAudio p{
          width: 100%;
  font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1.1rem;
  line-height: 2rem;
  text-align: center;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }

    .boxSeccionAudio{
        width:auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background-image: url("img/fondoNotas.jpg");
        background-repeat: repeat;
        background-size: 100% 100%;
        flex-direction: column;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 3%;
        padding-bottom: 1%;
            box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 2px 0px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075)
    ;
     transform: rotate(-1deg);
    }

        .boxReproductor{
    width:100%;
    display: block; 
}

.boxReproductor audio{
    width:80%;
    display: block;
    margin-left: auto; 
    margin-right: auto; 
}


/* FIN SECCION AUDIO */

/* FOOTER */

.footer{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  width:100%;
     background-image: url("img/fondo3.jpg");
    background-repeat: repeat;
    justify-content: center;
    margin-top: 80px;
}

.creditos{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 0px;
}

.caja_creditos img{
width:35%;	
margin-right: 4vw;
margin-bottom: 40px;
}

.creditos_texto_2{
	width:100%;
            font-family: "Roboto Serif", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
            font-size: 1rem;
            line-height: 1.5rem;  
		text-align:center;
color:white;
padding-left: 5%;
padding-right: 5%;
margin-bottom: 0;
margin-top: 25px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

.creditos_texto_2 p{
margin-top:0;
margin-bottom:0;
}

.creditos_texto_2 p:first-child{
margin-top:0;
margin-bottom:0;
            font-weight: 600;
            font-style: normal;
            font-size: 1.2rem;
}

.creditos_texto{
            font-family: "Roboto Serif", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
            font-size: 1rem;
            line-height: 1.5rem;  
	color:white;
	margin:auto;
    text-align: center;
    padding-left: 5%;
padding-right: 5%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

.frase_final p{
	text-align:center;
	color:white;
	font-family:sans-serif;
	font-size:.9rem;
	margin:auto;
	line-height:1.4rem;
    padding-left: 5%;
padding-right: 5%;
}



.caja_logo_footer{
	width:100%;
		display:flex;
	  align-items: center;
  justify-content: center;
  margin-top: 4rem;
}

.caja_apoyanos a{
	width:55%;
}

#logoAvispaFooter{
    width:35%;
    height:auto;
}


/* FIN FOOTER */

}  

@media screen and (min-width: 768px) and (orientation: landscape) {

        .imgLinkGral{
            width:20%;
            margin-top: 0vh;
            margin-bottom: 3vh;
        }

.imgWholePortada img{
    width:100%;
    position: relative;
    height:auto;
        margin-bottom: -1px;
}


/* PORTADA */

#creditoArticulo p{
  font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: .9em;
  line-height: 1em;
  text-align: left;
}

#tituloArticulo{
    width:80%;
}

#tituloArticulo p{
       font-family: 'Sister Spray Ac', serif; 
font-size: 1rem;
        line-height: 2rem;
    text-align: left;
      color:black;
    margin-bottom: 0;
}

#categoriaArticulo p{
font-family: "Roboto Serif", serif;
  font-weight: 500;
  font-style: bold;
  font-size: .9rem;
  line-height: 0rem;  
  text-align: center;
  color:white;
}

#contenedorPortadaFoto img{
    width:98%;
    margin-top: 3vh;
    margin-bottom: 14vh;
}

#portadaIzq{
    width:50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    background-image: url(img/tituloFondo.png);
background-size: 90% 100%;
  background-repeat: no-repeat;
background-position-y: bottom;
background-position-x: left;
padding-left: 3vw;
margin-bottom: 11vh;
flex: 1;
padding-right: 0;
align-items: start;
margin-bottom: 3.5rem;
  }


.barraLogoBoton img{
    width:12%;
    margin-top: 1vh;
    margin-bottom: 1vh;
}

#portadaDer{
    width:50%;
    display: flex;
    justify-content:right;
    align-items: end;
    flex: 1;
    position: relative;
    top: -7vh;
}

#contenedorPortadaFoto{
    width:70%;
    height:auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}

#contenedorPortadaInfo{
    width:100%;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    height:auto;
    z-index: 20;
    justify-content: end;
    align-items: end;
      top: 0;
  bottom: 0;
   flex-direction:row;
}

#portadaInfo{
    width:100%;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    padding-right: 0vw;
}

#ilustracionSnip{
    width:70%;
    margin-right: 0%;
    margin-bottom: 0vh;
    overflow: hidden;
    position: relative;
    top: -3vh;
}

#ilustracionSnip img{
    width:100%;
position: relative;
  right: -22%;
    left:initial;
}

 .botonMenu {
    display: block;
    position: relative;
            background-color: #5C00D3;
            margin-top: 2vh;
            margin-bottom: 4vh;
}   

.portada{
    width:100%;
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    background-image: url(img/pared1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
}

.portadaMovil{
    width:100%;
    display: none;
    position: relative;
    flex-wrap: nowrap;
    background-image: url(img/pared1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
}

/* END PORTADA */

/* SECCION TEXTO */
.boxSeccionTextoMiddle{
    width:100%;
}

.boxSeccionTextoMiddle p{
    width: 84%;
font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: auto;
  font-size: 1.1rem;
  line-height: 2.2rem;  
  margin-top: 5vh;
  margin-bottom: 5vh;
  text-align: justify;
  margin-left: 8%;
    margin-right: 8%;
        -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

.boxSeccion2LateralTop{
    width:0%;
    display: flex;
    flex-wrap: nowrap;
    align-items: start;
    justify-content:start;
}

.boxSeccion2LateralTop img{
    width:50%;
    display:none;
}

.credito1{
  width: 100%;
  font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: .9rem;
  line-height: 2rem;
  text-align: center;
}

.subtituloArticulo{
    width:80%;
    font-family: 'Sister Spray Ac', serif; 
  font-size: 1rem;
  line-height: 2.7rem;  
    text-align: center;
      color:black;
    margin-bottom: 0;
        margin-top: 10vh;
             word-spacing: 15px;
}

/*END SECCION TEXTO */


/* PEELS SECCION 1 MOVILES */
.imgPeelIzq1{
    display: none;
 float: left; /* Text will wrap on the right side */
  width: 10%; /* Set dimensions for the image */
  height: auto;
  shape-outside: url("img/peelIzq2.png"); /* Reference the same image URL */
  shape-image-threshold: 0; /* Pixels > 50% opacity define the shape boundary */
  shape-margin: 6vw; /* Add some space between the text and the image */
}

.imgPeelDer1{
    display: none;
 float: right; /* Text will wrap on the right side */
  width:10%; /* Set dimensions for the image */
  height: auto;
  shape-outside: url("img/peelDer2.png"); /* Reference the same image URL */
  shape-image-threshold: 0; /* Pixels > 50% opacity define the shape boundary */
  shape-margin: 6vw; /* Add some space between the text and the image */
}

/* END PEELS SECCION 1 MOVILES */

/* IMAGEN ANCHO ENTERO */

.imgWholeTop{
    width:100%;
    position: relative;
    height:auto;
    margin-top: -1px;
}

.imgWholeBttm{
    width:100%;
    position: relative;
    height:auto;
    margin-bottom: -1px;
}

    #fotoPapel1{
        width:85%;
        margin-top: 15vh;
        margin-bottom: 15vh;
        position: relative;
        top: 1px;
    }

    #fotoPapelVertical{
        width:50%;
        margin-top: 10vh;
        margin-bottom: 10vh;
        position: relative;
        top: 1px;
    }
/* FIN IMAGEN ANCHO ENTERO*/


/* TEXTO AND BOX DE RESALTE */
.seccionTextoAndBox{
    width:100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.lateralBoxResalte1{
    width:40%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.lateralBoxResalte2{
    width:60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.boxResalte{
    width:90%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-image: url("img/fondoNotas.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 2px 0px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075)
    ;
     transform: rotate(-1deg);
}

.boxResalte p{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  margin-bottom: 5vh;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
  }

 .boxResalte p:first-child{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  font-size: 1.3rem;
  line-height: 2rem;
  text-align: center;
  margin-top: 2.5rem;
  margin-bottom: 0vh;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
  } 

.textoLateralBoxResalte{
    width:100%;
    padding-left: 5%;
    padding-right: 10%;
    display: block;
}

.textoLateralBoxResalte p{
    font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: auto;
  font-size: 1.1rem;
  line-height: 2.2rem;  
  margin-top: 2vh;
  margin-bottom: 2vh;
  text-align: justify;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

/* FIN TEXTO AND BOX DE RESALTE */

/* TEXTO AND BOX DE RESALTE INVERTED */

  .seccionTextoAndBoxInverted{
    width:100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
}

  .boxResalteInverted{
    width:90%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-image: url("img/fondoNotas.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 2px 0px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075)
    ;
     transform: rotate(1deg);
}

.boxResalteInverted p{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  margin-bottom: 5vh;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
  }

 .boxResalteInverted p:first-child{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  font-size: 1.3rem;
  line-height: 2rem;
  text-align: center;
  margin-top: 2.5rem;
  margin-bottom: 0vh;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
  } 

.textoLateralBoxResalteInverted{
    width:100%;
    padding-left: 10%;
    padding-right: 5%;
    display: block;
}

.textoLateralBoxResalteInverted p{
    font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: auto;
  font-size: 1.1rem;
  line-height: 2.2rem;  
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: justify;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

/* FIN TEXTO AND BOX DE RESALTE INVERTED */

/* FOOTER */ 


.creditos{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 0px;
}

.caja_creditos img{
width:50%;	
margin-right: 4vw;
margin-bottom: 40px;
}

.creditos_texto_2{
	width:100%;
            font-family: "Roboto Serif", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
            font-size: .9rem;
            line-height: 1.5rem;  
		text-align:center;
color:white;
padding-left: 5%;
padding-right: 5%;
margin-bottom: 0px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

.creditos_texto_2 p{
margin-top:0;
margin-bottom:10px;
}

.creditos_texto_2 p:first-child{
margin-top:0;
margin-bottom:0;
            font-weight: 600;
            font-style: normal;
            font-size: 1.3rem;
}

.creditos_texto{
            font-family: "Roboto Serif", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
            font-size: 1.1rem;
            line-height: 1.5rem;  
	color:white;
	margin:auto;
    text-align: center;
    padding-left: 5%;
padding-right: 5%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

.frase_final p{
	text-align:center;
	color:white;
	font-family:sans-serif;
	font-size:.8rem;
	margin:auto;
	line-height:1.6rem;
    padding-left: 5%;
padding-right: 5%;
}

.caja_apoyanos a{
	width:70%;
}

    .caja_logo_footer{
	width:100%;
		display:flex;
	  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

#logoAvispaFooter{
    width:50%;
    height:auto;
}

/* FIN FOOTER */

/* MODAL OVERLAY */

        .modal-content {
            background: white;
                background-image: url("img/fondoNotas.jpg");
            background-repeat: no-repeat;
            background-size: 100% 100%;
            padding: 40px 30px;
            width: 80%;
            text-align: center;
            position: relative;
            animation: fadeIn 0.4s ease-out;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            box-shadow: 0 10px 25px rgba(0,0,0,0.3);
            max-height: 70dvh;
            overflow-y: scroll;
        }

                .cajaArticulosMenuGral a{
            width:100%;
            margin-top: .7rem;
            margin-bottom: .7rem;
            font-family: "Roboto Serif", serif;
            font-weight: 400;
            font-style:normal;
            font-size: .9em;
            text-align: center;
            line-height: 1.2rem;
        }

        .cajaArticulosMenuGral p{
            width:100%;
            margin-top: .7rem;
            margin-bottom: .7rem;
            font-family: "Roboto Serif", serif;
            font-weight: 600;
            font-style:normal;
            font-size: .9em;
            text-align: center;  
            line-height: 1.2rem;          
        }

/* FIN MODAL OVERLAY */

/* CARTEL VIDEO */

    .cajaCartelVideo{
        width:70%;
        margin-top: 15vh;
        margin-bottom: 15vh;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background-image: url("img/fondoNotas.jpg");
        background-repeat: repeat;
        background-size: 100% 100%;
    }


    .cajaVideo{
        width:95%;
        margin-top: 0vh;
        margin-bottom: 2vh;
    }

    .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    margin-top: 2vh;
    margin-bottom: 0vh;
    }

    .video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
    }

    .cajaVideoDescripcion{
        width:90%;
    }

    .cajaVideoDescripcion p{
        font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
    font-size: 1rem;
    line-height: 2rem;
    text-align: center;
    margin-bottom: 4vh;
        -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }

/* FIN CARTEL VIDEO */

}


@media screen and (min-width: 900px){


.imgWholePortada img{
    width:100%;
    position: relative;
    height:auto;
    margin-bottom: -1px;
}


    /* PORTADA */

    #creditoArticulo p{
    font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
    font-size: .9em;
    line-height: 1em;
    text-align: left;
    margin:0;
    }

    #tituloArticulo{
        width:80%;
    }

    #tituloArticulo p{
        font-family: 'Sister Spray Ac', serif; 
    font-size: 1rem;
    line-height: 2.2rem;  
        text-align: left;
        color:black;
        margin-bottom: 0;
    }

    #categoriaArticulo p{
    font-family: "Roboto Serif", serif;
    font-weight: 500;
    font-style: bold;
    font-size: .9rem;
    line-height: 0rem;  
    text-align: center;
    color:white;
    }

    #contenedorPortadaFoto img{
        width:98%;
        margin-top: 3vh;
        margin-bottom: 8vh;
    }

    #portadaIzq{
        width:50%;
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        background-image: url(img/tituloFondo.png);
    background-size: 90% 100%;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: left;
    padding-left: 3vw;
    margin-bottom: 8vh;
    flex: 1;
       padding-right: 0;
    align-items: start;
    }

    .barraLogoBoton img{
        width:12%;
        margin-top: 1vh;
        margin-bottom: 1vh;
    }

    #portadaDer{
        width:50%;
        display: flex;
        justify-content:right;
        align-items: end;
        flex: 1;
        position: relative;
        top: -10vh;
    }

    #contenedorPortadaFoto{
        width:70%;
        height:auto;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
    }

    #contenedorPortadaInfo{
        width:100%;
        display: flex;
        flex-wrap: nowrap;
        position: absolute;
        height:auto;
        z-index: 20;
        justify-content: end;
        align-items: end;
        top: 0;
    bottom: 0;
    flex-direction:row;
    
    }

    #portadaInfo{
        width:100%;
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
        padding-right: 0vw;
    }

    #ilustracionSnip{
        width:80%;
        margin-right: 0%;
        margin-bottom: 0vh;
        overflow: hidden;
        position: relative;
        top: 1vh;
    }

    #ilustracionSnip img{
        width:100%;
    position: relative;
    right: -22%;
        left:initial;
    }

    .botonMenu {
        display: block;
        position: relative;
                background-color: #5C00D3;
                margin-top: 2vh;
                margin-bottom: 0vh;
    }   

    .portada{
        width:100%;
        display: flex;
        position: relative;
        flex-wrap: nowrap;
        background-image: url(img/pared1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        justify-content: center;
    }

    .portadaMovil{
        width:100%;
        display: none;
        position: relative;
        flex-wrap: nowrap;
        background-image: url(img/pared1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        justify-content: center;
    }

    /* END PORTADA */


    /* SECCION TEXTO */
    .boxSeccionTextoLateralTop{
        width:20%;
        display: flex;
        flex-wrap: nowrap;
        align-items: start;
        justify-content:start;
    }

    .boxSeccionTextoLateralTop img{
        width:50%;
        display:block;
    }

    .boxSeccionTextoLateralBttm{
        width:20%;
        display: flex;
        flex-wrap: nowrap;
        align-items: end;
        justify-content: end;
    }

    .boxSeccionTextoLateralBttm img{
        width:55%;
        display:block;
    }

    .boxSeccionTextoLateralTop2{
        width:20%;
        display: flex;
        flex-wrap: nowrap;
        align-items: start;
        justify-content:start;
    }

    .boxSeccionTextoLateralTop2 img{
        width:50%;
        display:block;
    }

    .boxSeccionTextoLateralBttm2{
        width:20%;
        display: flex;
        flex-wrap: nowrap;
        align-items: end;
        justify-content: end;
    }

    .boxSeccionTextoLateralBttm2 img{
        width:55%;
        display:block;
    }

    .boxSeccionTextoMiddle{
        width:60%;
    }

    .boxSeccionTextoMiddle p{
        width: 100%;
    font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin: auto;
    font-size: 1.1rem;
    line-height: 2.2rem;  
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: justify;
    margin-left: 0%;
    margin-right: 0%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }

    .boxSeccionTextoMiddleSubtitulo{
        width:60%;
    }

    .boxSeccionTextoMiddleSubtitulo p{
        width: 100%;
    font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin: auto;
    font-size: 1.1rem;
    line-height: 2.2rem;  
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: justify;
    margin-left: 0%;
    margin-right: 0%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }

    .boxSeccionTextoMiddleSubtitulo p:first-child {
    margin-top: 1.5rem;
        -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }   

    .credito1{
    width: 87%;
    font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
    font-size: .9rem;
    line-height: 2rem;
    text-align: right;
    }

    .subtituloArticulo{
        width:80%;
       font-family: 'Sister Spray Ac', serif; 
  font-size: 1.1rem;
  line-height: 3rem;  
    text-align: center;
      color:black;
    margin-bottom: 0;
        margin-top: 4vh;
    word-spacing: 12px;
    }

    /* */

    /* PEELS SECCION 1 MOVILES */

    .imgPeelIzq1{
        display: none;
    }

    .imgPeelDer1{
        display: none;
    }
    
    /* END PEELS SECCION 1 MOVILES */

    /* IMAGEN ANCHO ENTERO */

    #fotoPapel1{
        width:90%;
        margin-top: 10vh;
        margin-bottom: 10vh;
        position: relative;
        top: 1px;
    }

    #fotoPapelVertical{
        width:50%;
        margin-top: 10vh;
        margin-bottom: 10vh;
        position: relative;
        top: 1px;
    }

.imgWholeTop{
    width:100%;
    position: relative;
    height:auto;
        margin-top: -1px;
}

.imgWholeBttm{
    width:100%;
    position: relative;
    height:auto;
    margin-bottom: -1px;
}

    /* FIN IMAGEN ANCHO ENTERO */

    
    /* CARTEL VIDEO */

    .cajaCartelVideo{
        width:80%;
        margin-top: 13vh;
        margin-bottom: 13vh;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background-image: url("img/fondoNotas.jpg");
        background-repeat: repeat;
        background-size: 100% 100%;
    }

    .cajaVideo{
        width:90%;
        margin-top: 2vh;
        margin-bottom: 2vh;
    }

    .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    margin-top: 5vh;
    margin-bottom: 0vh;
    }

    .video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
    }

    .cajaVideoDescripcion{
        width:90%;
    }

    .cajaVideoDescripcion p{
        font-family: "Roboto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
    font-size: 1rem;
    line-height: 2rem;
    text-align: center;
    margin-bottom: 5vh;
        -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }

    /* FIN CARTEL VIDEO */


/* TEXTO AND BOX DE RESALTE */
.seccionTextoAndBox{
    width:100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.lateralBoxResalte1{
    width:40%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.lateralBoxResalte2{
    width:60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.boxResalte{
    width:90%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-image: url("img/fondoNotas.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 2px 0px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075)
    ;
     transform: rotate(-1deg);
}

.boxResalte p{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  margin-bottom: 5vh;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
  }

 .boxResalte p:first-child{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  font-size: 1.3rem;
  line-height: 2rem;
  text-align: center;
  margin-top: 5vh;
  margin-bottom: 0vh;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
  } 


.textoLateralBoxResalte{
    width:100%;
    padding-left: 5%;
    padding-right: 10%;
    display:block;
    margin-top: 0%;
}

.textoLateralBoxResalte p{
    font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1rem;
  line-height: 2.2rem;  
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: justify;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

/* FIN TEXTO AND BOX DE RESALTE */

/* TEXTO AND BOX DE RESALTE INVERTED */

  .seccionTextoAndBoxInverted{
    width:100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
}

  .boxResalteInverted{
    width:90%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-image: url("img/fondoNotas.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 2px 0px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075)
    ;
     transform: rotate(1deg);
     padding-bottom: 1.5rem;
     margin-bottom: 0%;
}

.boxResalteInverted p{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  margin-bottom: .5rem;
  margin-top: .5rem;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
  }

 .boxResalteInverted p:first-child{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
  font-size: 1.3rem;
  line-height: 2rem;
  text-align: center;
  margin-top: 5vh;
  margin-bottom: 0vh;
  padding-left: 7%;
  padding-right: 7%;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
  } 

.textoLateralBoxResalteInverted{
    width:100%;
    padding-left: 10%;
    padding-right: 5%;
    display: block;
}

.textoLateralBoxResalteInverted p{
    font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: auto;
  font-size: 1.1rem;
  line-height: 2.2rem;  
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: justify;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

/* FIN DE TEXTO AND BOX DE RESALTE INVERTED */


/* SECCION AUDIO */

.cajaAudio2{
    width:60%;
    padding-top: 2.5rem;
    display: block;
    background-image: url("img/fondoNotas.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 4px 4px hsl(0deg 0% 0% / 0.075)
    ;
    margin-left: auto; 
    margin-right: auto; 
    padding-bottom: 1px;
}
    .seccionAudio{
        width:100%;
        display: block;
        margin-bottom: 1%;
        margin: 0 auto;
    }

    .boxSeccionAudio p{
          width: 100%;
  font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1.1rem;
  line-height: 2rem;
  text-align: center;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
    }

    .boxSeccionAudio{
        width:auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background-image: url("img/fondoNotas.jpg");
        background-repeat: repeat;
        background-size: 100% 100%;
        flex-direction: column;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 3%;
        padding-bottom: 1%;
            box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 2px 0px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075),
      0 3px 3px hsl(0deg 0% 0% / 0.075)
    ;
     transform: rotate(-1deg);
    }

        .boxReproductor{
    width:100%;
    display: block; 
}

.boxReproductor audio{
    width:60%;
    display: block;
        margin-left: auto; 
    margin-right: auto; 
}

/* FIN SECCION AUDIO */

/* FOOTER */

.footer{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  width:100%;
     background-image: url("img/fondo3.jpg");
    background-repeat: repeat;
    justify-content: center;
    margin-top: 80px;
}

.creditos{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 0px;
}

.caja_creditos img{
width:35%;	
margin-right: 4vw;
margin-bottom: 40px;
}

.creditos_texto_2{
	width:100%;
            font-family: "Roboto Serif", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
            font-size: 1rem;
            line-height: 1.5rem;  
		text-align:center;
color:white;
padding-left: 5%;
padding-right: 5%;
margin-bottom: 0;
margin-top: 25px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

.creditos_texto_2 p{
margin-top:0;
margin-bottom:0;
}

.creditos_texto_2 p:first-child{
margin-top:0;
margin-bottom:0;
            font-weight: 600;
            font-style: normal;
            font-size: 1.2rem;
}

.creditos_texto{
            font-family: "Roboto Serif", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
            font-size: 1rem;
            line-height: 1.5rem;  
	color:white;
	margin:auto;
    text-align: center;
    padding-left: 5%;
padding-right: 5%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

.frase_final p{
	text-align:center;
	color:white;
	font-family:sans-serif;
	font-size:.9rem;
	margin:auto;
	line-height:1.4rem;
    padding-left: 5%;
padding-right: 5%;
}



.caja_logo_footer{
	width:100%;
		display:flex;
	  align-items: center;
  justify-content: center;
  margin-top: 4rem;
}

.caja_apoyanos a{
	width:55%;
}

#logoAvispaFooter{
    width:35%;
    height:auto;
}


/* FIN FOOTER */

}  

 
@media screen and (min-width: 1200px){

/* PORTADA */

#tituloArticulo p{
       font-family: 'Sister Spray Ac', serif; 
  font-size: 1.6rem;
  line-height: 3.3rem;  
    text-align: left;
      color:black;
    margin-bottom: 0;
}

#categoriaArticulo p{
font-family: "Roboto Serif", serif;
  font-weight: 500;
  font-style: bold;
  font-size: 1rem;
  line-height: 0rem;  
  text-align: center;
  color:white;
}

#contenedorPortadaFoto img{
    width:98%;
    margin-top: 3vh;
    margin-bottom: 15vh;
}

#portadaIzq{
    width:50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    background-image: url(img/tituloFondo.png);
background-size: 90% 100%;
  background-repeat: no-repeat;
background-position-y: bottom;
background-position-x: left;
padding-left: 3vw;
margin-bottom: 15vh;
flex: 1;
}

.barraLogoBoton img{
    width:10%;
    margin-top: 1vh;
    margin-bottom: 1vh;
}

/* END PORTADA */

/* SECCION TEXTO */
.boxSeccionTextoLateralTop{
    width:20%;
    display: flex;
    flex-wrap: nowrap;
    align-items: start;
    justify-content:start;
}

.boxSeccionTextoLateralTop img{
    width:35%;
}

.boxSeccionTextoLateralBttm{
    width:20%;
    display: flex;
    flex-wrap: nowrap;
    align-items: end;
    justify-content: end;
}

.boxSeccionTextoLateralBttm img{
    width:45%;
}

.boxSeccionTextoLateralTop2{
    width:20%;
    display: flex;
    flex-wrap: nowrap;
    align-items: end;
    justify-content:start;
}

.boxSeccionTextoLateralTop2 img{
    width:35%;
}

.boxSeccionTextoLateralBttm2{
    width:20%;
    display: flex;
    flex-wrap: nowrap;
    align-items: start;
    justify-content: end;
}

.boxSeccionTextoLateralBttm2 img{
    width:45%;
}

.boxSeccionTextoMiddle{
    width:60%;
}

.boxSeccionTextoMiddle p{
    width: 100%;
font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: auto;
  font-size: 1.1rem;
  line-height: 2.2rem;  
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

.credito1{
  width: 87%;
  font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 2rem;
  text-align: right;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

.subtituloArticulo{
    width:80%;
       font-family: 'Sister Spray Ac', serif; 
  font-size: 1.2rem;
  line-height: 3rem;  
    text-align: center;
      color:black;
    margin-bottom: 0;
     word-spacing: 15px;
}

/* FIN SECCION TEXTO */

/* IMAGEN ANCHO ENTERO */

#fotoPapel1{
    width:80%;
    margin-top: 15vh;
    margin-bottom: 15vh;
    position: relative;
    top: 1px;
}

#fotoPapelVertical{
    width:40%;
    margin-top: 15vh;
    margin-bottom: 15vh;
    position: relative;
    top: 1px;
}

/* FIN IMAGEN ANCHO ENTERO */


/* CARTEL VIDEO */

.cajaCartelVideo{
    width:60%;
    margin-top: 13vh;
    margin-bottom: 13vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-image: url("img/fondoNotas.jpg");
    background-repeat: repeat;
    background-size: 100% 100%;
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 4px 4px hsl(0deg 0% 0% / 0.075),
      0 8px 8px hsl(0deg 0% 0% / 0.075),
      0 16px 16px hsl(0deg 0% 0% / 0.075)
    ;
}

.cajaVideo{
    width:90%;
    margin-top: 0vh;
    margin-bottom: 2vh;
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  margin-top: 5vh;
  margin-bottom: 0vh;
}

.video-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0;
}

.cajaVideoDescripcion{
    width:90%;
}

.cajaVideoDescripcion p{
      font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  margin-bottom: 5vh;
      -webkit-hyphens: auto;
    -ms-hyphens: auto;    
    hyphens: auto;  
}

/* FIN CARTEL VIDEO */

/* FOOTER */

.caja_creditos img{
width:20%;	
margin-right: 4vw;
margin-bottom: 40px;
}

.caja_apoyanos a{
	width:30%;
}

#logoAvispaFooter{
    width:20%;
    height:auto;
}

/* FIN FOOTER */

}