/*
Theme Name: Malacate Comunicación
Theme URI: http://www.malacatecomunicacion.es
Template: Divi
Author: Eiduo
Author URI: http://www.agenciaeiduo.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1754393199
Updated: 2025-08-05 13:26:39

*/

/* # 00.
---------------------------------------------------------------------------------------------------- 

    01.     THEME
    02.     HEADER
    03.     FOOTER
    04.     FORMULARIOS
    05.     INICIO
    06.     NOSOTROS
    07.     PORTFOLIO/SERVICIOS
    08.     BLOG
    09.     CONTACTO
    10.     PAGES



/* # 01. THEME
---------------------------------------------------------------------------------------------------- */
/* Importar las tipografias que se usaran para el Theme */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
    --primary-color: #4088a1;
    --secondary-color: #262626;

    --dark-color: #0D0D0D;
    --medium-color:#6C6E74;
    --light-color:#E6EBED;
	--white-color:#FFF;

    --font-primary: 'Montserrat', sans-serif;
    --font-secondary: 'Playfair Display', serif;

	--bold: 700;
	--semibold: 500;
	--regular: 300;
}

body {
	background-color: var(--white-color);
	font-family: var(--font-primary);
	font-size: 14px;
	line-height: 1.4;
}

.font-primary { font-family: var(--font-primary)!important; }
.font-secondary { font-family: var(--font-secondary)!important; }
/* ## Titulos y subtitulos
--------------------------------------------- */ 
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { line-height: 1.2;}

h1, .h1 { font-size: 36px !important; }
h2, .h2,
h3, .h3 { font-size: 27px !important; }
h4, .h4 { font-size: 21px !important; }
h5, .h5 { font-size: 18px !important; }
h6, .h6, 
p { font-size: 16px !important; }

.font-xl { font-size: 42px !important; }
.font-l { font-size: 36px !important; }
.font-m { font-size: 21px !important; }
.font-xs, small { font-size: 14px !important; }

.title { font-weight:var(--bold); font-family: var(--font-secondary);}
.subtitle { font-style:italic; }

.uppercase { text-transform: uppercase;}


/* ## Colores
--------------------------------------------- */ 
.text-color-primary { color: var(--primary-color)!important; }
.text-color-secondary { color: var(--secondary-color)!important; }

.text-color-dark { color: var(--dark-color)!important; }
.text-color-medium { opacity: 0.5; }
.text-color-light { color: var(--white-color) !important; }

/* ## Fondos
--------------------------------------------- */ 
.bg-primary { background: var(--primary-color) !important; color: var(--white-color)!important; }
.bg-secondary { background: var(--secondary-color) !important; color: var(--white-color)!important;}
.bg-dark { background: var(--dark-color) !important; color: var(--white-color); }
.bg-medium { background: var(--light-color) !important; color: var(--dark-color); }
.bg-light { background: var(--white-color) !important; color: var(--dark-color); }

/* ## Bordes
--------------------------------------------- */ 
.border-color-primary:before { border-top-color: var(--primary-color)!important; }
.border-color-secondary:before { border-top-color: var(--secondary-color)!important; }

.line-h-title {
	width: 100%;
	max-width: 150px;
	height: 7px;
	background-color: var(--secondary-color);
	border: none;
	margin-bottom: 2rem !important;
	margin-left: 0px;
}

/* ## Botones
--------------------------------------------- */ 
.btn,
.et_pb_button {
	border-radius: 100px!important;
	border: 2px solid !important;
	font-size: 18px!important;

}
.btn:after {
	font-size: inherit!important;
	font-family: ETmodules!important;
	content: attr(data-icon)!important;
}

.btn--info {
	border-color: var(--primary-color)!important;
	color: var(--primary-color)!important;
	background: transparent!important;
}
.btn--info:hover {
	border-color: var(--secondary-color)!important;
	color: var(--secondary-color)!important;
}

.btn--call {
	border-color: var(--secondary-color)!important;
	background: var(--secondary-color)!important;
	color: var(--white-color)!important;
}

.btn.btn--call:after { color: var(--white-color) !important;}

.btn--call:hover {
	border-color: var(--primary-color)!important;
	background: var(--primary-color)!important;
}

.bg-primary .btn--call,
.bg-dark .btn--call { 
	border-color: var(--white-color)!important;
	background: var(--white-color)!important;
	color: var(--primary-color)!important;
}

.bg-primary .btn--info,
.bg-dark .btn--info { 
	border-color: var(--white-color)!important;
	color: var(--white-color)!important;
}

/* ## Links
--------------------------------------------- */ 
a { color: #262626;}

/* ## Listas
--------------------------------------------- */ 
.content--accordion .et_pb_toggle { border: none!important;}
.content--accordion .et_pb_accordion_item{
	background-color: transparent!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
	margin-bottom: -1px!important;
	border-bottom: 1px solid !important;
}

.content--accordion .et_pb_accordion_item:first-child{
	border-top: 1px solid !important;
}

.content--accordion .et_pb_accordion_item .et_pb_toggle_title {
	text-transform: uppercase;
}

.bg-dark .content--accordion .et_pb_accordion_item{
	border-color: var(--light-color)!important;
}

.bg-dark .content--accordion .et_pb_accordion_item .et_pb_toggle_title {
	color: var(--light-color)!important;
}

.list--item-contact ul li{ padding-top: 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--primary-color);}
.list--item-contact ul li a{ color: var(--dark-color);}

