/* Colores unificados por sexo para burbujas de terneros en toda la web. */
.ternero-burbuja.sexo-macho,
.campo-burbuja-ternero.sexo-macho,
.alim-burbuja.sexo-macho,
.alim-registro-burbuja.sexo-macho,
.recria-burbuja.sexo-macho,
.ternero-trazabilidad-burbuja.sexo-macho,
.tratamiento-burbuja.sexo-macho,
.movimiento-burbuja.sexo-macho,
.tarea-burbuja.sexo-macho {
    background: #eff6ff;
    border-color: rgba(13, 110, 253, 0.38);
}

.ternero-burbuja.sexo-hembra,
.campo-burbuja-ternero.sexo-hembra,
.alim-burbuja.sexo-hembra,
.alim-registro-burbuja.sexo-hembra,
.recria-burbuja.sexo-hembra,
.ternero-trazabilidad-burbuja.sexo-hembra,
.tratamiento-burbuja.sexo-hembra,
.movimiento-burbuja.sexo-hembra,
.tarea-burbuja.sexo-hembra {
    background: #fdf2f8;
    border-color: rgba(214, 51, 132, 0.38);
}

.ternero-burbuja.sexo-macho:hover,
.campo-burbuja-ternero.sexo-macho:hover,
.alim-burbuja.sexo-macho:hover,
.alim-registro-burbuja.sexo-macho:hover,
.recria-burbuja.sexo-macho:hover,
.ternero-trazabilidad-burbuja.sexo-macho:hover,
.tratamiento-burbuja.sexo-macho:hover,
.movimiento-burbuja.sexo-macho:hover,
.tarea-burbuja.sexo-macho:hover {
    box-shadow: 0 3px 10px rgba(13, 110, 253, 0.18);
}

.ternero-burbuja.sexo-hembra:hover,
.campo-burbuja-ternero.sexo-hembra:hover,
.alim-burbuja.sexo-hembra:hover,
.alim-registro-burbuja.sexo-hembra:hover,
.recria-burbuja.sexo-hembra:hover,
.ternero-trazabilidad-burbuja.sexo-hembra:hover,
.tratamiento-burbuja.sexo-hembra:hover,
.movimiento-burbuja.sexo-hembra:hover,
.tarea-burbuja.sexo-hembra:hover {
    box-shadow: 0 3px 10px rgba(214, 51, 132, 0.18);
}

.alim-burbuja.sexo-macho.seleccionada {
    background: #dbeafe;
    border-color: rgba(13, 110, 253, 0.55);
}

.alim-burbuja.sexo-hembra.seleccionada {
    background: #fce7f3;
    border-color: rgba(214, 51, 132, 0.55);
}

.alim-burbuja.sexo-macho.no-seleccionada,
.alim-burbuja.sexo-hembra.no-seleccionada {
    opacity: 0.72;
}

/* Selector táctil de sexo (nuevo/editar ternero) */
.sexo-burbujas-selector {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sexo-burbuja-opcion {
    align-items: center;
    background: #fff;
    border: 2px solid rgba(15, 23, 42, 0.12);
    border-radius: 0.85rem;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
    color: #334155;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 700;
    gap: 0.45rem;
    justify-content: center;
    min-height: 48px;
    padding: 0.7rem 0.85rem;
    touch-action: manipulation;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    -webkit-tap-highlight-color: transparent;
}

.sexo-burbuja-opcion.sexo-macho.is-active {
    background: #eff6ff;
    border-color: rgba(13, 110, 253, 0.55);
    box-shadow: 0 3px 10px rgba(13, 110, 253, 0.18);
    color: #0b5ed7;
}

.sexo-burbuja-opcion.sexo-hembra.is-active {
    background: #fdf2f8;
    border-color: rgba(214, 51, 132, 0.55);
    box-shadow: 0 3px 10px rgba(214, 51, 132, 0.18);
    color: #c2255c;
}

.sexo-burbuja-opcion:focus-visible {
    outline: 3px solid rgba(31, 122, 58, 0.35);
    outline-offset: 2px;
}