/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 08 2025 | 13:54:22 */
body {
	background-color: white !important;
}

.trail-items li::after {
    content: ">" !important;
}

.woocommerce-MyAccount-navigation a, .woocommerce-orders-table a, .page-title, .wc-block-product-categories-list-item__name, .single-product-category a, .posted_in a {
	color: rgb(72, 121, 225) !important;
}
a[aria-current="page"] {
    color: black !important;
    text-decoration: underline !important;
}
.woocommerce-Button {
	background: rgb(72, 121, 225) !important;
}
.woocommerce-button {
	color: white !important;
}

footer a {
	color: black !important;
}
#astra-footer-menu {
	display: flex;
	flex-direction: column !important;
}
.ast-footer-copyright {
	margin: 0 !important;
}
.woocommerce-js ul.products li.product a img {
	height: 350px !important;
	overflow: hidden !important;
	object-fit: cover !important;
}

.alquileres {
	background-color: #F6F6F6;
	border-radius: 20px;
}

.alquileres  h3 {
	color: #214899;
	font-size: 28px;
}
.alquileres  h2 {
	color: #214899;
	font-size: 40px;
	font-weight: 700;
}

.alquileres .preu .big {
		color: #214899;
	font-size: 100px;
}


.alquileres .preu .small {
		color: #214899;
	font-size: 25px;
}


.alquileres .preu {
	    display: flex;
    margin-top: 40px;
    margin-bottom: 40px;
}

.alquileres a {
	padding: 10px 40px;
	background-color: #214899;
	color: white;
	font-weight: 600;
	border-radius: 20px;
	width: 100%;
	display: block;
	text-align: center;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.alquileres a:hover {
	background-color: #1a387a; /* un azul más oscuro */
	transform: scale(1.05);    /* agranda ligeramente el botón */
}

.sanitario-bottom-banner a {
	padding: 10px 40px;
	background-color: black;
	color: white;
	font-weight: 600;
	border-radius: 20px;
	width: 100%;
	display: inline;
	text-align: center;
	border: 2px solid white;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.sanitario-bottom-banner a:hover {
	background-color: white; /* un azul más oscuro */
	border-color: black;
	color: black !important;
	transform: scale(1.05);    /* agranda ligeramente el botón */
}


.sanitario-bottom-banner a:hover strong {
	color: black !important;
}

.main-navigation ul li ul li a {
	font-size: 15px !important;
}
a.wcpt-title {
	color: #1C459B !important;
}

.wcpt-button {
	background-color: #1C459B !important;
}

.wcpt-cart-widget {
	display: none !important;
}

#form-home {
	background-color: #F6F6F6 !important;
    box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.5);
	bottom: -50px !important;
	border-radius: 15px !important;
	z-index: 1;
}

#form-home input[type=number] {
	max-width: none !important;
	width: 100% !important;
}

#form-home a {
		color: #214899;
}

.phone-wrapper strong {
	color: #214899;
	font-size: 25px !important;
}

#main-alquiler {
	border: 4px solid #214899;
}
#main-alquiler {
	position: relative;
}

#main-alquiler::before {
	content: "Opción más recomendada";
	position: absolute;
	top: -22px;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block; /* permite ancho ajustado al contenido */
	background-color: #f0f0f0; /* opcional */
	padding: 5px 10px;         /* opcional */
	border-radius: 5px;        /* opcional */
	white-space: nowrap;      /* evita que el texto se parta en varias líneas */
	background-color: #214899;
	color: white !important;
}

.home-banner-info h2 {
	font-size: 40px !important;
}

.home-especialistas {
	border-radius: 20px !important;
	background-color: #ffffff;
	padding: 2rem;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	animation: fadeInUp 1s ease-out forwards;
	opacity: 0;
	transform: translateY(30px);
	position: relative;
}

