.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:transparent;background-image:linear-gradient(208deg, #FFFFFF 0%, #14703A 100%);}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 h1{color:#727272;font-size:30px;}.elementor-kit-10 h2{color:#7A7A7A;font-size:26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Estilo formularios — Registro Equino ===== */
.re-form {
  --re-verde: #1e7a3d;       /* color de marca */
  --re-verde-hover: #155c2e; /* verde al pasar el mouse */
  --re-borde: #d7ddd9;       /* borde de los campos */
  --re-texto: #2b2f2c;       /* texto dentro de campos */
  --re-label: #4a514c;       /* color de etiquetas */
  --re-radio: 8px;           /* redondeo de esquinas */
  --re-gap: 18px;            /* espacio entre campos */

  max-width: 640px;
  /* --- Tarjeta (borra este bloque si NO quieres fondo/sombra) --- */
  background: #fff;
  padding: 30px 32px;
  border-radius: 14px;
  box-shadow: 0 4px 22px rgba(0,0,0,.06);
}

/* Espacio entre campos */
.re-form .jet-form-col,
.re-form .jet-form__field-wrap {
  margin-bottom: var(--re-gap);
}

/* Etiquetas */
.re-form label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 14px;
  color: var(--re-label);
}

/* Campos de texto, email, número, select y textarea */
.re-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.re-form select,
.re-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 11px 14px;
  font-size: 15px;
  color: var(--re-texto);
  background: #fff;
  border: 1px solid var(--re-borde);
  border-radius: var(--re-radio);
  transition: border-color .15s ease, box-shadow .15s ease;
}

/* Estado foco (al hacer clic en el campo) */
.re-form input:not([type="hidden"]):not([type="submit"]):focus,
.re-form select:focus,
.re-form textarea:focus {
  outline: none;
  border-color: var(--re-verde);
  box-shadow: 0 0 0 3px rgba(30,122,61,.15);
}

/* Textarea (notas, diagnóstico, etc.) más alto */
.re-form textarea {
  min-height: 110px;
  resize: vertical;
}

/* Botón enviar */
.re-form button[type="submit"],
.re-form input[type="submit"] {
  display: inline-block;
  background: var(--re-verde);
  color: #fff;
  border: none;
  padding: 12px 30px;
  font-size: 15px;
  font-weight: 600;
  border-radius: var(--re-radio);
  cursor: pointer;
  transition: background .15s ease, transform .05s ease;
}
.re-form button[type="submit"]:hover,
.re-form input[type="submit"]:hover {
  background: var(--re-verde-hover);
}
.re-form button[type="submit"]:active,
.re-form input[type="submit"]:active {
  transform: translateY(1px);
}

/* ===== Tarjeta de Ficha Médica ===== */
.re-ficha {
  background: #fff;
  border: 1px solid #e3e8e5;
  border-left: 4px solid #1e7a3d;   /* acento verde a la izquierda */
  border-radius: 12px;
  padding: 20px 22px;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
  transition: box-shadow .15s ease, transform .15s ease;
}

/* Pequeño efecto al pasar el mouse */
.re-ficha:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.10);
  transform: translateY(-2px);
}


