/*
Theme Name: Newsup Child
Theme URI: https://themeansar.com/free-themes/newsup/
Template: newsup
Author: Themeansar
Author URI: https://themeansar.com
Description: Newsup is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. Newsup is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. Newsup is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demo.themeansar.com/newsup and documentation at https://docs.themeansar.com/docs/newsup/
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-background,custom-header,custom-menu,editor-style,featured-images,footer-widgets,theme-options,threaded-comments,rtl-language-support,translation-ready,full-width-template,custom-logo,blog,news
Version: 4.0.0.99.1754262962
Updated: 2025-08-04 01:16:02

*/

html, body {
  overflow-x: hidden;
  width: 100%;
}
body.home .adsbygoogle[data-ad-format="autorelaxed"],
body.home .adsbygoogle[data-ad-format="fluid"],
body.home .adsbygoogle {
    display: none !important;
}
.customize-unpreviewable{visibility:hidden;}

.site-title::first-letter {
  color: #f0ad4e; /*  cámbialo al color que quieras */
}

/* Elimina cualquier borde o sombra en todos los enlaces */
a, a:focus, a:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    text-decoration: none !important; /* opcional */
}

/* Si quieres evitar cualquier efecto al hacer clic con mouse */
a:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

.navbar ul#menu-mio li a:hover {
    background-color: transparent !important;
    color: #e2b000 !important;
}

@media (min-width: 1024px) {
.col-md-6 .site-title-footer, .site-description-footer {
    margin-left: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
  }
}

@media (min-width: 1024px) {
#menu-mio {margin-left:4.5em !important;}
}

.site-title{	margin-top:0.2em;}

.site-title a:focus {
	text-decoration: none;
  outline: none;
  box-shadow: none;
}

.active.home {visibility:hidden;}

@media (min-width: 1024px) {.mg-nav-widget-area-back{height:14em;}
	.row.grid-content{margin-top:5em;}
		.site-description{font-size:2rem;}
	#navbar-wp{display: flex;
  justify-content: center; /* Esto centra el menú horizontalmente */
  align-items: center;     /* Esto lo centra verticalmente */}
.navbar-header	.site-branding-text {display:none;} 
	
		#content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
  }	
	
	.mg-fea-area{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
  }	
	

 .mg-blog-post{
  max-width: auto !important;
  height: 32em !important;
	 
}	


	 .mg-breadcrumb-title{max-width: 1500px;
    margin: 0 auto;
	padding: 0 20px;}
	
	
	.container.mt-4{max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;}	

	}
.col-md-6.text-xs p:nth-of-type(1)  {visibility:hidden;}

@media (max-width: 912px) {.col-md-6.col-xs-12 ul {margin-left:1.5em;}
		.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}
	.burger span{margin-right:4em;}
	
	.col-md-12.text-center.mx-auto{margin-top:-1em;}
	
.mg-nav-widget-area-back{height:5em;
	}https://elmamarracho.com/?customize_changeset_uuid=2fd9491a-a0ea-4106-8404-9728db8d9780&customize_messenger_channel=preview-0
	
	.site-branding-text {margin-top:-1em;}
	
	
}	

.mg-social span {
  background-size: contain;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: -9999px; /* Oculta texto */
  overflow: hidden;
}

/* Reemplazo por orden */
.icon-soci.facebook{
  background-image: url('https://elmamarracho.com/wp-content/uploads/2025/08/facebookred.png');
	 background-color: transparent !important;
		}


.facebook{
  background-image: url('https://elmamarracho.com/wp-content/uploads/2025/08/facebookred.png');
	 background-color: transparent !important;
	}


.icon-soci.instagram {
  background-image: url('https://elmamarracho.com/wp-content/uploads/2025/08/I1.png');
}

.instagram {
  background-image: url('https://elmamarracho.com/wp-content/uploads/2025/08/I1.png')
				
}

.icon-soci.pinterest {background-image: url('https://elmamarracho.com/wp-content/uploads/2025/08/TIKTOK.png')
	}

.pinterest{
  	 background-color: transparent !important;
}


.icon-soci.youtube {background-image: url('https://elmamarracho.com/wp-content/uploads/2025/08/YOUTUBE.png')
	}

.youtube{
  	 background-color: transparent !important;
}

.icon-soci.x-twitter {background-image: url('https://elmamarracho.com/wp-content/uploads/2025/08/x.png')
	}

.x-twitter{
  	 background-color: transparent !important;
}