/* ## Layout
--------------------------------------------- */ 
/* .et_fixed_nav.et_show_nav #page-container { padding-top: 0px !important; } */

.et_pb_row {
	width: 100%;
	max-width: 1500px;
	padding-left: 1.5rem!important;
	padding-right: 1.5rem!important;
}
.wrapper .et_pb_row {
	width: 100%;
	max-width: 100%;
	padding-left: 1.5rem!important;
	padding-right: 1.5rem!important;
}

.w-950 { max-width: 720px; }

.vertical-align-top {
	margin-top: 0px;
	margin-bottom: auto;
}
.vertical-align-center {
	margin-top: auto;
	margin-bottom: auto;
}
.vertical-align-bottom {
	margin-top: auto;
	margin-bottom: 0px;

}

.p-xl { padding: 4rem; }
.p-l { padding: 2rem; }
.p-m { padding: 1rem; }

.py-xl { padding-top: 4rem; padding-bottom: 4rem; }
.py-l { padding-top: 2rem; padding-bottom: 2rem; }
.py-m { padding-top: 1rem; padding-bottom: 1rem; }

.pt-xl { padding-top: 4rem; }
.pt-l { padding-top: 2rem; }
.pt-m { padding-top: 1rem; }

.pb-xl { padding-bottom: 4rem; }
.pb-l { padding-bottom: 2rem;; }
.pb-m { padding-bottom: 1rem; }

.content--box-text,
.content--box-review {
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 3rem;
	border-radius: 14px;
}
.content--box-review { margin-bottom: 0px !important;}


/* # 03. FOOTER
---------------------------------------------------------------------------------------------------- */
footer#main-footer {}
footer#main-footer .fwidget{
	display: block;
	float: none!important;
}

footer#main-footer .fwidget ul.wp-block-social-links { text-align: center;}
footer#main-footer .fwidget ul.wp-block-social-links li { padding-left: 0px!important;}
footer#main-footer .fwidget ul.wp-block-social-links li:before { display: none!important;}

#footer-info { float: none!important; text-align: center;}
/* # 04. FORMULARIOS
---------------------------------------------------------------------------------------------------- */
.gform_required_legend { display: none!important;}


/* # 05. INICIO
---------------------------------------------------------------------------------------------------- */
.slideshow--header .et_pb_slide_description {
	max-width: 950px;
}
/* Seccion nuestros clientes*/

.et_pb_gallery_grid.gallery--clients .et_pb_gallery_item img { width: auto!important; max-width: 100%!important;}


.content--service h2,
.content--service h3,
.content--service h4,
.content--service h5,
.content--service h6, 
.content--service p {
	margin-bottom:0.8rem;
}
@media(min-width:768px)  {}
@media(min-width:981px)  {
	/* # 02. HEADER
	---------------------------------------------------------------------------------------------------- */
	header#main-header nav#top-menu-nav ul.nav li.menu-item a { color: var(--white-color)!important;}
	header#main-header nav#top-menu-nav ul.nav li.menu-item ul.sub-menu li a { color: var(--dark-color)!important;}

	/* Oculta los submenús por defecto */
	.et_vertical_nav #main-header {
		background-image: url("https://malacatecomunicacion.es/wp-content/themes/malacate/assets/img/fondo-menu.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.et_vertical_nav #main-header .container {
		margin: 0 1.5rem!important;
	}

	.et_vertical_nav #main-header #top-menu li.menu-item > ul.sub-menu { 
		display: none!important;
		opacity:1!important;
		visibility:visible!important;
		position:relative!important;
		left:0px!important;
		top:0px!important;
		padding-top: 0px!important;
		background: transparent!important;
		border: none!important;
		width: auto!important;
	}

	/* Muestra los submenús cuando el padre tiene la clase .open */
	.et_vertical_nav #main-header #top-menu li.open > ul.sub-menu { display: block!important; }

	.et_vertical_nav #main-header #top-menu li.menu-item-has-children > ul.sub-menu li.menu-item { padding-left: 0px!important;}
	.et_vertical_nav #main-header #top-menu li.menu-item-has-children > ul.sub-menu li.menu-item a { color: var(--light-color)!important; padding: 0px!important; padding-bottom: 0.8rem!important; line-height: 1.2!important; font-size: 13px;}

	/* Cursor e ícono para indicar que hay submenú */
	.et_vertical_nav #main-header #top-menu li.menu-item-has-children > a { position: relative; cursor: pointer; }

	.et_vertical_nav #main-header #top-menu li.menu-item-has-children > a::after {
		font-family:"ETmodules";
		content: "\4c";
		position: absolute;
		right: 27px;
		font-size: 16px;
		top: 50%;
		transform: translateY(calc(-50% - 10px));
	}

	/* Cambiar icono cuando está desplegado */
	.et_vertical_nav #main-header #top-menu li.open > a::after {
		font-family:"ETmodules";
		content: "\4b";
	}
}
@media(min-width:1024px) {}
@media(min-width:1200px) {}
@media(max-width:1200px) {}
@media(max-width:1024px) {}
@media(max-width:980px)  {}