.enlaces-blancos {
  color: #fff!important;
  text-decoration: none;
}
#sp-header {
    background: #FF0000!important;
}
/*iconos google*/



.material-symbols-outlined {
    
    font-size: 14px!important;
  color: #ffffff;
  
}

.article-intro-image img,
.entry-image-intro img {
    max-width: 500px; 
    height: auto;
    display: block;
    margin: 0 auto; /* centra la imagen */
}

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    margin: 0 0 30px;
    padding-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
  color: #000!important;
    border-bottom: 1px solid #ff0000!important;
}
/* ====================== BASE / ESTILOS ====================== */
span.badge.bg-danger.featured-article-badge { display: none; }

#sp-logo { margin: 0; padding: 0; }

.burger-icon { width: 15px; cursor: pointer; }

input[type="text"], input[type="email"], input[type="url"], input[type="date"],
input[type="password"], input[type="search"], input[type="tel"], input[type="number"],
textarea {
  display: block;
  width: 50%;
  padding: 0.75rem;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.article-social-share,
.article-social-share .social-share-icon { display: none !important; }

/* ===== columnas ===== */
#columnas {
  column-count: 3;
  column-gap: 20px;
}

#columnas li {
  list-style: none;
    color: red;

}

/* ===== TOP 2 ===== */
.social-icon-twitter a { color:#ffffff!important; }
.fa-facebook, .fa-twitter, .fa-x-twitter, .fa-instagram { color:#ffffff!important; }
.fa-facebook:hover, .fa-twitter:hover, .fa-x-twitter:hover, .fa-instagram:hover { color:#cccccc!important; }

#sp-top2 { background:#ff0000; color:#cccccc; padding:8px 0; }
#sp-top2 a { color:#ffffff!important; text-decoration:none; }
#sp-top2 a:hover { color:#cccccc!important; }
#sp-top2 ul.sp-contact-info { float:right; }

#sp-top-bar { background:#ff0000; color:#aaaaaa; }



/* Títulos */
h1 {
  font-family:barlow!important;
  font-size:40px!important;
  font-weight:800!important;
  color:#000!important;
  text-decoration:none!important;
  margin-left: 2em;
}
h2 {
  font-family: barlow!important;
  font-size: 38px !important;
  font-weight: 800;
  color:#000!important;
  text-decoration: none;
}
.article-list .article .article-header h1,
.article-list .article .article-header h2 {
  font-size: 20px;
  margin: 0 0 1.25rem 0;
}
.article-body { margin-left: 1.25rem; }

#sp-header .logo a {
  font-size: 24px;
  height: 165px;
  line-height: 1;
  margin: 0;
  padding: 0;
  color: #07375c;
}

#sp-main-body { padding: 10px; }

/* Enlaces globales */
a { color:#ff0000!important; text-decoration:none; }
a:hover { color:#cc0000!important; }

/* Offcanvas */
.offcanvas-menu { background-color:#000000!important; color:#ffffff!important; }
.offcanvas-menu a { color:#ffffff!important; text-decoration:none; }
.offcanvas-menu a:hover { color:#ff0000!important; }
.offcanvas-menu ul {
  list-style:disc!important;
  list-style-image:none!important;
  padding-left:1.5rem;
  margin:0;
}
.offcanvas-menu ul li { color:#ffffff!important; margin:6px 0; }
.offcanvas-menu ul li::marker { content:"»"; color:#ffffff; font-weight:bold; }
.offcanvas-menu ul li:hover::marker { color:#ff0000; }

/* Global li (NO en offcanvas) */
li {
  list-style-image:url(/images/bullet.gif);
  list-style-type:none;
  list-style-position:outside;
  margin-bottom:3px;
  margin-top:3px;
}

/* ====================== pie ====================== */

#sp-footer, #sp-bottom {
    background: #ff0000;
    color: #FFFFFF;
}
/* ====================== FIXES HEADER Y MENÚ ====================== */

/* 1) Header sin altura extra y centrado */
#sp-header {
  min-height: 0;             
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
}
#sp-header .logo { flex: 0 0 auto; }
#sp-menu { flex: 1 1 auto; min-width: 0; }

/* 2) Evitar viñetas/márgenes heredados dentro del menú */
.sp-megamenu-parent,
.sp-megamenu-parent li,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  list-style: none !important;
  list-style-image: none !important;
  margin: 0 !important;
  padding: 0;
}

/* 3) Menú en UNA sola línea, hover estable */
#sp-menu { 
  overflow: visible; /* importante: permite dropdowns */
}
#sp-menu, #sp-menu * {
  box-sizing: border-box;
}
#sp-menu .sp-megamenu-wrapper {
  display:flex !important;
  justify-content:flex-end;
  flex-wrap: nowrap;                
  min-width: 0;
}
.sp-megamenu-parent{
  display:flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  position: relative;
}
.sp-megamenu-parent > li { 
  flex: 0 0 auto; 
  position: relative;
}
#sp-menu a { 
  white-space: nowrap; 
  display:inline-block;
  border: 0;
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  padding: 0 10px;
  font-size: 12px;
  line-height: 1;
}

/* Hover estable */
#sp-menu a:hover,
.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li > span:hover {
  color:#000000!important;
  text-decoration:none;             
  outline: none;
  transform: none;
}

/* 4) Dropdowns visibles */
.sp-megamenu-parent > li .sp-dropdown {
  background: #ff0000;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  display: none;
  white-space: normal;
}
.sp-megamenu-parent > li:hover > .sp-dropdown {
  display: block;
}

/* 5) Top bar: que no empuje en móvil */
@media (max-width: 992px) {
  #sp-top2 ul.sp-contact-info {
    float: none;
    display: none;
  }
}

/* 6) Inputs full-width en móvil */
@media (max-width: 576px) {
  input[type="text"], input[type="email"], input[type="url"],
  input[type="date"], input[type="password"], input[type="search"],
  input[type="tel"], input[type="number"], textarea {
    width: 100%;
  }
}

/* ====================== MENÚ EN MÓVIL: HAMBURGUESA ====================== */
.burger-icon { display: none; }

@media (max-width: 992px) {
  .burger-icon { display: block; }
  #sp-menu .sp-megamenu-wrapper { 
    display: none !important; /* oculta menú horizontal */
  }
}

/* ====================== SAFEGUARDS EXTRA ====================== */
#sp-main-body { overflow-wrap: anywhere; }

/* ====================== AJUSTES BASE MENÚ ====================== */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item { display: block; padding: 0; position: relative; }
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span { padding: 0 10px; font-size: 12px; }

#sp-menu a {
  color:#ffffff!important;
  text-decoration:none;
  font-size: 13px !important;
  font-family: "Nunito Sans", sans-serif;
}
#sp-menu a:hover { color:#000000!important; }

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #FF0000;
}