/*  seccion comentada en el archivo contactos.css  */:root{    --color_footer: #05354C;    --color_footers: #05354C;    --color_principal2:#FF7A00;      --color_principal2_1:#FF7A00;    --color_blanco:#FFF;    --texto_normal_footer: 12px;    --fuente_roboto_footer: 'Roboto';    --fuente_source_footer: 'Source Sans Pro', sans-serif;}/*  seccion comentada en el archivo contactos.css  */.grid_footer{    display: grid;    grid-template-columns: repeat(12, 1fr);    column-gap: 10px;    background: var(--color_footers);    font-family: var(--fuente_source_footer);    position: relative;}/** estilos para las redes sociales par esto se aplicó flex-box combinado con grid (fue un experimento que funcionó)*/.linkedin , .facebook , .instagram {     display: flex;    justify-content: center;    align-items: center; }/* estilos para dirección */.direccion_telefonos{    grid-column: 2/5;    width: 100%; }/*estilos para los ul de la lista*/.direccion_telefonos ul, .correos ul{    padding-left: 0px;    margin: 0px;    margin-bottom: 10px;}.direccion_telefonos ul li{    color: var(--color_blanco);    list-style: none;}/*estilos de correo y redes sociales*/.correos{    grid-column: 5/8;}.correos ul li{    color: var(--color_blanco);    grid-column: 5/8;    list-style: none;}.facebook {    grid-column: 9/10;}.instagram {       grid-column: 10/11;}.linkedin{    grid-column:11/12;}.derechos{    background: var(--color_principal2);    grid-column: 1/-1;    text-align: center;    height: auto;}.derechos p{    padding: 0px;    color: var(--color_blanco);    margin: 0px;}.derechos p a{    color: var(--color_blanco);    text-decoration: none;}.linkedin img, .facebook img, .instagram img{     width: 35px;    height: 35px;   }/*  seccion comentada en el archivo contactos.css  */@media only screen and (max-width: 1100px){    .grid_footer{        font-size: 14px;    }    .direccion_telefonos{        grid-column: 2/6;    }    .correos{        grid-column: 6/10;    }    .facebook{        grid-column: 10/11;    }    .instagram{        grid-column: 11/12;    }    .linkedin{       grid-column: 12/-1;     }}/*  seccion comentada en el archivo contactos.css  */@media only screen and (max-width: 682px){     .direccion_telefonos{        grid-column: 1/7;        font-size: 12px;        padding-left: 15px;    }    .correos{        grid-column: 7/-1;        font-size: 12px;    }    .facebook{        grid-column: 3/5;    }    .instagram{        grid-column: 6/8;    }    .linkedin{       grid-column: 9/11;     }    .whatsapp img, .linkedin img, .facebook img, .instagram img{         width: 30px;        height: 30px;       }}