/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*Contactanos*/
.wpcf7-not-valid-tip{
	color: #070C42 !important;
	font-family: "Montserrat", Sans-serif;
}
.form-contacto{
	display:flex;
	flex-direction:column;
}
.form-contacto .fila-full{
	display:flex;
	width:100%;
	column-gap:10px;
}
.form-contacto .fila-full .mitad{
	width:50%;
	display:flex;
	flex-direction:column;
}
.form-contacto .fila-full .mitad p{
	display:flex;
	column-gap:20px;
	flex-direction:column;
}
.form-contacto .fila-full p{
	width:100%;
}
.form-contacto .fila-full p select{
	color:#000;
	border-radius: 0px 0px 20px 0px;
	border: 1px solid #070C42;
	background: rgba(74, 142, 209, 0.40);
	box-shadow: 0px 4px 4px 0px rgba(7, 12, 66, 0.20);
	padding:20px 20px;
	font-family: "Montserrat", Sans-serif;
	margin-top:10px;
}
.form-contacto .fila-full p select:focus{
	outline:none;
	border: 2px solid #4A8ED1;
}
.form-contacto .fila-full textarea{
	margin-top:10px;
	width:100%;
	min-width:100%;
	max-width:100%;
	min-height:200px;
	max-height:200px;
	height:200px;
	border-radius: 0px 0px 20px 0px;
	border: 1px solid #070C42;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(7, 12, 66, 0.20);
	padding:30px 20px;
	color:#000;
	font-family: "Montserrat", Sans-serif;
}
.form-contacto .fila-full textarea:focus{
	outline:none;
	border: 2px solid #4A8ED1;
}
.form-contacto .fila-full .mitad input[type="text"],.form-contacto .fila-full .mitad input[type="email"],.form-contacto .fila-full .mitad input[type="tel"]{
	border-radius: 0px 0px 20px 0px;
	border: 1px solid #070C42;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(7, 12, 66, 0.20);
	color:#000;
	font-family: "Montserrat", Sans-serif;
	padding:20px 20px;
}
.form-contacto .fila-full .mitad input[type="text"]:focus,.form-contacto .fila-full .mitad input[type="email"]:focus,.form-contacto .fila-full .mitad input[type="tel"]:focus{
	outline:none;
	border: 2px solid #4A8ED1;
}
.form-contacto .fila-full .wpcf7-list-item-label a{
	color:#000;
	font-family: "Montserrat", Sans-serif;
	text-decoration:underline;
}
.form-contacto .fila-full .wpcf7-list-item-label a:hover{
	color:#4A8ED1;
}
.form-contacto .fila-full .wpcf7-acceptance .wpcf7-list-item{
	margin:0px;
}
.form-contacto .fila-full .wpcf7-list-item input{
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	width:fit-content;
}
.form-contacto .enviar{
	margin-top:20px;
	text-align:center;
}
.form-contacto .enviar p{
	flex-direction: column;
    display: inline-flex;
    align-items: center;
}

.form-contacto .enviar p input{
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	border-radius: 0px 0px 20px 0px;
	background: #4A8ED1;	
	color: #FFF;
	text-align: center;	
	font-style: normal;	
	font-family: "Montserrat", Sans-serif;
    font-size: 1.5vw;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
	padding:15px 80px;
	border:none;
}
.form-contacto .enviar p input:{
	color: #070C42;
}

@media only screen and (max-width: 760px) {
  .form-contacto .enviar p input{
    font-size: 20px;
  }
 .form-contacto .enviar{
	
 }
 .form-contacto .aceptar p{
	display:flex;
	justify-content: center;
 }
	.form-contacto .fila-full p select{
		padding-top:15px !important;
		padding-bottom:15px !important;
	}
}


/*sesion*/
.tit-sesion{
	color: #070C42;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%; /* 26.4px */
	text-transform: uppercase;
	font-family: "Montserrat", Sans-serif;
}

/*registro*/
.um-field-label label{
	font-family: "Montserrat", Sans-serif;
    font-weight: 400;
    color: #070C42;
}
.um-field-area input{
	font-family: "Montserrat", Sans-serif;
	border-radius:0px 0px 20px 0px !important;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(7, 12, 66, 0.20) !important;
}
.um-field-area{
	font-family: "Montserrat", Sans-serif;
}
.um-col-alt input{
	background: #4A8ED1 !important;
	color: #fff !important;
	border-radius: 0px 0px 20px 0px !important;
	font-family: "Montserrat", Sans-serif !important;
	text-transform:uppercase !important;
	font-weight:700 !important;
}
.um-col-alt input:hover{
	background:#070C42 !important;
}
.um-col-alt .um-right .um-button{
	display:inline-flex !important;
	color: #4A8ED1 !important;
	border-radius: 0px 0px 20px 0px !important;
	font-family: "Montserrat", Sans-serif !important;
	text-transform:uppercase !important;
	font-weight:700 !important;
	justify-content:center !important;
}
.um-col-alt .um-right .um-button:hover{
	background:#070C42 !important;
	color:#fff !important;
}
.um-field-area .um-toggle-gdpr,.um-field-area .um-toggle-gdpr:visited{
	color:#070C42 !important;
}
.um-field-area .um-toggle-gdpr:hover{
	color:#4A8ED1 !important;
}

/*fomrs perfil*/
/*
 * Corrige el ancho fijo de .um-profile .um-profile-body dentro de las pestañas
 * para permitir la visualización en múltiples columnas.
 */
.um-profile .um-profile-body {
    width: 100% !important;     /* Fuerza a que ocupe todo el ancho disponible */
    max-width: 100% !important; /* Asegura que no se exceda, pero permite expansión */
    box-sizing: border-box;     /* Importante para el cálculo de anchos con padding */
}

/* Opcional: Asegúrate de que el contenedor de la pestaña no limite demasiado el ancho */
.um-form {
    max-width: 100% !important; /* Asegura que el contenido de la pestaña no imponga un límite muy bajo */
    width: auto !important;     /* Permite que el ancho se ajuste automáticamente */
}

/* Opcional: Si los campos individuales siguen apretados, puedes ajustar su flex-basis o ancho */
.um-form .um-profile .um-form .um-field {
    flex-basis: calc(50% - 20px) !important; /* Para 2 columnas: ajusta 20px de margen */
    max-width: calc(50% - 20px) !important;
}

/* Si Ultimate Member usa floats y no flexbox en tu configuración */
.um-form .um-profile .um-form .um-field {
    width: calc(50% - 20px) !important;
    float: left !important;
    margin-right: 20px !important; /* Ejemplo de espaciado */
}
.um-form .um-profile .um-form .um-field:nth-child(2n) {
    margin-right: 0 !important; /* Elimina margen para el segundo elemento en 2 columnas */
}
.um-profile-photo a.um-profile-photo-img{
	width:80px !important;
	height:80px !important;
}
.um-profile-photo{
    display: none !important;
}

/*accionistas*/
.un-accionista{
	display:flex;
}
.un-accionista .um-col-1{
	display:flex;
	width:100%;
	gap:20px;
}
.un-accionista .um-col-1 .um-field{
	width:20%;
}