/*
Theme Name:	Plantilla para web kit digital
Theme URI:	https://publifincas.com
Description:	Com a base parteix de la DIVI.
Author:	hola@mirulu.com
Template:	Divi
Version:	1.0.0
Tags: Els mateixos que Divi
Text Domain: child-kit-digital-divi
*/



/*
Generales
*/

.redondea-imagen  img{
	border-radius:200% !important;
}
.centrame {
	margin:0 auto;
	text-align:center;
	vertical-align:center;
	
}
body {
    overflow: auto !important;
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
	
}
/* Estilos Base para Gravity Forms */
body .gform_wrapper {
    font-family: 'Open Sans', sans-serif; /* Esta fuente parece coincidir con la landing */
    color: #333; /* Un color de texto común para la legibilidad */
    background: #fff; /* Fondo blanco para los campos de formulario */
    max-width: 600px; /* Ancho máximo del formulario */
    margin: 20px auto; /* Centrar el formulario en la página */
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Sombra suave para resaltar el formulario */
}

/* Estilos para los Títulos de los Campos */
.gform_wrapper .top_label .gfield_label {
    font-weight: bold;
    color: #000; /* Un color más oscuro para los títulos */
    margin-bottom: 5px; /* Espacio antes del campo de entrada */
}

/* Estilos para los Campos de Entrada */
.gform_wrapper .gfield input[type="text"],
.gform_wrapper .gfield input[type="email"],
.gform_wrapper .gfield input[type="tel"],
.gform_wrapper .gfield textarea {
    width: 100%; /* Anchura completa */
    padding: 10px; /* Espacio interior para hacerlo más fácil de clicar */
    border: 1px solid #ccc; /* Borde sutil */
    border-radius: 5px; /* Bordes redondeados para un look moderno */
    margin-bottom: 15px; /* Espacio después de cada campo */
}

/* Estilos para el Botón de Enviar */
.gform_wrapper .gform_footer input[type="submit"] {
    background-color: #0073e6; /* Color de fondo que combine con el esquema de colores de la landing */
    color: #fff; /* Texto blanco para contraste */
    border: none;
    padding: 15px 30px; /* Espacio interior grande para un botón fácil de clicar */
    border-radius: 5px; /* Bordes redondeados */
    cursor: pointer; /* Cursor de mano al pasar por encima */
    transition: background-color 0.3s; /* Transición suave para los efectos de hover */
}

/* Efecto de hover para el botón */
.gform_wrapper .gform_footer input[type="submit"]:hover {
    background-color: #0057b8; /* Un tono más oscuro al pasar el ratón por encima */
}

/* Estilos para Mensajes de Validación */
.gform_wrapper .validation_message {
    color: #ff0000; /* Color rojo para los mensajes de error */
    font-size: 0.9em; /* Un tamaño de fuente más pequeño */
}

/* Estilos para ocultar la clase en smartphones */
@media only screen and (max-width: 480px) {
 
}
/* Media query para dispositivos móviles */
@media only screen and (max-width: 768px) { /* Ajusta este valor según tus necesidades */
  
}
@media (min-width: 981px) {
  .et_pb_row {
    padding: 1% 0;
  }
}