/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/*background overlay color & opacity*/
.site {
	background: rgba(166,166,166,0.9);
}

/*color y tamaño del título*/
#masthead .site-branding .site-title a, #masthead .site-branding {
	color: #ff0000;
	font-size: 1.5em;
}

/*color y tamaño de 2ª línea título*/
elemento {
}

.site-description {
	color: #fcfbf9;
	font-size: .7em;
}

/* color del título de párrafo*/
h1 {
	color: rgb(51,51,51);
}

/*tamaño del texto*/
p {
	font-size: .8em;
}

/* no funcionan enlaces*/
/* encabezado h2 */
h2 {
	color: rgb(51,51,51);
}

/*colores fuentes widgets 1º */
elemento {
	font-weight: 400;
	font-size: 1em;
	font-style: normal;
	color: #f8f8f8;
}

/*catlinks abajo del todo*/
elemento {
}

.wf-active .cat-links, .wf-active .tags-links {
	font-family: "Ubuntu", sans-serif;
}

.cat-links, .tags-links {
	color: #e6e6e6;
	display: block;
	font-family: Lora, Georgia, serif;
	font-size: 14.4px;
	font-size: .9rem;
	font-style: italic;
	margin-top: .25rem;
}

elemento {
}

.cat-links a, .tags-links a {
	color: #595959;
}

a {
	color: #0ff;
}

/*deja tu comentario*/
h3 {
	color: rgb(51,51,51);
}

/*libro abierto abajo zona negra*/
elemento {
}

.wf-active .site-branding .site-title, .wf-active .widget-title, .wf-active h3 {
	font-family: "Fondamento", cursive;
	font-weight: 400;
	font-size: 1em;
	font-style: normal;
	color: #D8D8D;
}

/*letras widget segumiento blog zona negra*/
elemento {
}

p {
	color: #888888;
}

/*comentarios zona gris*/
elemento {
}

/* --- ANIMACIÓN DE PARPADEO PARA EL PIE DE FOTO --- */
@keyframes parpadeo {
	0% {
		opacity: 1;
	}
	
	50% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}

/* Aplica la animación y fuerza el color amarillo en el figcaption específico */
figcaption.wp-element-caption.parpadeo-1s {
	animation: parpadeo 1s infinite;
	color: #FFFF00 !important;
/* Amarillo brillante */
	background-color: transparent !important;
	text-shadow: none !important;
/* Elimina sombras negras */
/* Soporte para navegadores webkit */
}

/* Forzar el color blanco en el título "Comparte esto:" de Jetpack */
.sharedaddy .sd-title,
.sharedaddy .sd-title a,
.sharedaddy .sd-title a:link,
.sharedaddy .sd-title a:visited,
.sharedaddy .sd-title a:hover,
.sharedaddy .sd-title a:active {
	color: #ffffff !important;
	background-color: transparent !important;
	text-decoration: none !important;
}

/* --- OPTIMIZACIÓN DE BOTONES DE COMPARTIR (JETPACK) --- */
/* 1. Estilos Generales (Fondo Oscuro / Texto Blanco) */
/* Aplica a la mayoría de redes sociales */
.sharedaddy .sd-button {
	color: #ffffff !important;
	font-weight: bold !important;
	border: none !important;
}

/* Forzar iconos SVG a blanco por defecto */
.sharedaddy .sd-button svg {
	fill: #ffffff !important;
	color: #ffffff !important;
}

/* 2. Colores Específicos por Red Social (Fondo Oscuro) */
.share-twitter .sd-button {
	background-color: #000000 !important;
}

.share-linkedin .sd-button {
	background-color: #0077b5 !important;
}

.share-facebook .sd-button {
	background-color: #1877f2 !important;
}

.share-jetpack-whatsapp .sd-button {
	background-color: #25d366 !important;
}

.share-telegram .sd-button {
	background-color: #0088cc !important;
}

.share-pinterest .sd-button {
	background-color: #bd081c !important;
}

