/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.5.1.1741634152
Updated: 2025-03-10 21:15:52

*/
/*cercademi*/
h1 {
    text-align: center;
    margin: 0px auto;
    display: block; 
}

   .main-navigation {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}




.inside-navigation {border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.inside-navigation {
    border-bottom: 5px solid #b62a2a;
    width: 100%; /* Asegura que ocupa todo el ancho de su contenedor */
    margin: 0;   /* Elimina márgenes que podrían restringir su ancho */
    padding: 0;  /* Elimina relleno que podría restringir su ancho */
}




h2:after {
    width: 50px;
    height: 5px;
    background-color: #d79812;
    content: '';
    display: block;
    margin-top: 10px;
}



/* Estilos para el contenedor de las columnas */
.responsive-two-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Estilos para cada columna */
.responsive-two-columns > div {
    flex: 0 0 calc(50% - 20px); /* Establece el ancho de cada columna */
    padding: 20px;
    box-sizing: border-box;
}

/* Media query para hacer que las columnas se apilen en pantallas pequeñas */
@media (max-width: 768px) {
    .responsive-two-columns > div {
        flex-basis: 100%;
        margin-bottom: 20px; /* Agrega espacio entre las columnas apiladas */
    }
}





/* Estilos para el grid */
        .grid-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Columnas automáticas y responsivas */
            grid-gap: 20px; /* Espacio entre los elementos del grid */
            
            margin: 0 auto; /* Centrar el grid en la página */
        }

        .grid-item {
            background-color: #d56216; /* Fondo gris un poco más claro */
            color: #fff; /* Texto blanco */
            border: 1px solid #2C3B52; /* Borde sutil */
            border-radius: 5px; /* Borde redondeado */
            padding: 10px; /* Espaciado interno para cada elemento */
            text-align: center; /* Centrar el texto en el elemento */
            transition: background-color 0.3s; /* Transición de color de fondo */
        }

        /* Estilos para el hover */
        .grid-item:hover {
            background-color: #fabb17; /* Fondo gris más oscuro al pasar el mouse */
        }

        /* Estilos para los enlaces */
        .grid-item a {
            text-decoration: none; /* Quitar subrayado de los enlaces */
            color: #fff; /* Color del texto */
        }




.categories{
    column-count: 2;
    column-gap: 50px;
}