footer *:focus {
    outline: none !important;
    box-shadow: none !important;
	text-decoration:none !important;
}




.mobilehomebtn{background-color: transparent !important;
display:none;}

.mg-social.d-none.d-lg-flex.ml-auto{gap:1em;}

.m-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mg-social.d-flex.d-lg-none {
  margin-left: auto;
  order: 3;
	gap:1em;/* asegúrate de que se muestren después de los otros elementos */
}

.navbar-toggler {
  order: 2;
}

.mobilehomebtn {
  order: 1;
}

/*
 */ 

.mg-social a.instagram {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

.mg-social a.youtube {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

.mg-social a.tiktok {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
	color:white;
}


.mg-social a.twitter {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

a.instagram:hover {color:#f0ad4e;}
a.facebook:hover {color:#f0ad4e;}
a.twitter:hover {color:#f0ad4e;}
a.youtube:hover {color:#f0ad4e;}
a.tiktok:hover {color:#f0ad4e;}

.instagram, .facebook, .twitter, .tiktok, .youtube /* o la clase que tengan */
.instagram:focus, .facebook:focus, .twitter:focus, .tiktok:focus, .youtube:focus,
.instagram:active, .facebook:active, .twitter:active, .tiktok:active, .youtube:active {
  outline: none;
  box-shadow: none; /* por si hay sombra que simule outline */
}





/* Solo afecta en pantallas pequeñas */
@media (max-width: 912px) {
  .mg-headwidget .navbar-wp .navbar-nav > li> a {
    font-size: 12px;
    padding: 10px 22px;
    line-height: 2.3;
		font-weight:400;
  }
	.mg-social { transform: scale(0.8)!important;}

}

.mg-headwidget .navbar-wp .navbar-nav > li> a {font-weight:500;
}

.mg-headwidget .navbar-wp .navbar-nav > li> a:hover {background-color:transparent !important;
	color:#e2b000;
}

.main-navigation .menu-item a:hover {
    background-color: transparent !important;
    
}


.mg-headwidget .navbar-wp .navbar-nav > li > a {
  position: relative;
  display: inline-block;
  background-color: transparent;
  
  transition: color 0.3s ease;
}

.mg-headwidget .navbar-wp .navbar-nav > li > a:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.mg-headwidget .navbar-wp .navbar-nav > li > a::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  width: 100%;
  height: 2px;
  background-color: #e2b000;
  transition: transform 0.3s ease;
}

.mg-headwidget .navbar-wp .navbar-nav > li > a:hover,
.mg-headwidget .navbar-wp .navbar-nav > li.current-menu-item > a,
.mg-headwidget .navbar-wp .navbar-nav > li.current-cat > a {
  color: #e2b000;
}

.mg-headwidget .navbar-wp .navbar-nav > li > a:hover::after,
.mg-headwidget .navbar-wp .navbar-nav > li.current-menu-item > a::after,
.mg-headwidget .navbar-wp .navbar-nav > li.current-cat > a::after {
  transform: translateX(-50%) scaleX(1);
}






.mg-headwidget .navbar-wp .navbar-nav > li.current-menu-item > a,
.mg-headwidget .navbar-wp .navbar-nav > li.current-cat > a {
  background-color: transparent !important;
  color: #e2b000 !important;
}


.post-form{visibility:hidden;}

.site-description{font-size:1em;
margin-top:-1em;}

@media (max-width: 912px) {
  
.site-description{font-size:0.5em;
	line-height: 1.5; margin-left:1em; margin-right:1em; margin-top:-1em;;}
	.site-title a{display:none!important;}
		.site-description{display:none}
	
	.mg-breadcrumb-title{text-align: center; }
  }

.mg-latest-news span {
  color: #2D3673 !important;
	
}

.mg-latest-news ::before {
  color: #f0ad4e !important
		
}


.small-post-content .mg-blog-category a {background-color:#f0ad4e;!important}

.small-post-content .title_small_post .title a:hover {color:#f0ad4e;!important}


.small .mg-blog-category a {background-color:#f0ad4e;!important}

.bottom .mg-blog-category a {background-color:#f0ad4e;!important}
.bottom.mg-blog-category a:hover{color:#f0ad4e;!important}


.small .mg-blog-category a {background-color:#f0ad4e;!important}

.bottom .mg-blog-category a {background-color:#f0ad4e;!important}

.mg-blog-inner .mg-blog-category a {background-color:#f0ad4e;!important}

.mg-blog-inner .title a:hover{color:#f0ad4e;!important}

.mg-blog-meta a:hover{color:#f0ad4e;!important}

.small .entry-title.title a:hover{color:#f0ad4e;!important}

.mg-blog-post-box .mg-blog-category a {background-color:#f0ad4e;!important}

.mg-breadcrumb-title .title {font-size:1.5em;!important}

.mg-breadcrumb-section p {margin-top:1em;}



.bottom .title a:hover {color:#f0ad4e !important;}

.bottom .mg-blog-meta a:hover {color:#f0ad4e !important;}

@media (min-width: 1024px){
.custom-logo{margin-top:-0.8em;
margin-left:1.8em;
max-width:60%;}
}

@media (max-width: 912px) {
  
.custom-logo{margin-top:-0.3em;
	margin-left:0em;
	width:55em;
	height:em;}
	
.page-id-918 .ml-form-embedWrapper  {margin-left:-21.5em!important;}
.row.mb-4{margin-top:4em;}
	
  }

.logo {
  max-width: 100%;
  height: auto;
  display: block;
}


.col-md-6 .site-logo{display:none;}

#exTab2, #block-3 {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: visibility 0s linear 0.3s, height 0.3s ease;
}


body.page-id-918 .widget-area,
body.page-id-918 .missed-inner {
  display: none;
		
}
	
}




@media (min-width: 1024px) {
	

.desk-header .mg-social {transform: scale(1.1);}	
	
	.col-lg-3 .ml-form-align-center {margin-right:0em;}
	
	}

.page-id-918 .ml-form-embedWrapper  {margin-right:-21.5em!important;}



	




	
	.col-lg-4 #newsup_posts_list-3 {display:none;}

.page-id-918, .content{
  background-color: #f0f0f0; /* Cambia este valor por el color que quieras */
}


.ml-form-embedWrapper .ml-form-embedMailerLite-GDPR pre{display:none;}

.checkbox ::before{margin-top:0.6em;}
.checkbox ::after{margin-top:0.6em;}

@media (min-width: 1024px) {
.widget-area{width:25em;}
}

.mg-info-author-block {margin-top:1em !important;}



.col-md-12 .title {text-align:center;}
.col-md-12 .title {font-size:2em;
margin-bottom:1em;
margin-top:1em;}

.titulo-archivo-videos{margin-top:3em;}

.clearfix::after {
  content: "";                /* obligatorio para que aparezca */
  display: block;             /* para que ocupe espacio */
  width: 100vw;               /* ancho total de la ventana */
  height: 1px;                /* línea fina */
      /* color gris */
  position: relative;         /* o absolute si prefieres */
  left: 50%;
  margin-left: -50vw;         /* para que la línea llegue hasta el borde */
  z-index: 9999999;           /* si quieres que esté encima */
	
}

.mg-headwidget .clearfix{display:none;}

.linea-separadora {
  width: 100vw;           /* todo el ancho de la ventana */
  height: 1px;            /* línea fina */
  background-color: #ccc; /* color gris claro */
  margin: 0;              /* sin margen */
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
	margin-bottom:-3em;
}

.titulo-archivo-videos h1, p{text-align:center; }

.titulo-archivo-videos p{margin-bottom:2em;}

.videos-archive, .content-area{margin-top:4em;}




@media (min-width: 1024px) {
	.videos-archive img{height:200px !important; object-fit:cover;}
}


@media (max-width: 942px) {
	.videos-archive img{height:150px !important; object-fit:cover;}
}



.col-md-4 img {
  box-shadow: 

     -5px 7px 5px rgba(136, 136, 136, 0.7);   /* turquesa dura y más visible */
}



.mg-widget.widget_block img {
  box-shadow: 
    -5px 7px 5px rgba(136, 136, 136, 0.7);      /* turquesa dura y más visible */   /* turquesa más visible y debajo */
}


.content p{text-align:left !important;}
#content p{text-align:left !important;}
.ml-form-embedContent p{text-align:center !important;}

.row.mb-4{margin-top:6em; margin-bottom:4em !important;}
.text-center.mb-4{margin-top:4.5em;}
.text-center.mb-4 img{width:100%; max-height:460px;}



@media (min-width: 1024px) {
.row.mb-4 img{height:300px;
object-fit:cover !important;}
}

@media (max-width: 942px) {
.row.mb-4 img{height:200px;
object-fit:cover !important;
	width:100vw !important;}
}



.text-center.mb-4 .img-fluid.mb-2 {width:100%; max-height:100%;}

/* Overlay: título blanco sobre la imagen (antepenultimate-video) */
.antepenultimate-video {
  position: relative;
  display: block;            /* ocupa el ancho disponible */
  padding: 0;
	margin-bottom: 4em !important;
	 width: 100% !important;
  height: 460px!important;
		object-fit:cover !important;
}

.antepenultimate-video img {
  display: block;
  width: 900px !important;
  height: 450px!important;
  margin-bottom: 0;          /* anulamos .mb-2 para que el título quede sobre la imagen */
  border-radius: 0;
	object-fit:cover !important;
}




/* Título sobre la imagen */
.antepenultimate-video h5 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 35px; 
	font-size: 1.5em;
	/* separacion desde abajo */
  margin: 0;
  padding: 8px 12px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 2px 6px rgba(0,0,0,0.6);
  background: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.1) 100%); /* ligero degradado para legibilidad */
  box-sizing: border-box;
  border-radius: 4px;
}

/* Ajustes responsive */
@media (max-width: 942px) {
  .antepenultimate-video h5 {
    font-size: 18px;
    bottom: 10px;
    padding: 6px 8px;
  }
	
.antepenultimate-video {
  position: relative;
  display: block;            /* ocupa el ancho disponible */
  padding: 0;
	margin-bottom: 4em !important;
	 width: 100% !important;
  height: 200px!important;
		object-fit:cover !important;
}	
	
.antepenultimate-video img {
  display: block;
  width: 100%;
	  height: 200px !important;		
}

}

.category-item {
    display: flex;
    align-items: center; /* centra verticalmente respecto a la imagen */
    margin-bottom: 30px;
}



.category-thumb {
    flex: 0 0 400px; /* imagen más grande */
    margin-right: 20px;
}

.category-thumb img {
    width: 100%!important;
    height: 250px;
    display: block;
    object-fit: cover;
	margin-top:2em;
   
}

.category-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding-left:2em;
	padding-right:2em;/* centra verticalmente título y extracto */
}

.category-content .entry-title a{font-size:0.em !important; color:black !important; font-weight:700;}



.entry-title {
    margin: 0 0 10px 0;
    font-size: 2rem; /* más grande */
    color: #000; /* negro */
    font-weight: 500; /* menos que el predeterminado */
    line-height: 1.2;
}

.category-content .entry-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* número de líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.entry-excerpt {
    margin: 0;
    font-size: 0.95rem; /* tamaño discreto */
	
    color: #333;
    line-height: 1.4;
    max-height: 4.2em; /* aprox. 3 líneas */
    overflow: hidden; /* oculta lo que sobrepase las 3 líneas */
}

/* Para móviles */
@media (max-width: 942px) {
    .category-item  {
        flex-direction: column;
            text-align: justify;
    }
    .category-thumb {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .category-content {
        justify-content: flex-start; /* arriba de la imagen */
    }
	
	.category-content{margin-top:-9em;
	margin-bottom:3em;  }
	
	.category-content .entry-title a{font-size:0.8em !important; color:black !important;}
	
	.text-center.mb-4{margin-top:4em;}
	.mb-3 {font-size:1.5em !important;}
	.row.mb-4{margin-top:4em;}



	.category-content .entry-excerpt {
 		width:100%;
		padding-bottom:5em;
		line-height:1.7em;
		font-size:0.8em;
		
}	
	.category-content .entry-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* número de líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
	
	.category-content {

	padding-left:0em;
	padding-right:0em;/* centra verticalmente título y extracto */
}
	
	.category-thumb img {
		margin-top:0em;}
   
.ms-3 a{
color:black !important; display: -webkit-box;
  -webkit-line-clamp: 3; /* número de líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;

}		
			
	}



.ms-3 a{
color:black !important; display: -webkit-box;
  -webkit-line-clamp: 3; /* número de líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ms-3 {margin-left:-2em;}
 .d-flex.mb-3 .ms-3 {
        width: 70%;       /* resto para el texto */
    }

    .d-flex.mb-3 .ms-3 h6 {
        font-size: 1.4em;
        font-weight: 700;
        color: #000;
        margin: 0 0 0.5em 0;
		
    }

    .d-flex.mb-3 .ms-3 small a {
        color: #555; 
    }

    .d-flex.mb-3 .entry-excerpt {
			
        font-size: 0.9em;
        line-height: 1.5em;
        color: #333;
        margin: 0;
    }




/* Contenedor de la imagen */
.d-flex.mb-3 > div:first-child {
    width: 250px !important; /* ancho deseado */
    flex-shrink: 0;
	object-fit:cover!important;
}

/* Imagen dentro del contenedor */
.d-flex.mb-3 > div:first-child img.wp-post-image {
    width: 170px !important;  /* ocupa todo el ancho del div */
    height: 170px !important;  /* mantiene proporción */
    display: block;
	object-fit:cover;
}


@media (max-width: 942px) {
/* Contenedor de la imagen */
.d-flex.mb-3 > div:first-child {
    width: 50% !important; /* ancho deseado */
    flex-shrink: 0;
	object-fit:cover!important;
}

/* Imagen dentro del contenedor */
.d-flex.mb-3 > div:first-child img.wp-post-image {
    width: 100px !important;  /* ocupa todo el ancho del div */
    height: 100px !important;  /* mantiene proporción */
    display: block;
		object-fit:cover!important;

}
	
	.ms-3 {margin-left:-3em}
 .d-flex.mb-3 .ms-3 {
        width:auto;       /* resto para el texto */
    }

    .d-flex.mb-3 .ms-3 h6 {
        font-size: 0.7em;
        font-weight: 700;
        color: #000;
        margin: 0 0 0.5em 0;
		
    }

    .d-flex.mb-3 .ms-3 small a {
        color: #555; font-size:0.6em;
			
    }

    .d-flex.mb-3 .entry-excerpt {
			
        font-size: 0.9em;
        line-height: 1.5em;
        color: #333;
        margin: 0;
    }
	
	.d-flex.mb-3	{margin-top:1.2em!important;}	
	
}

/* Categorías en últimas entradas y penúltimos posts */
.d-flex.mb-3 .ms-3 small a{color:#ffffff !important;}
.d-flex .ms-3 small,
.d-flex.mb-3 .ms-3 small {
    background-color: #f0ad4e; /* color de fondo, cámbialo a tu gusto */
    color: #ffffff !important;  /* letras blancas */
    padding: 0em 0.5em;       /* espacio alrededor del texto */
    border-radius: 5px;         /* esquinas redondeadas */
    font-size: 0.8em;           /* tamaño de letra */
    display: inline-block;      /* que respete el padding y border-radius */
    margin-bottom: 0.3em;       /* separación del título */
}

/* Línea fina entre cada entrada de lista y bloque de categoría */
.d-flex.mb-3 {
    border-bottom: 1px solid #ccc; /* línea fina gris */
    padding-bottom: 1em;           /* espacio debajo del contenido */
    margin-bottom: 1em;            /* separación extra */
}

/* Opcional: quita la línea del último elemento */
.d-flex.mb-3:last-child {
    border-bottom: none;
    margin-bottom: 0;
}


#block-6 .wp-block-heading {background-color:#141C52!important;}

.wp-block-heading::after {
    background-color: #141C52 !important; /* o el color que quieras */
}

.wp-block-heading {
    border-color:#141C52 !important;            
}

.home #newsup_posts_list-5{display:none;}

.mg-sec-title h4{background-color:#141C52!important;}

.mg-sec-title h4::before {
    content: "";
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    border-top: 40px solid transparent !important;
    border-bottom: 0px solid transparent !important;
    border-left: 25px solid #141C52 !important;
    padding: 0 !important;
    margin: 0 5px 0 0 !important;
}

.mg-sec-title {
     border-color:#141C52 !important;
    
}

.video-thumb {
    position: relative;
    display: inline-block;
}

.video-thumb .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0,0,0,0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-thumb .play-icon::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 20px solid white;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.video-info a{color:black !important;}

/* Estilo completo del buscador */
.buscador-frontpage {
    width: 100%;
    background-color: #f8f8f8;
    padding: 15px 0;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-top: 0;
    position: relative;
    z-index: 10;
}

.buscador-frontpage form {
    display: inline-block;
    max-width: 600px;
    width: 90%;
}

.buscador-frontpage input[type="search"] {
    padding: 8px 15px;
    height: 38px;
    vertical-align: middle;
}

.buscador-frontpage button {
    height: 38px;
    padding: 0 15px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #333;
    color: #fff;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}

.buscador-frontpage button:hover {
    background-color: #555;
}