:root{--page-title-display:none;}/* Start custom CSS */.contacto-label a {
    color: #4A98B6;
}

.contacto-label a:hover {
    text-decoration: underline;
}

/* 1. Ocultar "Número de pedido" si NO está seleccionado el motivo de pedido */
#form-contacto:not(:has(#motivo-contacto option:is([value="Pedido"], [value="Ayuda con un pedido"]):checked)) #group-num-pedido {
  display: none;
}

/* 2. Ocultar "Sucursal" si NO está seleccionado pedido ni comentarios */
#form-contacto:not(:has(#motivo-contacto option:is([value="Pedido"], [value="Ayuda con un pedido"], [value="Comentarios de mi visita"], [value="Comentarios sobre mi visita"]):checked)) #group-sucursal {
  display: none;
}/* End custom CSS */