@import url('./main-layout.css');
@import url('./views/image-gallery-view.css');
@import url('views/contacto-view.css');
@import "views/cotizer/grid-stl-item-order.css";
@import "views/cotizer/cotizer-view.css";
@import "views/checkout-view.css";
@import "views/home.css";
@import "views/services-view.css";
@import "views/product-detail.css";


@import "components/avatar-menu.css";
@import "components/info-header.css";
@import "components/menu-header.css";
@import "components/carousel-view.css";
@import "components/account-form.css";
@import "components/footer.css";
@import "components/footer-main.css";
@import "components/banner.css";
@import "components/home.css";
@import "components/stl-to-jpg.css";
@import "components/location-selector.css";
@import "components/product-card.css";
@import "login/login.css";

:root {


    --color-background: #F8F9FA; /* Gris muy claro, casi blanco, para el fondo */
    --color-text-primary: #212529; /* Gris muy oscuro para el texto principal */
    --color-text-secondary: #6C757D; /* Gris medio para texto secundario */

    /* Colores de acento */
    --color-accent-primary: #708090; /* Gris azulado metálico (Slate Gray) para acentos principales */
    --color-accent-secondary: #DEE2E6; /* Un gris muy claro para bordes */

    /* Colores de estado (opcionales) */
    --color-success: #28A745; /* Verde para mensajes de éxito */
    --color-warning: #FFC107; /* Amarillo para advertencias */
    --color-error: #DC3545; /* Rojo para errores */
    --color-error-hover: #e71529;

    /* Sombras (para dar profundidad) */
    --shadow-light: 0px 4px 10px rgba(0, 0, 0, 0.05);

    --primary-color: #007bff; /* Azul vibrante */
    --accent-color: #28a745; /* Verde para el botón de acción */
    --text-color: #333;
    --light-bg: #f8f9fa;
    --card-bg: #ffffff;
    --border-color: #e9ecef;

    --color-primario :  #202021;
    --color-contraste-suave : #5e4d33;
    --color-contraste-medio : #f6980f;
    --contraste-texto: rgba(52, 66, 93, 0.77);
    --fuente-principal: Arial, sans-serif;
    --espaciado: 10px;


    --color-primario: #0D9488; /* Un verde azulado tecnológico y confiable */
    --color-fondo: #0F172A; /* Azul oscuro casi negro */
    --color-fondo-secundario: #1E293B; /* Azul grisáceo oscuro */
    --color-texto: #E2E8F0; /* Gris claro para texto principal */
    --color-texto-secundario: #94A3B8; /* Gris más suave */
    --color-brillo: #5EEAD4; /* Acento brillante para la animación */
    --color-borde: rgba(148, 163, 184, 0.2);
    --color-artistico: linear-gradient(45deg, #F43F5E, #EC4899, #8B5CF6);
    --color-estructural: #334155;
    --color-oferta: #F87171; /* Rojo suave para ofertas */
    --color-nuevo: #34D399; /* Verde para nuevo */
}
html {
            scroll-behavior: smooth;
}

body {
    background-color: var(--color-background);
    font-family: 'Inter', sans-serif;
    color: var(--color-text-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    /*padding: 1rem;*/
    padding: 0;
    box-sizing: border-box;
    line-height: 1.6;


    font-family: 'Poppins', sans-serif;
    background-color: var(--color-fondo);
    color: var(--color-texto);
    overflow-x: hidden;
}