body {
    font-family: Arial, Helvetica, sans-serif;
}

div.fondo_index {
    background-color: #f4f4f4;
}

main {
    margin-top: 82px;
}

img[alt="logo GPSmoviltrack"] {
    width: 250px;
    margin-left: 16px;
}

/* Navbar */

nav.color_barra, div.bg-boton-menu {
    background-color: #fff;
    margin-bottom: 1px;
    border-bottom: 3px solid #3ca6e4;
}

div.offcanvas-body ul.navbar-nav {
    margin-top: 1.5rem;
}

ul.navbar-nav li.nav-item a {
    color: inherit;
    margin: 0.8rem 0 0 1.2rem;
    font-size: 17px;
}
ul.navbar-nav li.nav-item a:hover {
    color: lightskyblue;
}

.titulo-pagina {
    background-image: url(../assets/images/fondo_azul.jpg);
    background-position:center;
    background-size: cover;
    color: whitesmoke;
    letter-spacing: 0.25rem;
    word-spacing: 0.25rem;
}

/* ---------- Index Social Media ---------- */

.social_bar {
    position: fixed;
    right: 0;
    top: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    z-index: 100;
}

.social_bar .iconos_social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
    padding: .45rem;
    text-decoration: none;
}

.social_bar .iconos_social i.fab {
    width: 17px;
    font-size: 19.5px;
    color: white;
}

.social_bar .social_facebook {
    background-color: #5b79b8;
}
.social_bar .social_instagram {
    background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.social_bar .social_whatsapp1 {
    background-color: #1bd741;
}

.social_bar .social_twitter {
    background-color: #1da1f2;
}

.social_bar .social_telegram {
   background-color: #0088cc;
}

.social_bar .social_linkedin {
    background-color: #0274b3;
}

.social_bar .iconos_social:first-child {
    border-radius: 0.6rem 0 0 0 ;
}

.social_bar .iconos_social:last-child {
    border-radius: 0 0 0 0.6rem; 
}

.social_bar .iconos_social:hover {
    padding-right: 2.5rem;
    border-radius: 0.6rem 0 0 0.6rem;
    -webkit-box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
            box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
}

/* Contacto */

.links_contact{ 
    padding-top: 1em;
    padding-bottom: 2.2em;
}

div.card {
    border: none;
}

.links_contact .links_wp h2.card-title, .links_contact .links_ot h2.card-title, .links_contact .links_tg h2.card-title, div.plataformas h2.card-title {
    text-align: center;
    padding-bottom: 0.3em;
    font-size: 1.8em;
}

div.links_contact div.links_wp .wap, div.links_contact div.links_tg .teg{ 
    padding: 1em 1.5em;
}

.links_contact .links_wp a, .links_contact .links_tg a{
    text-align: center;
    font-size: 1.15em;
    text-decoration: none;
    color: black;
    font-weight: bold;
    transition: 300ms;
} .links_contact .links_wp a:hover {
    color: #1bd741;
    transition: 300ms;
} .links_contact .links_tg a:hover {
    color: #0088cc;
    transition: 300ms;
}

.links_contact .links_wp i.fa-whatsapp-square, .links_contact .links_tg i.fa-telegram {
    color: #1bd741;
    font-size: 1.8em;
    padding-right: 0.3em;
}

.links_contact .links_tg i.fa-telegram {
    color: #0088cc;
}

.links_contact .links_tg i.fa-instagram {
    color: palevioletred;
    font-size: 1.8em;
    padding-right: 0.3em;
}
.links_contact .links_tg i.fa-linkedin {
    color: #0274b3;
    font-size: 1.8em;
    padding-right: 0.3em;
}
.links_contact .links_tg i.fa-youtube {
    color: red;
    font-size: 1.8em;
    padding-right: 0.3em;
}
.links_contact .links_tg i.fa-facebook {
    color: #5b79b8;
    font-size: 1.8em;
    padding-right: 0.3em;
}
.links_contact .links_tg i.fa-twitter {
    color: #1da1f2;
    font-size: 1.8em;
    padding-right: 0.3em;
}

.links_contact .links_wp div.card:hover {
    box-shadow: 0 0 10px lightgreen;
    transition: all ease 200;
}

.links_contact .links_tg div.card:hover {
    box-shadow: 0 0 10px lightskyblue;
    transition: all ease 200;
}

/* Mapa */
div.mapa iframe {
    width: 100%;
    height: 300px;
}

/* Plataformas */
div.plataformas div.card div.img_plataformas img {
    -webkit-transition: all ease-in 200ms;
    -o-transition: all ease-in 200ms;
    transition: all ease-in 200ms;
    width: 150px;
}

div.plataformas div.card img:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-transition: all ease-in 200ms;
    -o-transition: all ease-in 200ms;
    transition: all ease-in 200ms;
}

/* Cards */

div.plataformas div.card-body div.img_plataformas#img_pla_gps, div.plataformas div.card div.img_plataformas img[alt="logo_gpsmoviltrack"] {
    width: 100px;
    transition: all 300ms;
}

div.plataformas div.card-body div.img_plataformas#img-especiales, div.plataformas div.card div.img_plataformas img[alt="logo_especiales"] {
    width: 300px;
    transition: all 300ms;
}

div.plataformas div.card-body div.img_plataformas#img-pesv {
    width: 150px;
    transition: all 300ms;
}

div.plataformas div.card-body div.img_plataformas {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    transition: all 300ms;
}

div.cards_ptfm {
    border-radius: 15px;
    transition: all 300ms;
}

/* Card Color */

div.plataformas div.pla_motos:hover {
    transition: all 300ms;
    box-shadow: 0 0 10px #16ad34;
}

div.plataformas div.pla_especiales:hover, div.plataformas div.pla_pesv:hover, div.plataformas div.pla_principal:hover, div.bord-tutos:hover {
    transition: all 300ms;
    box-shadow: 0 0 10px #16ad34;
}

div.plataformas div.pla_transporte:hover {
    transition: all 300ms;
    box-shadow: 0 0 10px #16ad34;
}

div.plataformas div.pla_mantenimiento:hover {
    transition: all 300ms;
    box-shadow: 0 0 10px #16ad34;
}

div.plataformas div.card p.text_servicios {
    padding: 20px 15px 5px;
    font-size: 17px;
}

/* Quienes Somos */

div.quienessomos div.card-body img {
    width: 280px;
}

div.quienessomos h2{ 
    text-align: center;
}

div.quienessomos p {
    font-size: 1.2em;
}

div.quienessomos p.text-quien {
    margin: 15px;
    margin-top: 50px;
}

/* desarrollo */
div.plataformas div.card-body div.img_desarrollo {
    margin-left: auto;
    margin-right: auto;
    width: 350px;
}

div.plataformas div.card-body div.img_desarrollo img {
    width: 350px;
    /* height: 400px; */
}

/* tutoriales youtube */
div.contenedor_video {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

div.contenedor_video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}