/* Animación de entrada */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Hover effect opcional (más dinamismo) */
.home-especialistas:hover {
	transform: scale(1.02);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

/* Fondo azul para toda la sección */
.nuestro-servicio {
	background-color: #214899 !important;
	padding: 4rem 2rem;
	display: flex;
	justify-content: center;
}

/* Contenedor del contenido con fondo blanco y sombra */
.nuestro-servicio .e-con-inner {
	background-color: #ffffff;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	padding: 3rem;
	max-width: 1200px;
	width: 100%;
	animation: fadeInUp 1s ease-out;
}

/* Título */
.nuestro-servicio h2 {
	font-size: 2.5rem;
	color: #214899;
	margin-bottom: 2rem;
	font-weight: bold;
	text-align: center;
}

/* Layout de contenido horizontal */
.nuestro-servicio .e-child:nth-child(2) {
	display: flex;
	flex-direction: row;
	gap: 2rem;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}

/* Texto */
.nuestro-servicio .elementor-widget-text-editor {
	flex: 1.5;
	font-family: 'Segoe UI', 'Roboto', sans-serif;
	font-size: 1rem;
	line-height: 1.8;
	color: #333;
}

/* Imagen */
.nuestro-servicio .elementor-widget-image {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nuestro-servicio .elementor-widget-image img {
	max-width: 100%;
	width: 300px; /* Limita el ancho de la imagen */
	height: auto;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

.nuestro-servicio .elementor-widget-image img:hover {
	transform: scale(1.03);
}

/* Responsive */
@media (max-width: 768px) {
	.nuestro-servicio .e-child:nth-child(2) {
		flex-direction: column;
		align-items: flex-start;
	}

	.nuestro-servicio .elementor-widget-image img {
		width: 100%;
		max-width: 400px;
	}
}

/* Animación de entrada */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(40px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.contacto-wrapper {
	background-color: #214899;
	padding: 4rem 2rem;
	display: flex;
	justify-content: center;
}

.contacto-wrapper .e-con-inner {
	background-color: #ffffff;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	padding: 3rem;
	width: 100%;
	max-width: 1200px;
	animation: fadeInUp 1s ease-out;
	display: flex;
	flex-direction: column;
	gap: 3rem;
}

/* Título */
.contacto-wrapper p.elementor-heading-title {
	font-size: 2.2rem;
	font-weight: bold;
	color: #214899;
	text-align: center;
	margin-bottom: 2rem;
}

/* Iconos de contacto */
.contacto-wrapper .contact-info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 2rem;
}

/* Caja individual de icono */
.contacto-wrapper .elementor-widget-icon-box {
	flex: 1;
	background-color: #f9f9f9;
	padding: 1.5rem;
	border-radius: 12px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s ease;
}

.contacto-wrapper .elementor-widget-icon-box:hover {
	transform: translateY(-5px);
}

/* Iconos SVG */
.contacto-wrapper .elementor-icon-box-icon svg {
	width: 30px;
	height: 30px;
	fill: #214899;
	margin-bottom: 0.5rem;
}

/* Título de contacto */
.contacto-wrapper .elementor-icon-box-title span {
	font-weight: bold;
	color: #214899;
	font-size: 1.1rem;
	display: block;
	margin-bottom: 0.25rem;
}

/* Descripción de contacto */
.contacto-wrapper .elementor-icon-box-description {
	color: #333;
	font-size: 1rem;
}

/* FORMULARIO */
.contacto-wrapper .ff-default {
	width: 100%;
}

.contacto-wrapper .ff-el-form-control {
	border-radius: 8px;
	border: 1px solid #ccc;
	padding: 0.75rem;
	font-size: 1rem;
	width: 100%;
}

.contacto-wrapper .ff-el-group label {
	font-weight: 600;
	margin-bottom: 0.5rem;
	display: block;
	color: #214899;
}

.contacto-wrapper .ff-btn-submit {
	background-color: #214899;
	color: #fff;
	border: none;
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.contacto-wrapper .ff-btn-submit:hover {
	background-color: #193a73;
}

/* Responsive */
@media (max-width: 768px) {
	.contacto-wrapper .contact-info {
		flex-direction: column;
	}
}

/* Animación */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(40px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.elementor-element.elementor-element-6400d6f.e-con-full.contact-info.e-flex.e-con.e-child {
	flex-direction: column !important;
}

.contacto-wrapper p, .contacto-wrapper label, .contacto-wrapper h3 {
	color: white !important;
}

.contact-info p {
	color: black !important;
}

.contacto-wrapper a {
	color: white;
	text-decoration: underline;
}


.contacto-wrapper a:hover {
	color: black !important;
}

.page-id-357 .ast-container {
	margin: 0 !important;
}