.elementor-3347 .elementor-element.elementor-element-2051e8e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:5em;--padding-bottom:5em;--padding-left:5em;--padding-right:5em;}.elementor-3347 .elementor-element.elementor-element-20c81e4{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3347 .elementor-element.elementor-element-29bf177{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3347 .elementor-element.elementor-element-29bf177.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3347 .elementor-element.elementor-element-29bf177 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:35px;font-weight:400;text-transform:none;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3347 .elementor-element.elementor-element-41fd1fa{width:var( --container-widget-width, 78.686% );max-width:78.686%;--container-widget-width:78.686%;--container-widget-flex-grow:0;font-family:"Arimo", Sans-serif;font-size:18px;font-weight:400;line-height:20px;}.elementor-3347 .elementor-element.elementor-element-41fd1fa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3347 .elementor-element.elementor-element-41fd1fa p{margin-block-end:10px;}.elementor-3347 .elementor-element.elementor-element-87ba42a{--display:flex;}@media(max-width:1024px){.elementor-3347 .elementor-element.elementor-element-2051e8e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3347 .elementor-element.elementor-element-41fd1fa{width:var( --container-widget-width, 363.188px );max-width:363.188px;--container-widget-width:363.188px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-3347 .elementor-element.elementor-element-2051e8e{--padding-top:4em;--padding-bottom:5em;--padding-left:2em;--padding-right:2em;}.elementor-3347 .elementor-element.elementor-element-29bf177{--container-widget-width:250px;--container-widget-flex-grow:0;width:var( --container-widget-width, 250px );max-width:250px;text-align:center;}.elementor-3347 .elementor-element.elementor-element-29bf177.elementor-element{--align-self:center;}.elementor-3347 .elementor-element.elementor-element-29bf177 .elementor-heading-title{font-size:30px;}.elementor-3347 .elementor-element.elementor-element-41fd1fa{text-align:center;}}/* Start custom CSS for shortcode, class: .elementor-element-a7995ba */.form-grid {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 700px;
  margin: 0 auto;
}

.form-row {
  display: flex;
  gap: 20px;
}


.form-group {
  flex: 1;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group select,
.form-group textarea {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 30px;
  padding: 10px 15px !important;
  width: 100%;
  font-size: 15px;
  color: #000;
  font-family: inherit;
}

.form-group select {
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='14' viewBox='0 0 24 24' width='14' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
}

.form-group textarea {
  min-height: 120px;
  resize: vertical;
  resize: none;
}

.form-privacy {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
}

.form-privacy a {
  color: #000;
  text-decoration: underline;
}

.form-submit {
  display: flex;
  justify-content: flex-end;
}

.form-submit input[type="submit"] {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50px;
  padding: 10px 25px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.form-submit input[type="submit"]:hover {
  background-color: #000;
  color: #fff;
}

/* Color de los placeholders */
.form-group input::placeholder,
.form-group textarea::placeholder {
  color: #000; /* cambia este valor a tu gusto */
  opacity: 1;  /* asegura que el color se aplique correctamente */
}

/* --- Estilo del SELECT personalizado --- */

/* Fondo y texto del select al estar enfocado */
.form-group select:focus {
  outline: none;
  border-color: #C6DB80;
  box-shadow: 0 0 0 3px rgba(198, 219, 128, 0.4);
}

/* Opciones del desplegable */
.form-group select option {
  background-color: #fff; /* fondo general */
  color: #000; /* color del texto */
}

/* Color al pasar el mouse o al seleccionar */
.form-group select option:checked,
.form-group select option:hover,
.form-group select option:focus {
  background-color: #C6DB80 !important;
  color: #000 !important;
}

/* --- Estilo personalizado para el checkbox --- */
.form-privacy input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #000;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: #fff;
  transition: all 0.2s ease;
}

.form-privacy input[type="checkbox"]:checked {
  background-color: #8DB600; /* tu verde */
  border-color: #8DB600;
}

.form-privacy input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* --- Focus verde en inputs, textarea y select --- */
.form-group input[type="text"]:focus,
.form-group input[type="email"]:focus,
.form-group input[type="tel"]:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none !important; /* elimina el outline nativo */
  border-color: #8DB600 !important; /* borde verde */
  box-shadow: 0 0 0 3px rgba(141, 182, 0, 0.2) !important; /* halo verde */
}

/* Safari / Chrome */
.form-group input:focus::-webkit-focus-ring-color,
.form-group textarea:focus::-webkit-focus-ring-color,
.form-group select:focus::-webkit-focus-ring-color {
  color: transparent !important;
}

@media (max-width: 768px) {
  .form-row {
    flex-direction: column;
    gap: 10px; 
  }
  
  .form-grid {
     gap: 10px;
     margin: 0px;
 }
 
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Anton';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://catsportsformacio.com/wp-content/uploads/2025/10/Anton-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Anton';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */