.bannerhome {margin-left:-60px !important;}
.espaciotitulo {margin-top:30px;}
.nestfund-service-tab.sppb-addon-tab .sppb-nav-tabs li a {font-size: 25px;}

@media (min-width: 1200px) {
  .blog, .article-details  {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (max-width: 699px) 
{
    #sp-top1 
	{
        display: none !important;
    }
}

.article-list .article .article-body {
display: table;
  flex-direction: column-reverse;
  padding-top: 20px;
}

.wf_file{display: flex;}

.view-category #sp-title{
/*padding-top: 75px;*/
padding-bottom: 75px;
}
.view-category .sp-page-title{
border-radius: 32px 32px 0 0;
margin: 0 15px;
background: no-repeat;
max-width: 1690px;
/*margin: 0 auto;	*/
}



.view-category .sp-page-title .sp-page-title-heading{
text-transform: uppercase;
}



.view-article #sp-main-body .article-details .article-header h1{
width: 100%;
text-transform: none;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.12;
  text-decoration: none;}

.view-article #sp-title{
/*padding-top: 75px;*/
padding-bottom: 75px;
}
.view-article .sp-page-title{
border-radius: 32px 32px 0 0;
margin: 0 15px;
background: no-repeat;
}

.view-article .sp-page-title .sp-page-title-heading{
text-transform: uppercase;
}

.view-article #sp-main-body{
padding-top: 10px;
}

.view-article #sp-main-body .article-details div[itemprop="articleBody"]{
max-width: 100%;
}

.article-list .article .readmore a{
  color: #fff;
  font-weight: 500;
  border-color: #000000;
  background-color: #000000;
  white-space: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.25;
  padding: 7px 22px;
  position: relative;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 20px;
}


/* --- custom.css --- */
/* por defecto ocultamos el bot�n (se mostrar� s�lo en <=1200px) */
.offcanvas-toggler-right {
  display: none;
}

/* Breakpoint solicitado: hasta 1200px mostramos el toggler y ocultamos el UL por defecto */
@media (max-width: 1500px) {
  .offcanvas-toggler-right {
    display: flex !important;
    align-items: center;
    cursor: pointer;
  }

  /* aseguramos que el men� desktop est� oculto */
  .sp-megamenu-parent {
    display: none !important;
  }

  /* cuando #sp-header tenga la clase .sp-menu-open mostramos el UL (sobrescribe d-none) */
  #sp-header.sp-menu-open .sp-megamenu-parent {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    z-index: 2000;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  }

  /* estilo m�vil de items: cada item a bloque vertical */
  #sp-header.sp-menu-open .sp-megamenu-parent > li {
    display: block;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
  }

  /* Desactivar los dropdowns estilo desktop: los haremos toggles por JS */
  #sp-header.sp-menu-open .sp-megamenu-parent .sp-dropdown {
    display: none !important;
    position: relative !important;
    width: auto !important;
    box-shadow: none !important;
  }
}

/* En pantallas grandes volvemos al comportamiento normal */
@media (min-width: 1501px) {
  .offcanvas-toggler-right { display: none !important; }
  .sp-megamenu-parent { display: block !important; }
}


.botonnaranja{background: #fe6342 !important;border-color:  #fe6342 !important;}


/* Cambiar fecha debajo del titulo - inicio */
.article-details{
  display: flex;
  flex-direction: column;
}

.article-header{
  order: 1;
}

.article-info{
  order: 2;
}


.article-details [itemprop="articleBody"]{
  order: 3;
}


.article-can-edit{
  order: 4;
}

.article-introtext {
    display: flex;
    flex-direction: column; /* organiza los hijos verticalmente */
}

.article-introtext .article-info {
    order: 0; /* primero */
}

.article-introtext p {
    order: 1; /* despu�s de la fecha */
}

.article-introtext .readmore {
    order: 2; /* al final */
}

/* Cambiar fecha debajo del titulo - fin */







/* ==========================================================
   CABECERA — TABLET E IPAD MINI
   ========================================================== */

@media (min-width: 700px) and (max-width: 1199px) {

  /* Fila superior completa */
  #sp-top-bar .container-inner > .row {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  /* Columna de logotipos */
  #sp-top1 {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 52% !important;
    padding-right: 10px !important;
  }

  #sp-top1 .sp-column,
  #sp-top1 .sp-module,
  #sp-top1 .sp-module-content,
  #sp-top1 .custom {
    width: 100% !important;
    margin: 0 !important;
  }

  #sp-top1 p {
    margin: 0 !important;
  }

  #sp-top1 img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 75px !important;
    object-fit: contain !important;
  }

  /* Columna de botones */
  #sp-top2 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 48% !important;
    margin-left: auto !important;
    padding-left: 0 !important;
  }

  #sp-top2 .sp-column,
  #sp-top2 .sp-module,
  #sp-top2 .sp-module-content,
  #sp-top2 .custom,
  #sp-top2 p {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: auto !important;
    margin: 0 !important;
  }

  /* Botones superiores */
  #sp-top2 a,
  #sp-top2 .btn,
  #sp-top2 .sppb-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 9px 13px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  /* Fila del logotipo IQZ y menú */
  #sp-header .container-inner > .row {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
  }

  #sp-logo {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 70px) !important;
  }

  #sp-logo .sp-column {
    display: flex !important;
    align-items: center !important;
  }

  #sp-logo .logo,
  #sp-logo .logo-image,
  #sp-logo img {
    display: block !important;
    width: auto !important;
    max-width: 220px !important;
    height: auto !important;
    margin: 0 !important;
  }

  #sp-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: auto !important;
  }

  #offcanvas-toggler,
  .offcanvas-toggler-right {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 0 0 15px !important;
  }
  
	 
	/* Ministerio a la izquierda y BD a la derecha */
	#sp-top1 > .sp-column {
	  display: flex !important;
	  flex-flow: row nowrap !important;
	  align-items: center !important;
	  justify-content: flex-start !important;
	  width: 100% !important;
	}

	#sp-top1 > .sp-column > .sp-module {
	  flex: 0 0 auto !important;
	  width: auto !important;
	  margin: 0 !important;
	}

	#sp-top1 > .sp-column > .sp-module + .sp-module {
	  margin-left: 5px !important;
	}

	/* Logotipo del Ministerio */
	#mod-custom138 img {
	  width: 190px !important;
	  height: auto !important;
	}


	#mod-custom139 img {
	  width: auto !important;
	  height: 65px !important;
	  max-width: 105px !important;
	} 
  
}