.numeroTelefono00{margin-top: -15px;}
:root{
--colorNT01: #4768b9;
--colorNT02: #683e7d;
--colorNT03: #ecedf2;
--colorNT04: #3758a7;
--colorNT05: #ffe900;
}

/* Elimina el espacio por default de alrededor del elemento figure */
figure {margin: 0px;padding: 0px;}
/* Por que se cambia de color 
aunque no he apuntado a una etiqueta body sin clase? */
/* Porque aquí se actualiza la propiedad del color del body */
body {
background: rgb(236,237,242);
background: linear-gradient(
    0deg, rgba(236,237,242,1) 
    0%, rgba(236,237,242,1) 
    97%, rgba(169,226,249,1) 100%);
}

/* ¿Porqué se cambian los estilos de cada página? */
/* Cada elemento tiene una clase diferente:
Para sandrasanlucas = linkItem02  
Para pequesFest = linkItem02--pf
Para nanoteatro = linkItem02--nano
*/

h2.titArticuloPF-02.titArticuloNano-02{letter-spacing: -0.4px;}

.tituloCabezote00--pf{
text-transform: unset;
}

.lItem02--nano{background-color: red;}

.titArticuloNano-00, 
.figTxtImgNano--00, 
.subTitArticuloNano-00, 
.txtArticuloNano-00, 
.fechaArtNano, 
.footer--nano, 
.pieFotoCarrou01Nano, 
.titArticuloNano-02, 
.titulosObrasNano00, 
.figTxtImgNano--00{
color: var(--colorNT04);
} 


.costosMatriculasNano{
background-color: white;
max-width: 234px;
padding: 0.7rem;
border-radius: 0.4rem;
}

/* ABRE MEDIA  */
@media (min-width: 1200px){ 
.contenedorImagenesCajasdeFotos00 {
    display: flex;
    justify-content: space-between;
    gap: 10px;
} 
} 
/* CIERRA MEDIA  */

.pieFotoCarrou01Nano{height: auto;}

.linkItem00Nano{color: var(--colorNT01);}
.linkItem00Nano{font-size: unset;}
.listaNano00 {
list-style-type: auto;
/*margin: auto;*/
padding-left: 50px;
}


.contenedorBotonesCostos {display: flex;}

.miniMenuCostos00{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 115%;
}

.botonCostos00{
    font-family: arial;
    color: whitesmoke;
    background-color: #008be9;
    padding: 1rem;
    border-radius: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    width: 69.9%;
    justify-content: center;
    text-align: center;
    text-decoration-line: none;
    line-height: 27px;
    font-size: 1.3rem;
}

.botonWsCostos{background-color: #549F56;}

.botonCostos00:hover{
 transform: scale(0.97);
}

/* LLAMAR A LA IMAGEN DESDE AQUI O DESDE EL HTML? */
/*.recuadro-info-util00{
background-image: url("../img/fondoAmarillllo.png");
background-repeat: no-repeat, no-repeat;
background-position: right, bottom; 
}*/

.recuadro-info-util00{ 
    /* border-radius: 5px 5px 2rem 5px; */
    color: var(--colorNT04);
    padding: 0.6rem;
    /* background: #F4F27F; */
    border-left: 4px solid #008be9;
}

/* Desde un ancho mayor a __px */
/*@media (min-width: 390px){ 
.recuadro-info-util00{width: 100%;} 
} */

.foto-recuadro-util00, .foto-recuadro-util01{height: 70%;}
.recuadro-titulo-info-00, .recuadro-titulo-info-01{font-family: 'tituloFuente00', sans-serif;}
a[href="#nanoTitulo-00"], a[href="#nanoTitulo-01"], a[href="#nanoTitulo-02"],
a[href="#nanoTitulo-03"], a[href="#nanoTitulo-04"], a[href="#nanoTitulo-05"],
a[href="#nanoTitulo-06"], a[href="#nanoTitulo-07"]{color: var(--colorNT04);
text-underline-offset: 3.5px;
}

a[href="#nanoTitulo-00"]:hover, a[href="#nanoTitulo-01"]:hover, a[href="#nanoTitulo-02"]:hover,
a[href="#nanoTitulo-03"]:hover, a[href="#nanoTitulo-04"]:hover, a[href="#nanoTitulo-05"]:hover,
a[href="#nanoTitulo-06"]:hover{
text-decoration-thickness: 3.4px;
}

.recuadro-titulo-info-00 {color: var(--colorNT04);}
.recuadro-titulo-info-01{line-height: 22px; }
.fotoObra-Nano-00 {max-width: 85%;}
.fotoInsertadaTxt00.fotoInsertadaTxt00Nano{grid-template-columns: 100px;padding: 0.88rem;}

.fotoAutor00Nano {
width: auto;
border-radius: 50%;
margin: 0px 15px 17px 0px;
float: left;
/*    filter: drop-shadow(4px -1px 3px yellow) drop-shadow(-3px 0px 4px magenta);*/
}

.fotoInsertadaTxt00Nano{background-color: white;}

/* FONT NUEVA NANO */
/* font-family: 'lilitanano'; -- el nombre identificador */
@font-face {
  font-display: auto; 
  font-family: 'lilitanano';
  font-style: normal;
  font-weight: 400;
  src: url('../font/lilita-one-regular.woff2') format('woff2');
}

.tituloCabezote00--nano {
/*font-family: 'lilitanano';*/
color: var(--colorNT04);
}