/*
Theme Name: Divi Child - Eweb
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.14.1477321393
Updated: 2016-10-24 15:03:13
Modified by Eweb Diseño y Posicionamiento Web para abogados
*/


/*

	COLORES:


	FALTA:
		Inicio ---> diseño, contenido, fotos y banner
		Firma ---> titlebar contenido, fotos y banner
		Especialidad ---> titlebar, contenido, fotos y banner
		Áreas ---> titlebar, contenido, fotos y banner
		A. Jurídica ---> titlebar, contenido, fotos y banner
		A. Procuraduría ---> titlebar, contenido, fotos y banner
		Noticias ---> titlebar, contenido y banner
		Blog ---> titlebar, contenido y banner
		Contacto ---> titlebar, contenido y banner
		Consulta online ---> titlebar, contenido, fotos y banner
		aviso,cookies y politica ---> titlebar, banner
		404, search, single y category ---> titlebar, banner

	Inspiración:
		

*/


/*
						NAVEGACIÓN
*/

/*****Cambiar el tamaño del submenú*****/
	.nav li ul {
  		/*width:290px !important;*/
	}

/*****Cambiar el tamaño del ítem del submenú*****/
	#top-menu li li a, #menu-principal li li a{
  		/*width:250px !important;*/
	}


/*
                        CUERPO
*/

/*****Alineación horizontal de los elementos en una fila*****/
	.horizontal-align { 
    	display: flex; 
    	flex-direction: column; 
    	justify-content: center;
	}
/*****Eliminar el fallo que se produce en el botón de envío del formulario*****/
	.wpcf7-submit:hover {
		padding: 0.3em 1em !important;
	}


/*
						PIE DE PÁGINA
*/

/*****Resaltar enlaces interéss*****/
	.et_pb_widget a:hover {
		/*color: #ffb356 !important;*/
	}

/*****Resaltar enlaces footer*****/
	#footer-info a:hover {
  		color: #fff!important;
	}

	.et-social-google-plus a:hover {
		color: #d51f1e !important;
	}

	.et-social-facebook a:hover {
		color: #3b5998 !important;
	}

	.et-social-twitter a:hover {
		color: #1da1f2 !important;
	}

#resuelto {
  background-image: url('data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSgwLDAsMCwwLjA4KSIgaGVpZ2h0PSI2MHB4IiB3aWR0aD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjEwIiByeD0iNSIvPjxyZWN0IHg9IjYwIiB5PSIyMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjEwIiByeD0iNSIvPjxyZWN0IHg9IjIwIiB5PSI0MCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjEwIiByeD0iNSIvPjwvc3ZnPg==');
  background-size: auto;
  background-repeat: repeat;
  animation: moveBackground 20s linear infinite;
  background-color: #ffffff;
  position: relative;
  z-index: 0;
}

@keyframes moveBackground {
  0%   { background-position: 0 0; }
  100% { background-position: 800px 800px; }
}

#resuelto-micro {
  background-image: url('data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSgwLDAsMCwwLjA4KSIgaGVpZ2h0PSI2MHB4IiB3aWR0aD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjEwIiByeD0iNSIvPjxyZWN0IHg9IjYwIiB5PSIyMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjEwIiByeD0iNSIvPjxyZWN0IHg9IjIwIiB5PSI0MCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjEwIiByeD0iNSIvPjwvc3ZnPg==');
  background-size: 125px;
  background-repeat: repeat;
  animation: moveBackground-micro 20s linear infinite;
  background-color: #ffffff;
  position: relative;
  z-index: 0;
}

@keyframes moveBackground-micro {
  0%   { background-position: 0 0; }
  100% { background-position: 250px 250px; }
}

div.et_pb_section.et_pb_section_5.svg-pills-background.et_section_regular {
	display: none!important;
}

/* Carrusel Filas */

.carrusel-filas {
  position: relative;
  overflow: hidden;
}

.carrusel-filas .slide-fila {
  display: none;
  transition: opacity 0.5s ease;
}

.carrusel-filas .slide-fila.activa {
  display: block;
}

.carrusel-filas .flecha-carrusel {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: white;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
  font-size: 20px;
  border-radius: 50%;
}

.carrusel-filas .prev-fila {
  left: 10px;
}

.carrusel-filas .next-fila {
  right: 10px;
}

/* Mostrar todas las filas en el editor Visual de Divi */
.et_fb .carrusel-filas .slide-fila {
  display: block !important;
  opacity: 0.5; /* Opcional: para que sepas que estás en editor */
}

/* Ocultar todas las filas por defecto en frontend */
body:not(.et_fb) .carrusel-filas .slide-fila {
  display: none;
  transition: opacity 0.5s ease;
}

/* Mostrar solo la activa */
body:not(.et_fb) .carrusel-filas .slide-fila.activa {
  display: block;
}

/* WHATSAPP */
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  color: white;
  font-size: 28px;
  padding: 14px 16px;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  z-index: 9999;
  transition: transform 0.3s ease;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.whatsapp-float:hover {
  transform: scale(1.1);
}

/* Tooltip */
.whatsapp-tooltip {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #444;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  font-size: 13px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, right 0.3s ease;
  pointer-events: none;
  z-index: 10000;
}

.whatsapp-float:hover .whatsapp-tooltip {
  opacity: 1;
  visibility: visible;
  right: 70px;
}

/* Accesibilidad */

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    background-color: var(--cmplz_button_accept_background_color);
    border: 1px solid var(--cmplz_button_accept_border_color);
    color: #ffffff!important;
}