.re-pill {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.re-pill-activa { background: #e6f4ea; color: #1e7a3d; } /* verde */
.re-pill-nula   { background: #fdecec; color: #c0392b; } /* rojo  */


/* Tarjeta encabezado del caballo */
.re-paciente {
  background: #fff;
  border: 1px solid #e3e8e5;
  border-radius: 16px;
  padding: 18px 22px;
}

/* Caja de la foto */
.re-foto-caballo img {
  width: 100%;
  max-width: 400px;     /* tamaño de la foto: súbelo/bájalo a gusto */
  aspect-ratio: 1 / 1;  /* fuerza formato 1:1 (cuadrado) */
  object-fit: cover;    /* la imagen llena el cuadrado */
  border-radius: 12px;
  display: block;
}

/* Chips: sexo, raza, edad */
.re-chip {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 999px;
  background: #eef0ec;
  color: #4a514c;
  font-size: 13px;
  font-weight: 500;
}

/* Fila de metadatos en gris */
.re-meta-caballo { color: #6b7280; font-size: 14px; }


/* Formato compartido de ambos botones */
.re-btn {
  display: inline-block;
  padding: 12px 26px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff !important;
  border: none;
  cursor: pointer;
  transition: background .15s ease;
}

/* Lo único que los diferencia: el color */
.re-btn-editar { background: #43a047 !important; }       /* verde medio */
.re-btn-editar:hover { background: #357a38 !important; }

.re-btn-anular { background: #1e7a3d !important; }       /* verde oscuro */
.re-btn-anular:hover { background: #155c2e !important; }

/*etiquetas en negrita*/
.re-ficha .jet-listing-dynamic-field__label {
  font-weight: 700;
}


.re-caballo-card {
  background: #fff;
  border: 1px solid #e3e8e5;
  border-radius: 12px;
  padding: 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
  transition: box-shadow .15s ease, transform .15s ease;
  text-align: center;
}
.re-caballo-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.10);
  transform: translateY(-2px);
}
.re-caballo-card img { border-radius: 8px; }


/* estilo de botones logueo */
.re-btn-pill {
    display: inline-block;
    background: #1e7a3d;
    color: #fff !important;
    padding: 12px 32px;
    border-radius: 999px;           /* forma de píldora */
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    text-decoration: none !important;
    transition: background .2s ease;
}
.re-btn-pill:hover {
    background: #145c2c;
    color: #fff !important;
}


/* Botón principal de los formularios de Ultimate Member */
.um .um-form input[type="submit"],
.um .um-form button[type="submit"],
.um-button,
.um .um-button {
    background-color: #1e7a3d !important;
    border-radius: 999px !important;     /* píldora, igual que tus otros botones */
    color: #fff !important;
    font-weight: 600 !important;
    padding: 14px 32px !important;
    border: none !important;
    transition: background .2s ease !important;
}

.um .um-form input[type="submit"]:hover,
.um .um-form button[type="submit"]:hover,
.um-button:hover,
.um .um-button:hover {
    background-color: #145c2c !important;   /* hover más oscuro */
    color: #fff !important;
}


/* Oculta el botón "Registro" del formulario de login de UM */
.um-login .um-button.um-alt {
    display: none !important;
}

/* Centrar el botón Acceder del login UM */
/* El contenedor del botón ocupa todo el ancho y se centra */


/* El contenedor ocupa todo el ancho y centra */
.um-login .um-left.um-half {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
}

/* El botón con tamaño natural, centrado */
.um-login #um-submit-btn {
    display: inline-block !important;
    width: auto !important;       /* <- quita el ancho completo */
    float: none !important;
    padding: 12px 40px !important; /* controla el ancho con el padding */
}
/* usuario logueado */
.re-usuario-actual {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    color: #1e7a3d;
    font-weight: 600;
    text-align: center;
}


/* === Contenedor de datos del propietario === */
.re-prop-datos {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 24px;
}

/* Cada widget de dato: ícono y texto perfectamente alineados */
.re-prop-datos .jet-listing-dynamic-field__inline-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px;
    line-height: 1;
}

/* Íconos parejos y centrados con el texto */
.re-prop-datos .jet-listing-dynamic-field__icon svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* Texto de cada dato sin márgenes que desalineen */
.re-prop-datos .jet-listing-dynamic-field__content {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #475569 !important;
    line-height: 1 !important;
}

/* === Nombre (primer y segundo widget = first_name + last_name) destacado y arriba === */
/* El primer widget lleva el ícono de usuario + nombre; el segundo es el apellido */
.re-prop-datos > .elementor-widget:nth-child(1),
.re-prop-datos > .elementor-widget:nth-child(2) {
    flex: 0 0 auto;
}

/* Forzar salto: el nombre+apellido ocupan la primera fila completa, datos abajo */
.re-prop-datos > .elementor-widget:nth-child(2)::after {
    content: "";
    flex-basis: 100%;
    width: 0;
    height: 0;
}

/* Nombre y apellido en grande y verde */
.re-prop-datos > .elementor-widget:nth-child(1) .jet-listing-dynamic-field__content,
.re-prop-datos > .elementor-widget:nth-child(2) .jet-listing-dynamic-field__content {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--re-verde, #1e7a3d) !important;
}

/* Ícono de usuario un poco más grande, acorde al nombre */
.re-prop-datos > .elementor-widget:nth-child(1) .jet-listing-dynamic-field__icon svg {
    width: 22px;
    height: 22px;
}

.re-prop-card, .re-prop-card * {
    box-sizing: border-box;
}
.re-prop-card .jet-listing-grid__items {
    margin: 0 !important;
    width: 100% !important;
}


/* === Grid de caballos dentro de la tarjeta de propietario === */
.re-prop-card .jet-listing-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* JetEngine usa márgenes negativos en el contenedor de items -> los anulamos */
.re-prop-card .jet-listing-grid__items {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;   /* una tarjeta por fila, ancho completo */
}

/* Cada tarjeta de caballo: ancho completo y uniforme */
.re-prop-card .jet-listing-grid__item {
    width: 97% !important;
    max-width: 97% !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    flex: 0 0 100% !important;   /* por si el grid es flex */
    box-sizing: border-box;
}

/* Asegurar que nada interno se salga */
.re-prop-card .jet-listing-grid__item > * {
    max-width: 100% !important;
    box-sizing: border-box;
}/* End custom CSS */