/*
Theme Name: Dialsur
Theme URI: https://www.garajedoce.es  
Version: 1.0
Description: Tema hijo para Dialprix
Author: garajedoce
Author URI: https://www.garajedoce.com
Template: Divi
*/  

/*	MENU	*/

#et_mobile_nav_menu
{
	display:none !important;
}

#main-header
{
	position: fixed !important;
}

#top-menu
{
	display: block !important;
}

#main-header:not(.et-fixed-header)
{
	background: #E5E7D2!important;
	box-shadow: unset;
}
#main-header ul#top-menu > li > a
{
	background-color: #5ba300 !important;
    margin-bottom: 33px;
    padding: 10px 15px 10px 15px;
    border-radius: 15px;
    color: white;
}

#main-header.et-fixed-header ul#top-menu > li > a
{
	margin-bottom:20px;
}

/*	GENERAL	*/

.et_pb_text h1, 
.et_pb_text h2, 
.et_pb_text h3
{
  font-weight:500 !important;
}

.contenedor
{
  display:flex;
  gap:30px;
  justify-content: space-between;
}


.contenedor.servicios
{
	justify-content: flex-start;
}

.contenedor.servicios,
.contenedor.secciones
{
	text-align:center;
}

body.sin-folleto .folleto-selecionado{
	display:none !important;
}

/*	Banner HOME	*/
.ctdqb-carousel-arrow:disabled
{
	display:none;
}


/*	CENTROS		*/

.wpc-filter-title
{
	display:none !important;
}

.contenedor.centros-mapa input.wpc-search-field
{
	border: solid 2px #fbb034 !important;
	border-radius: 53px !important;
	border:0px;
	font-size:18px;
	padding: 10px 30px;
	
}

.contenedor.centros-mapa .wpc-filters-main-wrap input.wpc-label-input:checked+label,
.contenedor.centros-mapa .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
.contenedor.centros-mapa .wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper,
.contenedor.centros-mapa .wpc-filters-main-wrap input.wpc-label-input+label:hover
{
	background-color:#5BA300 !important;
}

.contenedor.centros-mapa .wpc-filters-main-wrap input.wpc-label-input+label:hover,
.contenedor.centros-mapa .wpc-filters-main-wrap input.wpc-label-input+label
{
	border:0px !important;
	    border-radius: 20px;
    justify-content: center;
    margin: 0px;
    padding: 15px;
}

.contenedor.centros-mapa .wpc-filters-labels
{
	gap:15px;
	justify-content:space-between !important;
}

wpc-filters-ul-list::after
{
	display:none;
}

.contenedor.centros-mapa .wpc-label-item label
{
	background-color:#014921;
	color:white;
	font-size:20px;
	padding:15px;
}

.contenedor.centros-mapa .wpc-label-item label a
{
	color:white !important;
}

.contenedor.centros-mapa
{
	display: grid;
    grid-template-columns: 1fr 1fr;
	gap:30px;
}


.contenedor.centros-mapa .contenedor.tools
{
	grid-column:1/3;
}

.contenedor .contenedor.centros
{
	display:flex;
	flex-direction:column;
	gap: 10px;
	max-height: 60vh;
    overflow: scroll;
}

.contenedor.centros-mapa .acf-map
{
	min-height:300px;
}

/*	Tarjeta de centro	*/

.contenedor .centros .centro
{
	background-color: #2500FE;
    padding: 32px;
    color: white;
	border-radius: 20px;
	padding-left: 70px;
    position: relative;
	border: 3px solid transparent;
	transition: all 1s;

}

.contenedor .centros .centro.cerrado
{	
	background-color: transparent;
    color: #2500FE;
	box-shadow: 0px 4px 5.3px 0px rgba(0, 0, 0, 0.18);
	border: 3px solid #2500FE;

}

.contenedor .centros .centro.cerrado > p,
.contenedor .centros .centro.cerrado > a,
.contenedor .centros .centro.cerrado > a.boton
{	
	display:none;
}

.contenedor .centros .centro .titulo
{	
	font-size: 1.56em;
	margin-bottom:20px;
}
.contenedor .centros .centro p{
	padding:0px;
}
.contenedor .centros .centro img.boton-accion

{
	position: absolute;
    left: 30px;
	cursor: pointer;
}