.share-reddit .sd-button {
	background-color: #ff4500 !important;
}

.share-tumblr .sd-button {
	background-color: #35465c !important;
}

.share-email .sd-button {
	background-color: #555555 !important;
}

/* 3. CORRECCIÓN CRÍTICA: Botón X (Twitter) - Forzar icono blanco */
/* Esto asegura que el logo gris no se vea sobre negro */
.share-twitter .sd-button svg,
.share-twitter .sd-button .sd-button-icon svg {
	fill: #ffffff !important;
	stroke: #ffffff !important;
}

.share-twitter .sd-button span {
	color: #ffffff !important;
}

/* 4. Botones de Fondo Claro (Texto Negro) */
/* Para "Publica Esto" e "Imprimir" */
.share-press-this .sd-button,
.share-print .sd-button {
	background-color: #ffffff !important;
	color: #333333 !important;
	border: 1px solid #ddd !important;
}

/* Forzar iconos negros en botones claros */
.share-press-this .sd-button svg,
.share-print .sd-button svg {
	fill: #333333 !important;
	color: #333333 !important;
}

/* Forzar todos los pies de foto a negro intenso */
figcaption, 
.wp-element-caption, 
.wp-block-image figcaption, 
figure figcaption {
	color: #000000 !important;
	font-weight: 500 !important;
/* Opcional: hace el texto un poco más grueso para mejor lectura */
}

.entry-content,
.entry-content p,
.entry-content li,
.entry-content blockquote,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: #1a1a1a !important;
}	
}

.entry-content p {
	font-size: 16px !important;
}

.entry-content figcaption,
.wp-caption-text {
	font-size: 14px !important;
}

.site-header,
.main-navigation,
.main-navigation ul {
	background-color: #922b21;
}

.main-navigation ul ul {
	background-color: #a93226;
}

.main-navigation ul ul ul {
	background-color: #c0392b;
}

.main-navigation ul ul ul ul {
	background-color: #d44233;
}

.main-navigation a, .nav-menu a {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 3px 5px rgba(0,0,0,0.5);
    border: 1px solid rgba(0,0,0,0.3);
    padding: 5px 10px;
}

@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn.jsdelivr.net/fontsource/fonts/special-elite@latest/latin-400-normal.woff2') format('woff2');
}
a[rel="home"] {
  font-family: 'Special Elite', cursive !important;
  font-size: 60px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  #masthead a[rel="home"],
  .site-header a[rel="home"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 24px !important;
    white-space: normal !important;
    text-align: center !important;
    position: relative !important;
    z-index: 999 !important;
  }
}

@media (max-width: 768px) {
  .entry-title,
  h1.entry-title {
    font-size: 2rem !important;
    line-height: 1.3 !important;
  }
}

@media (max-width: 768px) {
  /* Ocultar botón hamburguesa */
  .menu-toggle,
  button.menu-toggle {
    display: none !important;
  }

  /* Menú en filas centradas */
  ul#primary-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 4px !important;
    margin: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  ul#primary-menu > li {
    list-style: none !important;
    margin: 3px !important;
    box-sizing: border-box !important;
  }

  ul#primary-menu > li a {
    display: block !important;
    white-space: nowrap !important;
    text-align: center !important;
    padding: 6px 10px !important;
  }

  /* Fila 1: 3 ítems */
  ul#primary-menu > li:nth-child(1),
  ul#primary-menu > li:nth-child(2),
  ul#primary-menu > li:nth-child(3) { width: 30% !important; }

  /* Fila 2: 3 ítems */
  ul#primary-menu > li:nth-child(4),
  ul#primary-menu > li:nth-child(5),
  ul#primary-menu > li:nth-child(6) { width: 30% !important; }

  /* Fila 3: 2 ítems */
  ul#primary-menu > li:nth-child(7),
  ul#primary-menu > li:nth-child(8) { width: 44% !important; }

  /* Fila 4: 1 ítem solo */
  ul#primary-menu > li:nth-child(9) { width: 60% !important; }
}