/* 🔤 Neo Sans Std - Regular */
@font-face {
    font-family: "NeoSansSTD";
    src: url("/ecommerce/bulones/main/fonts/NeoSansStd-Regular-54b1ffc98b669730faf0af4a77a7a7e1.woff2") format("woff2"),
         url("/ecommerce/bulones/main/fonts/Neo Sans Std Regular-f83dbaea0b3a52f3f0ae7e65fa439348.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 🔤 Neo Sans Std - Bold */
@font-face {
    font-family: "NeoSansSTD";
    src: url("/ecommerce/bulones/main/fonts/NeoSansStd-Bold-9f0a8871ad2bc378fc1862f456b71fca.woff2") format("woff2"),
         url("/ecommerce/bulones/main/fonts/Neo Sans Std Bold-5a4646720c476cbbba1d10dac41e8d70.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* 🔤 Poppins - Regular */
@font-face {
    font-family: "Poppins";
    src: url("/ecommerce/bulones/main/fonts/Poppins-Regular-4da135344cbeb0b739d93242d827b903.woff2") format("woff2"),
         url("/ecommerce/bulones/main/fonts/Poppins-Regular-093ee89be9ede30383f39a899c485a82.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 🔤 Poppins - Bold */
@font-face {
    font-family: "Poppins";
    src: url("/ecommerce/bulones/main/fonts/Poppins-Bold-42dd39c35870cd9a77762c0ed2b2cf00.woff2") format("woff2"),
         url("/ecommerce/bulones/main/fonts/Poppins-Bold-08c20a487911694291bd8c5de41315ad.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* 🔤 AmpleSoftPro - Medium */
@font-face {
    font-family: "AmpleSoftPro";
    src: url("/ecommerce/bulones/main/fonts/AmpleSoftPro-Medium-b055c6d4ceebe7b864f4f426373b0b68.woff2") format("woff2"),
         url("/ecommerce/bulones/main/fonts/AmpleSoftPro-Medium-448e747e4a15bcfd55b0c3860bf6c459.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* 🔤 AmpleSoftPro - Regular */
@font-face {
    font-family: "AmpleSoftPro";
    src: url("/ecommerce/bulones/main/fonts/AmpleSoftPro-Regular-45a96e471013f67580b6e97578c2de0e.woff2") format("woff2"),
         url("/ecommerce/bulones/main/fonts/AmpleSoftPro-Regular-eb39697f80a00bf1f9ab74a2900cb4e8.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* Estilos generales - Versión Moderna */
:root {
    --primary-color: #FF6B00;  /* Naranja vibrante */
    --secondary-color: rgb(50, 74, 124);
    --dark-color: #2D2D2D;     /* Gris oscuro sofisticado */
    --light-color: #F8F9FA;
    --gray-color: #6C757D;
    --gray-light-color: #f5f7fa;	
    --white-color: #FFFFFF;
    --black-color: #000000;
    --success-color: #28A745;
    --bg-color: #FFF9F5;       /* Fondo cálido muy claro */
    --text-color: #333333;
    --text-color-white: rgb(255, 255, 255);
    --text-color-red: rgb(255, 0, 0);
    --accent-color: #FF4500;   /* Naranja más intenso para acentos */
    --topbar-h: 40px;   /* alto de la barra fija */
    --header-h: 80px;   /* alto aproximado del header */
    --subbar-h: 75px;/*40px;*/
      /* Flechas Swiper genéricas */
 	--swiper-arrow-bg: #fff;
  	--swiper-arrow-color: var(--primary-color);
  	--swiper-arrow-size: 34px;
  	--swiper-arrow-radius: 6px;
	--swiper-arrow-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    /* Fuentes */
    --font-neo: "NeoSansSTD", sans-serif;
    --font-poppins: "Poppins", sans-serif;
    --font-ample: "AmpleSoftPro", sans-serif;
    --header-total-h: calc(var(--topbar-h) + var(--header-h) + var(--subbar-h));

    /* Alias semánticos */
    --font-title: var(--font-neo);
    --font-body: var(--font-poppins);

    --text-background-lineaDegradada: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
    --content-gap-top: 16px; /* espacio entre sub-bar y primer contenido */
    
    --fab-size: 50px;     /* tamaño de los botones */
  	--fab-gap: 14px;      /* separación entre ellos */
  	--fab-right: 20px;
  	--fab-wa-bottom: 20px;
  	
  	/*VARIABLE PARA CAROUSEL PRINCIPAL*/
  	--index-gap-top: 0px;
}
/* Iconos compartidos por Bulones: texto visible mientras se descarga WOFF2. */
@font-face {
  font-family:"bootstrap-icons";
  font-display:swap;
  src:url("/dashboard/css/bootstrap-icons/fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff2");
}