/*
 Theme Name:   Solucions
 Theme URI:    https://imesdisseny.com
 Description:  Theme personalitzat
 Author:       Rubèn Maestre
 Author URI:   https://imedisseny.com
 Template:     Divi
 Version:      1.0.0
 Text Domain:  solucions
*/
html {
	font-size: 18px;
}

body {
	font-size: 1rem;
}

.blau {
	color: #A8CFCF !important;
}

.salmo {
	color: #F4A5A5 !important;
}

.groc {
	color: #F4D77E !important;
}

/* menu */
.et_pb_menu,
.et-l--header .et_pb_menu {
	animation: none !important;
	opacity: 1 !important;
	transform: scale(1) !important;
}

.et_pb_image,
.et-l--header .et_pb_image {
	animation: none !important;
	opacity: 1 !important;
	transform: none !important;
}

.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
}

/*ul#menu-principal.et-menu.nav li.current_page_item {
	background-color: #F4A5A5 !important;
}*/

ul#menu-principal.et-menu.nav li.current_page_item  {
	position: relative;
	display: inline-block;
}

ul#menu-principal.et-menu.nav li.current_page_item::after {
	content: "";
	position: absolute;
	bottom: 0.8em;
	left: 0;
	width: 85%;
	height: 0.4em;
	background: #F4A5A5;
	z-index: -1;
}

/* headers */

.highlight-title-blau h2, .highlight-title-salmo h2, .highlight-title-groc h2, .highlight-title-blau h3, .highlight-title-salmo h3, .highlight-title-groc h3  {
	position: relative;
	display: inline-block;
	line-height: 1;
}

.highlight-title-blau h2::after, .highlight-title-salmo h2::after, .highlight-title-groc h2::after, .highlight-title-blau h3::after, .highlight-title-salmo h3::after, .highlight-title-groc h3::after {
	content: "";
	position: absolute;
	bottom: 0.2em;
	left: 0;
	width: 85%;
	height: 0.4em;
	background: #F4A5A5;
	z-index: -1;
}

.highlight-title-blau h2::after, .highlight-title-blau h3::after {
	background: #A8CFCF;
}

.highlight-title-groc h2::after, .highlight-title-groc h3::after {
	background: #F4D77E;
}

.highlight-title-blau.centrat, 
.highlight-title-salmo.centrat, 
.highlight-title-groc.centrat {
	text-align: center;
}


/* bottom al header */
/* Aplicar a la fila del header */
.et-l--header .et_pb_row {
	display: flex;
	align-items: flex-end;
}

/* Assegurar que les columnes també usen flexbox */
.et-l--header .et_pb_column {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

/* Per mantenir el menú alineat correctament */
.et-l--header .et_pb_menu {
	align-self: flex-end;
}

div#et-main-area footer.et-l.et-l--footer div.et_pb_text_inner h4 {
	padding-bottom: 25px;
}

div#et-main-area footer.et-l.et-l--footer div.et_pb_text_inner ul {
	list-style-type: none;
	padding-left: 0;
}

div#et-main-area footer.et-l.et-l--footer div.et_pb_text_inner ul li {
	padding-bottom: 0.8em;
}

div#et-main-area footer.et-l.et-l--footer div.et_pb_text_inner ul a {
	color: #4a5565;
}

div#et-main-area footer.et-l.et-l--footer div.et_pb_blurb_content div.et_pb_blurb_container {
	padding-left: 10px;	
}

div#et-main-area footer.et-l.et-l--footer div.et_pb_blurb_content div.et_pb_blurb_container .et_pb_blurb_description {
	margin-top: -5px;
}

/* HOME */
/* Botó text amb fletxa - versió corregida */

.amb-fletxa.blau {
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #f0f6f6 !important;
	display: inline-block;
}

.amb-fletxa.salmo {
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #fbefed !important;
	display: inline-block;
}

.amb-fletxa.groc {
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #fcf8e6 !important;
	display: inline-block;
}

.amb-fletxa a {
	text-decoration: none;
	font-weight: bold;
	transition: color 0.3s ease;
}

.amb-fletxa a::after {
	content: " →";
	margin-left: 0.5rem;
	font-size: 1.2em;
}

.amb-fletxa a:hover {
	color: #A8CFCF;
}

.amb-fletxa.blau a {
	color: #1e2939 !important;	
	font-weight: 400;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}

.amb-fletxa.salmo a {
	color: #1e2939 !important;
	font-weight: 400;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}

.amb-fletxa.groc a {
	color: #1e2939 !important;
	font-weight: 400;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}



/* SERVEIS */
div#trobades .et_pb_blurb_position_left .et_pb_main_blurb_image {
  width: 64px;
}

/* CONTACTE */
/* Estil formulari Gravity Forms - Eva Esplugas */

/* ============================
   GRAVITY FORMS - EVA ESPLUGAS
   ============================ */

/* Contenidor del formulari */
.gform_wrapper {
	margin: 0 auto;
}

/* Ocultar heading */
.gform_wrapper div.gform_heading {
	display: none;
}

