/*
Theme Name: MotoGraphix V7
Theme URI: https://motogrpx.com
Author: MotoGraphix Perú
Author URI: https://motogrpx.com
Description: Tema oficial MotoGraphix V7.
Version: 1.0
Text Domain: motographix-v7
*/

/*==================================================
VARIABLES
==================================================*/

:root{

    --black:#000000;
    --black-2:#0d0d0d;

    --white:#ffffff;

    --gray:#1b1b1b;
    --gray-2:#2b2b2b;
    --gray-3:#888888;

    --red:#E30613;
    --red-hover:#ff2435;

    --container:1400px;

    --radius:50px;

    --transition:.30s ease;

}

/*==================================================
RESET
==================================================*/

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--black);

    color:var(--white);

    font-family:Arial,Helvetica,sans-serif;

    font-size:16px;

    line-height:1.6;

    overflow-x:hidden;

}

/*==================================================
ELEMENTOS
==================================================*/

img{

    display:block;

    max-width:100%;

}

a{

    color:inherit;

    text-decoration:none;

}

ul{

    list-style:none;

}

button{

    border:none;

    background:none;

    cursor:pointer;

}

/*==================================================
CONTENEDOR
==================================================*/

.container{

    width:min(var(--container),calc(100% - 50px));

    margin:auto;

}

/*==================================================
SCROLLBAR
==================================================*/

::-webkit-scrollbar{

    width:12px;

}

::-webkit-scrollbar-track{

    background:#050505;

}

::-webkit-scrollbar-thumb{

    background:var(--red);

    border-radius:30px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--red-hover);

}

html{

    scrollbar-width:thin;

    scrollbar-color:var(--red) #050505;

}