/**
Theme Name: TOLEDODIARIO
Author: JULIO LÓPEZ
Author URI: https://toledodiario.es/
Description: Tema hijo personalizado basado en ASTRA para Toledodiario
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: toledodiario
Template: astra
*/


/* caja pie de foto entradas**/
figcaption {
    position: relative;
    margin: 0px 0 15px !important;
    padding: 0px 16px;
    background-color: rgba(220, 220, 220, .44);
    font-family: "Encode Sans", Verdana, sans-serif;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px;
    letter-spacing: .2px;
    color: #090909;
    color: #000;
    text-decoration: none;
}



/* corrección muestra autor */
.byline {
    display: initial;
	color:blueviolet;
}
.author-prefix
 {
    display: none;
/* oculta"por" enautor */
}

/*****FUENTES AJUSTES********/
@media only screen and (min-width: 782px) {
    .port_list_b .entry-title {
        font-size: 20PX !IMPORTANT;
    }
}

.port_list_b .entry-title a {

}
.port_list_a .entry-title a {
  
}
/*mouse over */
.wpnbha .entry-title a:hover {
    color: #528183;
}
/***/
/* AJUSTE IMAGEN DESTACADA 1**/

.port_list_a.wp-block-newspack-blocks-homepage-articles .post-thumbnail img {
	aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* ajusto texto autor y fecha**/
.entry-meta * {
    line-height: 1.45;
    color: #008d95;
	font-weight: 100;
	letter-spacing: 0.1px;
}


/***************+************/
/*enlaces Relacionados en entrada-->*/
 .relacionadas_n  {
	 display: block;
	 text-align: left;
    font: normal 500 19px/1.278 sans-serif;
	  line-height: 1.4;
	 letter-spacing:0.6px;
    margin-top: 6px;
	 margin-bottom:6px;
color: #588984;
	 padding: 3px 0px 0px 0px;
}
.relacionadas_ent  {
	 display: block;
    font: normal 500 19px/1.278 sans-serif;
	  line-height: 1;
    margin-top: 6px;
	 margin-bottom:6px;
color: #8fa19f;

}
/*ETIQUETA EN ENTRADA-->
.etiqueta_n {
	
	text-transform: uppercase;
	 color: #9e9e9e;
	letter-spacing: 4px!important;
}*/

/*ENTRADILLA EN ENTRADA-->*/
 .entradilla_n {
	 display: block;
    font: lighter 100 19px/1.278 sans-serif;
       text-transform: uppercase;
    color: #046b71;
    margin-top: 17px;
	 margin-bottom:5px;

}
@media (max-width: 600px){
.entradilla_n {
    font-size: 1.3rem;
	letter-spacing: -.01em;
    line-height: 1;
	} 
	}


/* FECHA ACTUALIZACI0N POST PREFIJO */
.fecha_post_act:before {
 content: "Actualizada ";
}

/* AJUSTES TITulitos SECCION puntos astra */
.wpnbha .article-section-title {
    font-size: 1.2em;
    font-weight: bold;
    color: #058b93;/* Color del texto */
    position: relative;
    display: inline-block;
    padding-top: 10px;     /* espacio para los puntos arriba */
    padding-bottom:5px;  padding-left: 5px; /* margenes */
} 
.article-section-title::before {
      content: "";
      position: absolute;
      left: -8px;
      bottom: -3px;
      width: 10px;
      height: 10px;
      background-color: #b8d3d3;
      border-radius: 50%;
    
}
.article-section-title::after {
      content: "";
      position: absolute;
      left: 10px;       /* arranca después del punto */
      right: 0;
			left: 0px;
      bottom: 1px;      /* para que quede alineado con el centro del círculo */
      height: 2px;
      background-color: #b8d3d3;
    }


/***/

/* AJUSTES URGENTE intermitente TITulitos SECCION puntos astra */
@keyframes parpadeo-color {
  0%, 100% {
    color: #93051d;
  }
  50% {
    color: transparent;
  }
}

.urgente h2.article-section-title {
  animation: parpadeo-color 1s infinite;
}

.urgente .article-section-title::before {
  
    background-image: radial-gradient(circle, #93051d 2px, transparent 2px);/* puntos */

}
/***/

/* OCULTA PIE DE FOTO EN RELACIONADAS */
.ast-single-related-posts-container  .featured-image-caption {display:none}
/***/




/****************CINTILLLO INI*/
   .cintillo {
		 
/* texto */
      position: relative;
      color: #44a3a3;
      font-size: 18px;
      margin-bottom:  4px;
		  left: 5px;
      bottom:0;
    }

    /* Línea + punto debajo del texto */
    .cintillo::before {
      content: "";
      position: absolute;
      left: -8px;
      bottom: -3px;
      width: 10px;
      height: 10px;
      background-color: #cde9e9;
      border-radius: 50%;
    }

    .cintillo::after {
      content: "";
      position: absolute;
      left: 10px;       /* arranca después del punto */
      right: 0;
			left: 0px;
      bottom: 1px;      /* para que quede alineado con el centro del círculo */
      height: 2px;
      background-color: #cde9e9;
    }

/****************CINTILLLO FIN */


/****************ESTILO RELACIONADAS EN PORTADA */
.relacionadas-newspack {
    clear: both; /* Fuerza a que el elemento se posicione debajo de cualquier flotado */
    margin-top: 1rem; /* Espacio entre el artículo y la sección de relacionadas */
	margin-left:14px; 
	padding-top: 2px; 
	padding-left:3px;
 /* La línea de puntos suoperior e inferior */
	border-top: 3px dotted #ccc; 
	  border-bottom: 2px dotted #ccc; margin-bottom: 1.5rem;
}

/* Título de la sección "Relacionado" */
.relacionadas-newspack .relacionadas-title {
    font-weight: bold;
    color: #01565A; 
    font-size: 12px;
	letter-spacing: 0px;
    /*text-transform: uppercase;*/
    margin-bottom: 0.2rem;

}

/* Estilo para los títulos de los posts relacionados */
.relacionadas-newspack .relacionadas-item {
font-weight: 700;
font-family: 'Noto Sans', sans-serif;	
font-size: 0.8rem; 
	letter-spacing: -1px;
	line-height: 1.5;
	 padding-bottom: 8px;
color:#334155;
}
/* Estilo para los enlaces de los títulos */
.relacionadas-newspack .relacionadas-link {
    text-decoration: none; 
}
.relacionadas-newspack .relacionadas-link:hover {
    color: #0087A5;
}
/****************FIN ESTILO RELACIONADAS EN PORTADA */

/****************ESTIQUETAS ENTRADAS PORTADA ESTILOS */


/* NORMAL */
.acf-etiqueta.normal {
    font-weight: bold !important;
    color: #006400 !important; /* verde oscuro */
    display: inline-flex;
    align-items: center;
    gap: 6px; /* separación entre cuadrado y texto */
    background-color: #e6f9e6 !important; /* opcional: fondo verde claro */
    border: 2px solid #009900 !important;
    padding: 2px 6px;
    border-radius: 4px;
}

.acf-etiqueta.normal::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #009900; /* cuadrado verde */
}

/* 	URGENTE */
.acf-etiqueta.urgente {
    font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
    color: red;
    position: relative;
    padding-left: 22px; /* espacio para la flecha */
    animation: parpadeo 1s infinite;
}

.acf-etiqueta.urgente::before {
    content: "▶"; /* flecha tipo triángulo */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* centrar verticalmente */
    font-size: 0.9em; /* ajustar tamaño si quieres */
}

@keyframes parpadeo {
0%, 100% {
    color: #93051d;
  }
  50% {
    color: transparent;
  }
}

/* AVISO */
.acf-etiqueta.aviso {
	 font-size: .8em;
    font-weight: bold !important;
    color: #ff6600 !important;
    background-color: #fff4e6 !important;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
}

/* EXCLUSIVA */
.acf-etiqueta.exclusiva {
    font-weight: bold !important;
    color: #004080 !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    padding: 2px 6px;
    border-radius: 3px;
    display: inline-block;
}

/* OPINIÓN */
.acf-etiqueta.opinion {
    font-style: italic !important;
    color: #007f3e !important;
    padding-left: 18px;
    position: relative;
}
.acf-etiqueta.opinion::before {
    content: "✎";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.9em;
}

/* DESTACADO */
.acf-etiqueta.destacado {
    font-weight: bold !important;
    color: #800080 !important;
    text-decoration: underline wavy #d580ff !important;
    padding: 0 3px;
}