/* ===== Marca InteligenciArquitectónica ===== */
.entry-content a, .comment-content a {
  color: #0A0A0A; text-decoration: underline; text-decoration-color: #F5C400;
  text-decoration-thickness: 2px; text-underline-offset: 3px; font-weight: 600;
}
.entry-content a:hover, .comment-content a:hover { color: #8a7000; }

.wp-block-button__link, input[type="submit"], .comment-form input[type="submit"] {
  background-color: #F5C400 !important; color: #0A0A0A !important; border: none !important;
  border-radius: 8px !important; padding: 12px 22px !important; font-weight: 700 !important; text-transform: none !important;
}
.menu-toggle, button.menu-toggle, .menu-toggle:hover {
  background: transparent !important; color: #0A0A0A !important; border: none !important; border-radius: 0 !important; padding: 0 !important;
}
a[href*="wa.me"], a[href*="whatsapp"] {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 10px;
  background: #0A0A0A !important; color: #F5C400 !important; padding: 12px 24px !important;
  border-radius: 8px; font-weight: 700; text-decoration: none !important; text-align: center;
}
a[href*="wa.me"]::before, a[href*="whatsapp"]::before {
  content: ""; width: 20px; height: 20px; flex: 0 0 auto; background-repeat: no-repeat; background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23F5C400'%3E%3Cpath%20d='M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.885-9.885%209.885M20.52%203.449C18.24%201.245%2015.24%200%2012.045%200%205.463%200%20.104%205.359.101%2011.892c0%202.096.549%204.142%201.595%205.945L0%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.581%200%2011.94-5.359%2011.943-11.893a11.821%2011.821%200%2000-3.416-8.452z'/%3E%3C/svg%3E");
}
.widget-title, .widget .widget-title { border-bottom: 3px solid #F5C400; padding-bottom: 6px; }
.comments-area .comment-metadata { display: none; }
#secondary .widget time, #secondary .widget .comment-metadata, #secondary .widget .comment-meta, #secondary .widget .comment-date { display: none; }
.main-navigation a, .main-navigation li a { font-size: 14px !important; letter-spacing: 0 !important; padding-left: 12px !important; padding-right: 12px !important; }

#wa-float {
  position: fixed !important; right: 20px !important; bottom: 20px !important; width: 58px !important; height: 58px !important;
  padding: 0 !important; background: #25D366 !important; border-radius: 50% !important;
  display: flex !important; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0,0,0,.35); z-index: 99999;
}
#wa-float::before { content: none !important; }
#wa-float svg { width: 32px; height: 32px; }
.jp-relatedposts, #jp-relatedposts { display: none !important; }
.post-navigation, .nav-single, .posts-navigation .nav-links { display: none !important; }
/* Foto de fondo detrás del logo + nombre (header) */
.site-header {
  position: relative;
  background-image: linear-gradient(rgba(10,10,10,0.30), rgba(10,10,10,0.30)), url("https://inteligenciarquitectonica.com/wp-content/uploads/2022/09/cropped-cropped-20220823_130934.jpg");
  background-size: cover;
  background-position: center;
  padding-top: 16px;
  padding-bottom: 16px;
}
.site-title a, .site-title, .site-description { color: #FFFFFF !important; text-shadow: 0 1px 4px rgba(0,0,0,.7); }
.main-navigation a, .main-navigation li a { color: #FFFFFF !important; text-shadow: 0 1px 4px rgba(0,0,0,.7); padding-left: 10px !important; padding-right: 10px !important; }

/* Botón menú: arriba a la derecha + amarillo semitransparente */
.site-header .menu-toggle, button.menu-toggle, .menu-toggle, .menu-toggle:hover, .menu-toggle:focus {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  background: rgba(245,196,0,0.45) !important;
  border-radius: 5px !important;
  padding: 3px 6px !important;
  width: auto !important;
  line-height: 1 !important;
}

/* Espacio entre el header/imagen y el contenido */
.site-content, .site-main, #primary, #content { padding-top: 20px !important; }

/* Ocultar el título "CATEGORÍA: …" en Proyectos y Consejos */
.archive .page-header, .archive .page-title, .archive .taxonomy-description { display: none !important; }

/* En celular: header más alto + aire a la izquierda + texto más chico */
@media (max-width: 600px){
  .site-header { padding-top: 14px; padding-bottom: 14px; padding-left: 20px; padding-right: 20px; min-height: 170px; }
  .custom-logo, .site-logo img, .site-branding img, .site-header img { max-width: 80px !important; height: auto !important; }
  .site-title { font-size: 16px !important; line-height: 1.1 !important; white-space: nowrap !important; }
  .entry-title, .page-title, h1.entry-title { font-size: 24px !important; }
  .entry-content, .entry-content p, .entry-content li { font-size: 15px !important; line-height: 1.5 !important; }
  .widget, #secondary, #secondary p, #secondary li { font-size: 14px !important; }
}#primary, #content { padding-top: 20px !important; }

/* En celular: header más alto + texto del cuerpo proporcionalmente más chico */
@media (max-width: 600px){
  .site-header { padding-top: 14px; padding-bottom: 14px; min-height: 170px; }
  .custom-logo, .site-logo img, .site-branding img, .site-header img { max-width: 80px !important; height: auto !important; }
  .site-title { font-size: 16px !important; line-height: 1.1 !important; white-space: nowrap !important; }
  .entry-title, .page-title, h1.entry-title { font-size: 24px !important; }
  .entry-content, .entry-content p, .entry-content li { font-size: 15px !important; line-height: 1.5 !important; }
  .widget, #secondary, #secondary p, #secondary li { font-size: 14px !important; }
}