*
{
    padding: 0;
    margin: 0;
}


.slider-area
{
    z-index: 0;
}
.footer_area
{
    z-index: 0;
}

/*******general  ******/
.main0,
.main1,
.main2,
.main3
{
    width: 100%;
    background-color: white;
    padding-top: 40px;
    padding-bottom: 40px;
}
.contenedor_main0,
.contenedor_main1,
.contenedor_main2,
.contenedor_main3
{
    width: 90%;
    margin: auto;
    max-width: 1500px;
}
.contenedor_main0 .titulo,
.contenedor_main1 .titulo,
.contenedor_main3 .titulo
{
    color: #3d9ec8;
    text-align: center;
    font-size: 33px;
}



/************** main 0 ***********/
@media (min-width:680px)
{
    .contenedor_col20
    {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .col20
    {
        width: 46%;
    }
}
@media (min-width:980px)
{
    .contenedor_col20
    {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .col20
    {
        width: 20%;
    }
}




/****************   main 1 y main 3  ************************/

/* hr */
.bs-home-hr {
    background-color: #3d9ec8;
    width: 29%;
    height: 0.2rem;
    margin-bottom: 2rem;
    margin-top: 3px;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
*, ::after, ::before {
    box-sizing: border-box;
}

hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}


.contenedor_col25
{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin-bottom: 30px;
}
.col25
{
    border: 1px solid #dee2e6;
    border-radius: 18px;
}
.contenedor_boton  
{
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    
}
.contenedor_col25 p
{
    text-align: center;
}
.boton
{
    background-color: #3d9ec8;
    color: white;
    border: 1px solid #3d9ec8;
    padding: 8px 16px 8px 16px;
    border-radius: 6px;
}
.boton:hover
{
    background-color: white;
    color: #3d9ec8;
}
.contenedor_img
{
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}
.img
{
    width: 400px;
    height: 400px;
}
.nombre
{
    font-weight: bold;
    font-size: 18px;
}
.precio
{
    font-size: 20px;
}

@media (min-width: 680px)
{
    .contenedor_col25
    {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 990px)
{
    .contenedor_col25
    {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

/***********   main   2    ********/
.pc_gamer
{
    height: 500px;
    width: 500px;
}
.contenedor_img_gamer
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.col50:nth-child(2)
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.contenedor_col50
{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
}
.subtitulo
{
    color: #3d9ec8;
    font-weight: 900;
    border-bottom: #3d9ec8 5px double;
    padding-bottom: 10px;
}
@media (min-width:990px)
{
    .contenedor_col50
    {
        grid-template-columns: 1fr 1fr;
    }
}
.contenedor_main2 .contenedor_boton
{
    text-align: left;
}

/*
https://template-c01var-c.bsalemarket.com/




https://www.mclibre.org/consultar/htmlcss/css/css-bordes.html
*/