.column-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .column {
    flex: 1;
    padding: 10px;
    box-sizing: border-box;
  }
  .author-box {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .author-image {
   
    max-width: 200px;
    margin-right: 10px;
  }


.author-image {
    max-width: 150px; /* Ajusta el ancho máximo según tus preferencias */
    border: 2px solid #999; /* Borde gris de 2 píxeles */
    border-radius: 8px; /* Bordes redondeados */
}

.author-box {
    border: 2px solid #ccc; /* Borde gris de 2 píxeles */
    border-radius: 10px; /* Bordes redondeados */
    padding: 20px; /* Espaciado interno */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Sombra ligera */
}

.author-image {
    max-width: 150px; /* Ajusta el ancho máximo según tus preferencias */
    border: 2px solid #999; /* Borde gris de 2 píxeles */
    border-radius: 50%; /* Bordes redondeados para la imagen circular */
}

.nombre-autor {
    font-size: 20px;
    color: #333;
}

.box-autor {
    font-size: 16px;
    color: #666;
    margin: 10px 0;
}

a.boton-rojo {
            padding: 10px;
            display: block;
            font-weight: 700;
            text-align: center;
            color: #fff;
            background: #db3333;
            border-radius: 5px;
            text-decoration: none;
            clear: both;
            box-shadow: rgba(0,0,0,.24) 0 3px 8px;
        }
        a.boton-rojo:hover {
            background: #a62525;
            text-decoration: none;
            color: #fff;
        }




.cosi {
	border-radius: 10px!important;
}
.cosi .su-note-inner {
	background: #E5EEF1!important;
	border: 2px inset #196f20 !important;
	border-radius: 10px!important;
}
.title {
      font-size: 24px;
      font-weight: bold;
    }
.nombre-negocio {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.negocio a.boton-azul {
	padding: 5px!important;
}
table.estados-tabla {
	border: 0;
	padding: 0;
	font-size: 22px;
}
table.estados-tabla td {
	border: 0;
	padding: 0;
	text-align: center;
}
a.boton-azul {
  padding: 10px;
  display: block;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #3379db;
  border-radius: 5px;
  text-decoration: none;
  clear: both;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

a.boton-azul:hover {
  background: #13468d;
  text-decoration: none;
  color: #fff;
}
a.boton-rojo {
  padding: 10px;
  display: block;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #db3333;
  border-radius: 5px;
  text-decoration: none;
  clear: both;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

a.boton-rojo:hover {
  background: #a62525;
  text-decoration: none;
  color: #fff;
}
.site-info {
    border-radius: 15px 15px 0 0;
}
.main-navigation, .main-navigation ul ul {
    border-radius: 0 0 15px 15px;
}
/*author*/
.author-box {
	padding: 3%;
	padding-bottom: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 0.9em;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
        box-shadow: 0 9px 28px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	font-size: 15px;
	border-radius: 20px;
	border-left: 10px solid #fc664d;
}
.author-box .avatar {
	width: 300px;
	height: auto;
	border-radius: 100%;
	margin-right: 30px;
}
h5.author-title {
	margin-bottom: 0.1em;
	font-weight: 600;
}
.author-description {
	line-height: 1.6em
}
.author-links a {
	margin-top: -1.5em;
	font-size: 2em;
	line-height: 2em;
	float: left;
}
@media (max-width: 768px) {
	.author-box {
		padding: 20px;
		padding-bottom: 25px;
		margin-top: 60px;
		flex-direction: column;
		text-align: center;
	}
	.author-box .avatar {
		margin-right: 0;
		width: 100%;
		margin-top: -25px;
	}
	.author-box .avatar img {
		max-width: 100px;
	}
	.author-links a {
		float: none;
		align-self: center;
	}
	.author-description {
		margin-bottom: -0.1em;
	}
}
/*fin author*/
/*HOME*/
.ul-entrada-cluster {
	list-style-position: inside;
    margin-left: 5px;
    font-size: 15px;
	padding: 5px;
}
.ul-entrada-cluster li {
	margin-bottom: 5px;
}
.ul-entrada-cluster a {
	color: #000;
}
.ul-entrada-cluster a:hover {
	color: #fc664d;
}
/*PARA LAS LISTAS*/
.clusters article.entrada-cluster a img {
  object-fit: cover;
  width: 100vw !important;
}
ol.pasos {
  list-style: none;
  counter-reset: steps;
}
ol.pasos li {
  counter-increment: steps;
}
ol.pasos li::before {
  content: counter(steps);
  margin-right: 0.5rem;
  background: #006bff;
  color: white;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  line-height: 1.2em;
}
ol.pasos ol li::before {
  background: darkorchid;
}
ul.requisitos {
  list-style: none;
}
ul.requisitos li::before {
  content: "📌";
  display: inline-block;
  margin-right: 0.2rem;
}

div.cluster-texto > article > a {
    text-decoration: none !important;
}
div.cluster-texto > article > a > p {
    font-size: 18px;
	margin-top: 0 !important;
}
.rank-math-breadcrumb p {
    padding: 10px 10px 10px 20px;
    background: #fafafa;
    font-size: 10px;
    box-shadow: rgb(23 43 99 / 20%) 0 7px 10px !important;
    border-radius: 5px;
    text-transform: uppercase;
}
.anuncio1 {
	width: 500px;
	max-width: 50%;
	height: auto;
	float: left;
	margin-right: 10px;
}
@media (max-width: 767.98px) {
	.anuncio1 {
	width: 600px;
	max-width: 100%;
}
}

.container {
    width: 100%;
    padding: 15px;
  }
  .row {
    display: flex;
    flex-wrap: wrap;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 15px;
  }
  @media (max-width: 768px) {
    .col-md-6 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }

/* Estilos para la clase .su_note */
.su_note {
  background-color: #f3fbf5; /* Fondo suave con un toque de azul */
  border: 2px solid #257350; /* Azul más vibrante para el borde */
  border-radius: 10px; /* Bordes más redondeados */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra sutil */
  padding: 20px; /* Más espacio interno */
  margin-bottom: 25px; /* Mayor separación entre fichas */
  font-family: 'Arial', sans-serif; /* Tipografía limpia y legible */
  color: #333; /* Texto en un tono oscuro para mejor contraste */
}



.cluster-call .entry-header img.cluster-image {
    max-width: 100% !important;
    height: auto !important;
    max-height: 200px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    transition: all 0.2s ease-in-out !important;
}



/* Estilo para cada ficha */
.su_note {
    background-color: #f3fbf5; /* Fondo suave con toque azul de tu definición */
    border: 2px solid #257350; /* Borde azul vibrante */
    border-radius: 10px; /* Bordes redondeados */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra sutil */
    padding: 20px;
    margin-bottom: 25px;
    font-family: 'Arial', sans-serif;
    color: #333;
}

/* Título de cada ficha */
.su_note h3 {
    font-size: 24px;
    margin: 0 0 15px;
    color: #333;
    text-align: center; /* Centrado como en tu .nombre-negocio */
}

/* Diseño de dos columnas responsivo */
.responsive-two-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px; /* Espacio entre columnas */
}

.responsive-two-columns > div {
    flex: 0 0 calc(50% - 10px); /* Dos columnas exactas con espacio */
    min-width: 0; /* Evita desbordamientos */
    box-sizing: border-box;
}

/* Estilo para la imagen */
.imagen1 {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 15px;
    display: block;
}

/* Estilos para los textos en negrita */
.direccion-clase,
.telefono-clase,
.opiniones-clase {
    display: block;
    font-weight: bold;
    margin: 10px 0 5px;
    color: #555;
}

/* Enlaces de teléfono y opiniones */
a {
    color: #0073aa;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Botón "Cómo llegar ahora" (unificado con tu estilo existente) */
a.boton-rojo {
    display: block;
    background-color: #db3333;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    transition: background-color 0.3s ease;
}

a.boton-rojo:hover {
    background-color: #a62525;
    text-decoration: none;
    color: #fff;
}

/* Ajuste para el mapa generado por [su_gmap] */
.su_gmap iframe {
    width: 100%;
    height: 200px;
    border: 0;
    margin-bottom: 15px;
    border-radius: 5px; /* Para consistencia */
}

/* Media query para pantallas pequeñas */
@media (max-width: 768px) {
    .responsive-two-columns > div {
        flex: 0 0 100%; /* Columnas apiladas en pantallas pequeñas */
    }

    .su_note {
        padding: 15px;
    }

    .su_note h3 {
        font-size: 20px;
    }

    a.boton-rojo {
        width: 100%;
    }
}