.contenedor .centros .centro.cerrado .titulo
{	
	display:block;
}

/*	Botones */

.contenedor .centros .centro a.boton{
    background-color: #fbb034;
    color: white !important;
    padding: 14px 65px;
    text-align: center;
    text-decoration: none;
    border-radius: 37px;
    font-weight: bold;
    display: inline-block;
    margin: 10px;
}
.contenedor .centros .centro a.boton:hover{
    background-color: white;
	color:#2500FE !important;
   
}

/*	Botones de sleeccion del buscador de centros	*/
.wpc-filters-main-wrap li.wpc-term-item label
{
	padding: 10px !important;
    border: 0px !important;
    border-radius: 20px;
	cursor:pointer;
	background-color: #fbb034;;
	padding:10px 30px !important;
}

.wpc-filters-main-wrap li.wpc-term-item label:hover,
.wpc-filters-main-wrap li.wpc-term-item input:checked + label
{
	background: #2500FE;
}

.wpc-filters-main-wrap li.wpc-term-item label a,
.wpc-filters-main-wrap li.wpc-term-item input + label a
{
		color:white !important;
		font-size:20px;
		margin:0px;
}

.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper
{
	padding:10px !important;
}

.wpc-filters-main-wrap ul.wpc-filters-ul-list
{
	display:flex;
	gap: 10px;
}

.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], 
.wpc-filters-main-wrap li.wpc-term-item input[type=radio]
{
	appearance: none !important;
}


/* Efector hover */ 
 .img-efecto-hover:hover ~ .et_pb_module .et_pb_text_inner 
{
    color: #0073ae;
}
.img-efecto-hover:hover ~ .et_pb_blurb .et_pb_module_header span {
    color: #0073ae;
}
/* Cambiar color del SVG (ícono) */
.img-efecto-hover:hover ~ .et_pb_blurb .et_pb_main_blurb_image img {
    filter: invert(41%) sepia(90%) saturate(600%) hue-rotate(45deg) brightness(90%);
}


/*	Markers del mapa	*/
.pop-up-mapa
{
	font-size:18px;	
}

.horario
{
	display: grid;
    grid-template-columns: 1fr 1fr;
}

.horario .hora
{
	text-align: end;
}

.gm-style-iw-d
{
	max-width: 300px !important;
	max-height: unset !important;
	max-width: 90% !important;
}

.horario .hora.Domingo,
.horario .dia.Domingo
{
	grid-row:7;
}

/* Subrayado de texto */
.et_pb_text_inner .subrayado  span{
     background: linear-gradient(transparent 60%, #0073ae 60%);
    font-weight: bold;
}

/* Mostrar imagen de escritorio por defecto */
.escritorio {
  display: block !important;
  width: 100% !important;
}

/* Ocultar imagen de móvil por defecto */
.movil {
  display: none !important;
  width: 100% !important;
}


/*	BLOG	*/
/*Elimina las comas*/
.et_pb_posts .post-meta > :not(a) {
  
display:none;
}

/* Ajustes generales de tipografía */

.subrayado {
  display: inline-block;
  position: relative;
  font-weight: bold;
}

.subrayado::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px; /* separación del texto */
  width: 100%;
  height: 6px; /* grosor de la línea */
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'><path d='M0 8 Q25 2 50 5 T100 4 L100 10 L0 10 Z' fill='%230074a6'/></svg>");
  background-size: 100% 100%;
}


/* Prueba*/



/* FIN Prueba */


/* Ajustes generales de tipografía para móviles muy pequeños */
@media (max-width: 479px) {
  html {
    font-size: 14px !important;
  }
}

/* En móviles (hasta 767px), mostrar imagen móvil y ocultar escritorio */
@media (max-width: 767px) {
  .escritorio {
    display: none !important;
  }

  .movil {
    display: block !important;
  }
	
	/*Boton Supermercado */
	.centro .boton {
    display: block;
    width: 80%;
    margin: 10px auto;
  }
}


 /* MÓVIL
 */

 @media (max-width: 767px)
 {
    html 
	{
		font-size:14px !important;
	}
	 .wpc-filters-ul-list
	 {
		 flex-wrap:wrap;
	 }
	 .contenedor.centros-mapa
	{
		display: grid;
		grid-template-columns: 1fr;
		gap:30px;
	}

 }


