/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* ===== SELECTS ESTABLES (Elementor) ===== */
.formulario-socio .elementor-select-wrapper{
  position: relative;
  display: flex;               /* centrado vertical del control */
  align-items: center;
  min-height: 70px;            /* coincide con el resto de campos */
}

.formulario-socio .elementor-select-wrapper select{
  height: 70px !important;
  width: 100%;
  box-sizing: border-box;
  padding: 0 48px 0 16px !important; /* hueco para la flecha */
  border: 1px solid #222;            /* ajusta al tuyo */
  border-radius: 6px;
  background-color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-style: normal !important;     /* sin cursiva */
  line-height: 1.2 !important;       /* evita que el texto “se baje” */
  cursor: pointer;
}

/* Opciones internas: evita cursiva y saltos raros (FF/Win) */
.formulario-socio .elementor-select-wrapper select option{
  font-style: normal !important;
}

/* Flecha ▼ propia de Elementor: centrada y sin bloquear clics */
.formulario-socio .select-caret-down-wrapper{
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  height: 70px;                /* igual que el campo */
  display: flex;
  align-items: center;
}

.formulario-socio .select-caret-down-wrapper svg{
  width: 12px; height: 12px;
  fill: #222;                  /* color de la flecha */
}

/* Placeholders al 100% (aplica a inputs y el texto del select) */
.formulario-socio input::placeholder,
.formulario-socio textarea::placeholder{
  color: inherit !important;
  opacity: 1 !important;
}

/* Cuando el select está en la opción “placeholder” (value="") */
.formulario-socio select:invalid{
  color: inherit;              /* mismo color que el texto normal */
}

/* iOS Safari: corrige padding de inicio en selects */
@supports (-webkit-touch-callout: none){
  .formulario-socio .elementor-select-wrapper select{
    -webkit-padding-start: 16px !important;
  }
}

/* (Opcional) Responsive móvil */
@media (max-width: 480px){
  .formulario-socio .elementor-select-wrapper,
  .formulario-socio .elementor-select-wrapper select,
  .formulario-socio .select-caret-down-wrapper{
    min-height: 60px;
    height: 60px !important;
  }
}