/* Contenidor de camps */
.gform_wrapper .gform_fields {
	padding: 0 !important;
	margin: 0 !important;
}

.gform-theme--foundation .gform_fields {
	row-gap: 10px !important;
}

/* Camps individuals */
.gform_wrapper .gfield {
	margin-bottom: 10px;
	padding: 0 !important;
}

.gform_wrapper .ginput_container {
	margin: 0 !important;
	padding: 0 !important;
}

/* Labels */
.gform_wrapper label {
	font-size: 0.889rem;
	color: #333;
	font-weight: 400;
	margin-bottom: 0.5rem;
	display: block;
}

/* Inputs i textarea */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper textarea {
	width: 100%;
	padding: 1rem 1.2rem;
	font-size: 1rem;
	color: #999;
	border: 1px solid #e0e0e0;
	border-radius: 25px;
	background: #fff;
	transition: border-color 0.3s ease;
	font-family: inherit;
}

.gform_wrapper textarea {
	min-height: 150px;
	resize: vertical;
	border-radius: 20px;
}

/* Focus */
.gform_wrapper input:focus,
.gform_wrapper textarea:focus {
	outline: none;
	border-color: #F4A5A5;
}

/* Placeholder */
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
	color: #bbb;
	opacity: 1;
}

/* Footer del formulari */
.gform_wrapper .gform_footer {
	padding: 0 !important;
	margin-top: 1.5rem !important;
}

/* Botó d'enviar */
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"] {
	width: 50% !important;
	padding: 1.2rem 2rem !important;
	font-size: 1rem !important;
	font-weight: 500 !important;
	color: #1e2939 !important;
	background: #F4A5A5 !important;
	border: none !important;
	border-radius: 0px !important;
	cursor: pointer !important;
	transition: background 0.3s ease !important;
	text-align: center !important;
	display: block !important;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
}

/* Icona del botó */
.gform_wrapper .gform_button::before,
.gform_wrapper input[type="submit"]::before {
	content: "✈ ";
	margin-right: 0.5rem;
}

/* Hover del botó */
.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover {
	background: #e08585 !important;
}

/* Validació - Missatges d'error */
.gform_wrapper .validation_message {
	color: #e74c3c;
	font-size: 0.875rem;
	margin-top: 0.5rem;
}

/* Camp amb error */
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea {
	border-color: #e74c3c;
}

/* Missatge de confirmació */
.gform_confirmation_message {
	padding: 2rem;
	background: #d4edda;
	border: 1px solid #c3e6cb;
	border-radius: 15px;
	color: #155724;
	text-align: center;
}

/* Responsive */
@media (max-width: 767px) {
	.gform_wrapper input[type="text"],
	.gform_wrapper input[type="email"],
	.gform_wrapper input[type="tel"],
	.gform_wrapper textarea {
		font-size: 0.889rem;
	}
}

/* Forçar columnes en línia a Mobile y Tablet */
.ds-inline-columns {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center; /* Opcional: alinea verticalment */
}

@media (max-width: 980px) {
    .ds-inline-columns .et_pb_column {
        margin-bottom: 0 !important; /* Treu l'espaiat vertical de Divi en mobile */
        width: 100% !important; /* Flexbox s'encarregarà de repartir l'espai per nowrap */
    }
}

/* Header Mobile Custom */
.menu-mobile-row {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 20px !important;
}

.menu-mobile-row .et_pb_column {
    width: 100% !important;
}

.menu-mobile-row .et_pb_menu {
    width: 100% !important;
    background-color: transparent !important;
}

.menu-mobile-row .et_pb_menu_inner_container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Alineació Logo i Hamburguesa */
.menu-mobile-row .et_pb_menu__logo-wrap {
    flex-grow: 1 !important;
}

.menu-mobile-row .et_pb_menu__wrap {
    justify-content: flex-end !important;
    flex-grow: 1 !important;
    display: flex !important;
}

/* Menú desplegable a l'ample total i centrat */
.menu-mobile-row .et_mobile_menu {
    position: absolute !important;
    width: 100vw !important;
    left: -20px !important; 
	top: 120%;
    padding: 20px 0 !important;
    border-top: 3px solid #F4A5A5;
}

.menu-mobile-row .et_mobile_menu li {
    text-align: center !important;
}

.menu-mobile-row .et_mobile_menu li a {
    justify-content: center !important;
}

/* Footer Mobile Inline Layout */
@media (max-width: 980px) {
    .footer-mobile-inline {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    /* La primera columna (Logo/Texto) ocupa el 100% */
    .footer-mobile-inline .et_pb_column:nth-child(1) {
        width: 100% !important;
        margin-bottom: 30px !important;
    }

    /* La segunda y tercera columna se dividen el espacio al 50% */
    .footer-mobile-inline .et_pb_column:nth-child(2),
    .footer-mobile-inline .et_pb_column:nth-child(3) {
        width: 50% !important;
        margin-bottom: 0 !important;
    }
}

.menu-mobile-row div.et_pb_menu__logo-wrap div.et_pb_menu__logo img {
	width: 150px;
}