/*
CSS personalizado para la web
*/

/* --- Modificaciones en la home ---*/
/* Efecto zoom al hacer hover sobre los bloques de enlaces*/
.dmkt-home-section-link .kadence-blocks-gallery-item-inner {
  transition: transform 0.3s ease; /* Hace que todos los cambios de transformación sean suaves */
}
.dmkt-home-section-link .kadence-blocks-gallery-item-inner:hover {
  transform: scale(1.1); /* Aumenta el tamaño del elemento a un 110% cuando se pasa el ratón sobre él */
}

/* Sombra en bloques de artículos */
.dmkt-article-box{
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5); /* Desplazamiento horizontal, desplazamiento vertical, radio de desenfoque, color */
}

/* Sombra general */
.dmkt-shadow{
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5); /* Desplazamiento horizontal, desplazamiento vertical, radio de desenfoque, color */
}

.dmkt-block-horaires{
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5); /* Desplazamiento horizontal, desplazamiento vertical, radio de desenfoque, color */
  border-radius: 10px;
  overflow: hidden;
}



/*Bloque link basado en Kadence*/
/*.dmkt-block-link-title {
  transition-duration: .5s;
  background-color: rgba(0,140,186,.7);
  padding: 8px 20px;
  width: 95%;
  border-radius: 0 30px 30px 0;
}
  
.dmkt-block-link:hover .dmkt-block-link-title {
  background-color: rgba(0,140,186,.9);
}
  
.dmkt-block-link .kt-svg-icons {
  transition-property: transform;
  transition-duration: .5s;
}
  
.dmkt-block-link:hover .kt-svg-icons {
  transform: translateX(20px);
}

/*Estilos Gravity Forms*/
  /*
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea{
  font-size: 16px;
  border: solid var(--wp--preset--color--secondary);
  border-radius: 10px;
  background-color: var(--wp--preset--color--background);
}
  
.gform_wrapper.gravity-theme .gfield_label {
  font-size: 18px;
  color: var(--wp--preset--color--primary)
}
  
.gform_button {
  background-color:var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  text-transform:uppercase;
  font-family: roboto;
  font-size: 18p;
  font-weight:700;
  padding: 14px 26px;
  border-radius: 25px;
  border: none;
  cursor: pointer;
}

.gform_button:hover{
  background-color:var(--wp--preset--color--secondary);
}

/* Estilos para el bloque que contiene el menú sticky */
/*.dmkt-sticky-menu {
  position: fixed;
  top: -100px; 
  transition: top 0.3s ease;
  z-index: 999;
}

.dmkt-sticky-menu.dmkt-sticky-menu-visible {
  top: 0;
}

/* Estilos para la barra que aparece debajo del mení */
.dmkt-main-menu ul.wp-block-navigation__container li a{
  position: relative;
  margin: 0px 15px;
}
.dmkt-main-menu ul.wp-block-navigation__container li a:after{
  position: absolute;
  bottom: 7px;
  left: 0px;
  width: 100%;
  height: 4px;
  background-color: var(--wp--preset--color--primary);
  content: "";
  opacity: 0;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  transform: translateY(20px);        
}
.dmkt-main-menu ul.wp-block-navigation__container li a:hover:after {
  opacity:1;
  transform: translateY(15px)
}
.dmkt-main-menu ul.wp-block-navigation__container .current-menu-item a:after{
  position: absolute;
  bottom: 7px;
  left: 0px;
  width: 100%;
  height: 4px;
  background-color: var(--wp--preset--color--primary);
  content: "";
  opacity: 1;
  transform: translateY(15px);     
}

.wp-block-navigation__submenu-container li:hover {
  background-color:var(--wp--preset--color--primary);
  color:var(--wp--preset--color--contrast);
}

/* Estilos de los enlaces en el footer */
.dmkt-footer-link a{
  color:#fff;
  text-decoration: none;
}
.dmkt-footer-link a:hover{
  color: var(--wp--preset--color--primary);
}

.dmkt-footer-menu a:hover{
  color: var(--wp--preset--color--primary) !important;
  text-decoration: none !important;
}
.dmkt-footer-social:hover svg{
  stroke: var(--wp--preset--color--primary) ;
  color: var(--wp--preset--color--primary) ;
}

/* Estilos para elementos FacetWP*/
.facetwp-load-more,
.facetwp-flyout-open{
  margin: 20px 0;
  padding: 10px 20px;
  font-family:var(--wp--preset--font-family--roboto);
  font-size: 18px;
  font-weight:700;
  background-color:#fff;
  color: var(--wp--preset--color--contrast);
  border-color: var(--wp--preset--color--contrast);
  border-radius: 8px
}

.facetwp-facet input.facetwp-search{
  min-width: 100px !important;
}
.facetwp-load-more:hover,
.facetwp-flyout-open:hover{
  background-color:var(--wp--preset--color--primary);
  cursor:pointer;
}

.facetwp-reset {
  margin: 20px 0;
  font-size: 18px;
  font-weight: 500;
  font-family: var(--wp--preset--font-family--roboto);
  text-decoration: underline;
  /*padding: 4px 10px;*/
  line-height: 1.7em!important;
  background-color: transparent;
  color: var(--wp--preset--color--contrast);
  border: 0px;
  /*border-radius: 3px;*/
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
}

.facetwp-reset:hover {
  color: var(--wp--preset--color--primary);
}

.facetwp-type-pager{
  margin-bottom:0px !important;
}

.flyout-row .name-resetear_las_opciones{
  display: none;
}

.flyout-row h3{
  font-size: 20px;
  color: var(--wp--preset--color--contrast);
}

.facetwp-facet {
  margin-bottom: 20px !important;
}

/* Estilos del plugin Scriptless Social Media */
/*.scriptlesssocialsharing .button{
  background-color:#fff !important;
  border: none !important;
}

.scriptlesssocialsharing a.button{
  color: var(--wp--preset--color--secondary) !important;
}

.scriptlesssocialsharing a.button:hover{
  color: var(--wp--preset--color--tertiary) !important;
}

.scriptlesssocialsharing .sss-name{
  display:none;
}

.scriptlesssocialsharing svg{
  width: 25px;
  height: 35px;
  
}*/