/* Createlow: identidad de esquinas rectas en TODA la interfaz del cliente.
 * Hoja común, también en cabeceras independientes. No editar los paquetes
 * generados ni las librerías: la capa mantiene la regla ante CSS diferido,
 * modales dinámicos y reglas !important de componentes/proveedores.
 * No modifica dimensiones, foco, colores, textos, imágenes ni lógica de compra.
 */
@layer createlow-identidad {
    :where(body *), :where(body *)::before, :where(body *)::after {
        border-radius: 0 !important;
    }

    /* Excepciones FUNCIONALES, no cajas, tarjetas, avatares ni botones.
     * Los radios siguen distinguiéndose de las casillas. Los indicadores de
     * carga conservan su giro y el marcador del selector de color su precisión.
     * No se modifica el contenido de canvas/SVG, la forma real del producto
     * ni los controles de una pasarela externa dentro de su propio documento.
     */
    :where(
        input[type="radio"],
        #comboCantidad .ofertas-check,
        .checkout-pasarela-loader,
        .resumen-carga-giro,
        .preloader,
        .spinner-border,
        .spinner-grow,
        .designer-loader-orbit,
        .designer-loader-core,
        .diseno-carga-motor,
        .diseno-carga-orbita,
        .diseno-carga-centro,
        .wa-chat-puntos i,
        .pcr-color-palette .pcr-picker,
        .pcr-color-chooser .pcr-picker,
        .pcr-color-opacity .pcr-picker
    ),
    :where(
        .custom-radio .custom-control-label,
        .designer-loader-orbit,
        .diseno-carga-orbita,
        .relacionados-procesando .relacionados-contenido > [role="status"],
        #presupuestoModal[data-estado="enviando"] .pp-primario
    )::before,
    :where(.custom-radio .custom-control-label, .carrito-borrando)::after {
        border-radius: 50% !important;
    }

    /* Excepción de marca solicitada: WhatsApp conserva su cápsula de
     * escritorio y su círculo móvil. No afecta a la ventana de conversación.
     */
    :where(.whatsapp, .whatsapp > a) {
        border-radius: 999px !important;
    }

    @media (max-width: 992px) {
        :where(.whatsapp, .whatsapp > a) {
            border-radius: 50% !important;
        }
    }
}