@charset "utf-8";
.bg-sostenibilidad-gris {
    background:#f0f0f0 !important;
    color: #454b5c !important;
}
.bg-gray {
    background:#454b5c !important;
}
.flex-sostenibilidad,
.flex-slideshow {
    display:flex;
    justify-content: space-between;
}
.flex-sostenibilidad .col-izq,
.flex-slideshow .col1 {
    width:60%;
}
.flex-sostenibilidad .col-der,
.flex-slideshow .col2 {
    width:38%;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}
.img100 {
    width: 100%;
}
.mb0 {
    margin-bottom: 0;
}
.mt40 {
    margin-top:40px;
}
.gray {
    color: #454b5c;
}
.circulo-asg {
    display: flex;
    justify-content: center;
}
.circulo-asg img {
    width:600px;
}
@media (min-width: 1367px) {
    .circulo-asg {
    }
}
.compromisos {
    width:100%;
    margin: 30px 0;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?z2ec9u');
  src:  url('fonts/icomoon.eot?z2ec9u#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?z2ec9u') format('truetype'),
    url('fonts/icomoon.woff?z2ec9u') format('woff'),
    url('fonts/icomoon.svg?z2ec9u#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-arrow:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\e901";
}
.icon-femenino:before {
  content: "\e902";
}
.icon-instagram:before {
  content: "\e903";
}
.icon-masculino:before {
  content: "\e904";
}
.icon-pinterest:before {
  content: "\e905";
}
.icon-square:before {
  content: "\e906";
}
.icon-twitter:before {
  content: "\e907";
}
.icon-youtube:before {
  content: "\e908";
}
.centro {
    background: #79256e;
    text-transform: uppercase;
    color: white;
    padding: 7px 20px 4px 20px;
    display: inline-block;
    margin-bottom: 10px;
}
.flex-recursos {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.flex-recursos .pdf {
    width: 31%;
}
.pdf {
    margin: 0;
    padding: 0;
}
.pdf li,
.flex-recursos2 li {
    list-style: none;
    padding-left: 20px;
    position: relative;
    line-height: 22px;
    margin-bottom: 10px;
}
.pdf li:after {
    content: "\e906";
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    top: 0;
    color: #502b80;
    font-size: 11px;
}

.flex-recursos2 li:after {
    content: "\e906";
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    top: 0;
/*    color: #502b80;*/
    font-size: 11px;
}
.flex-recursos2 li a {
    display: block;
    color: #454b5c;
}
.pdf li a {
    transition: 400ms ease;
}
.pdf li a:hover {
    padding-left: 5px;
}
.pdf .gobierno:after,
.flex-recursos2 .gobierno,
.flex-recursos2 .gobierno:after {
    color: #f27179;
}
.pdf .ambiental:after,
.flex-recursos2 .ambiental,
.flex-recursos2 .ambiental:after {
    color: #51bf9d;
}
.flex-recursos2 {
    display: flex;
    justify-content: center;
    grid-gap: 40px;
    margin: 10px 0 0 0;
    padding: 0;
}
.pdf a {
    color: #454b5c;
}

/***********************MENU SOSTENIBILIDAD*****************************/
header {
    z-index: 3;
}





.menu-principal a {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 2px;
}
.menu-principal ul li .active li a {
    color: black !important;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 4px;
    padding-bottom: 2px;
}
.menu-principal ul li .active.active2 li a {
    color: rgba(0, 0, 0, 0.5) !important;
}
.menu-principal ul li .active.active2 li a:hover {
    color: black !important;
}
.menu-principal ul li .active li .uk-accordion-title {
    color: black !important;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 3px;
    padding-bottom: 2px;
}
.menu-principal ul li .uk-accordion > :nth-child(n+2) {
  margin-top: 0 !important;
}
.menu-principal ul li ul li .uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23000%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}
.menu-principal .uk-open > .uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}
.menu-principal ul li ul li .uk-accordion-content {
    margin: 0 !important;
    padding: 0 !important;
}
.menu-principal ul li ul li .uk-accordion-content small {
    display: inline-block;
    line-height: 15px;
}
.menu-principal ul li .selected2 {
    color: black;
}












/*
.menu-principal ul.ul-ambiental {
    padding: 0;
    margin: 0 !important;
}.menu-principal ul.ul-ambiental a {
    margin-bottom: 4px;
    font-size: 14px;
}
*/
.list {
    margin: 0;
    padding: 0 0 0 20px;
}
.list li {
    list-style: none;
    padding-left: 16px;
    position: relative;
    margin-bottom: 15px;
}
.list li:after {
    content: "\e906";
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    top: -1px;
    color: #454b5c;
    font-size: 7px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
table tr th {
    font-weight: normal;
    font-weight: 800;
}
.tabla-riesgos tr th {
    background: #6d2c6b;
    color: white;
    padding: 3px 10px 4px 10px;
}
.tabla-riesgos tr td {
    padding: 5px 10px 6px 10px;
    border-bottom: black solid 1px;
    line-height: 24px;
}
.orange {
    background: rgba(0, 0, 0, 0.3);
    color: white;
    font-weight: 400;
}
.tabla-riesgos tr td:nth-of-type(1) {
    font-weight: 400;
}
.gray {
    background: #f3f3f3;
}
.yellow {
    background: rgba(0, 0, 0, 0.1);
}
.ol {
    margin: 0 0 15px 0;
    padding: 0 0 0 40px;
}
.ol li {
    margin-bottom: 15px;
}
.ol ul {
    list-style: disc;
    padding-left: 24px;
}
.ol ul ul {
    list-style: circle;
}
.f16 {
    font-size: 16px;
    line-height: 22px;
}
.line-title2 {
    background:#454b5c;
    height:1px;
    width:100px;
    margin:40px 0 10px 0;
}
.tabla-alineacion tr th {
/*    background: rgba(0, 0, 0, 0.1);*/
    border-bottom: #F27179 solid 3px;
    color: #58595b;
    padding: 3px 10px 4px 10px;
    font-weight: 400;
    text-align: right;
    font-size:16px;
    line-height:20px;
}
.tabla-alineacion tr th:nth-of-type(1),
.tabla-riesgos-fisicos tr .primer {
    text-align: left !important;
    font-weight: 700 !important;
    color: #075c90 !important;
}
.tabla-alineacion tr td {
    padding: 7px 10px 6px 10px;
    border-bottom: #a7a9ac solid 1px;
    font-size:16px;
    line-height:20px;
    text-align: right;
    transition: 400ms ease;
}
.tabla-alineacion tr:last-child td,
.tabla-riesgos-fisicos tr:last-child td {
/*    border-bottom: #179bab solid 2px;*/
}
.tabla-alineacion tr td:nth-of-type(1),
.tabla-alineacion.tabla-gobierno tr th:nth-of-type(2),
.tabla-alineacion.tabla-gobierno tr td:nth-of-type(2) {
    text-align: left;
}
.tabla-alineacion .years td {
    border-bottom: #F27179 solid 3px;
    color: #58595b;
}
.tabla-alineacion .years td:nth-of-type(1),
.tabla-alineacion .years td:nth-of-type(2),
.tabla-alineacion .years td:nth-of-type(3),
.tabla-alineacion tr .th {
    font-weight: 800;
    color: #51be9d;
}
.tabla-alineacion .center td:nth-of-type(1) {
    text-align: center;
}
.tabla-alineacion .blue td {
    font-weight: 800;
    color: #075c90;
    border-bottom: #51be9d solid 3px;
}
.tabla-alineacion .line1 td {
    border-bottom: #51be9d solid 3px;
}
.tabla-alineacion .esp th {
    padding-top: 20px;
}

.tabla-alineacion tr .actual {
    color: #51be9d;
    font-weight: 500;
}
.tabla-alineacion .f400,
.f400 {
    font-weight: 400;
}
.f800, .tabla-alineacion .bold td {
    font-weight: 800;
}
.tabla-alineacion tr .right {
    text-align: right !important;
}
.tabla-alineacion tr:hover td {
    background: #51be9d;
    color: white;
}

.tabla-riesgos-fisicos tr th {
    /*background: rgba(0, 0, 0, 0.1);
    padding: 3px 10px 4px 10px;
    font-size:16px;
    line-height:20px;*/
    border-bottom: #F27179 solid 3px;
    color: #58595b;
    padding: 3px 10px 4px 10px;
    font-weight: 400;
    text-align: center;
    font-size:16px;
    line-height:20px;
    vertical-align: bottom;
}
.tabla-riesgos-fisicos tr td {
    padding: 5px 10px 6px 10px;
    border-bottom: #939598 solid 1px;
    font-size:16px;
    line-height:20px;
    transition: 400ms ease;
}
.tabla-riesgos-fisicos tr .bb {
    border-bottom: #939598 solid 1px;
}
.tabla-riesgos-fisicos tr .centrar {
    text-align: center;
}
/*.tabla-riesgos-fisicos #first:hover {
    background: #00aab5;
    color: white;
}
.tabla-riesgos-fisicos tr:hover td {
    background: #00aab5;
    color: white;
}
.tabla-riesgos-fisicos div:hover {
    background: #00aab5;
}
.tabla-riesgos-fisicos tr:hover td .list li:after {
    color: white;
}*/
.tabla-riesgos-fisicos .list li:last-child {
    margin-bottom: 0;
}
.tabla-alineacion.gestion tr th:nth-of-type(1) {
    text-align: left;
}
.tabla-alineacion.gestion tr td:nth-of-type(1) {
    font-weight: 400;
}
.img-gestion {
    margin: 30px 0;
}
.img-gestion img {
    width: 800px;
}
.bg-materialidad {
    background: white;
    padding: 0 62px 20px 105px;
}
.tabla-materialidad tr th {
    background: #bce4e8;
    text-align: left;
    line-height: 20px;
    padding: 4px 10px 7px 10px;
}
.tabla-materialidad tr td {
    padding: 4px 10px 7px 10px;
    transition: 400ms ease;
    line-height: 20px;
}
.tabla-materialidad .bg2 th {
    background: #fcdee4;
}
.tabla-materialidad .bg3 th {
    background: #e1e2e3;
}
.tabla-materialidad tr:last-child td {
    border-bottom: #cfcfd0 solid 2px;
}
.img-materialidad {
    display: flex;
    justify-content: center;
}
.img-materialidad img {
    background: white;
    padding: 40px 40px 20px 40px;
}
.tabla-materialidad tr:hover td {
    background: #cfcfd0;
}
.flex-informe {
    display:flex;
    justify-content: center;
    grid-gap: 20px;
    margin-bottom: 20px;
}
.flex-informe a {
    width:300px;
    height:420px;
    background: url(../img/informe-sostenibilidad-2025.jpg) center center / cover no-repeat;    
    position: relative;
    box-shadow: -20px 20px 25px rgba(0, 0, 0, 0.2);
}
.flex-informe.flex-informe-en a {
    background: url(../img/informe-sostenibilidad-2025-en.jpg) center center / cover no-repeat;
}
.flex-informe a span {
    padding: 10px;
    background: #79256e;
    color: white;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 10px;
    transition: 400ms ease;
}
.flex-informe a:hover span {
    transform: scale(1.1);
    background: #ff6d0f;
}
.flex-informe div {
    width:200px;
    display: flex;
    align-items: center;
}
.flex-informe div span {
    font-size: 32px;
    line-height: 38px;
    font-weight: 300;
}
.grid-politicas {
    display: grid;
    grid-template-columns: 22% 22% 22% 22%;
    column-gap: 4%;
    row-gap: 40px;
    grid-template-rows: repeat(3, 210px [col-start]);
}
.grid-politicas div {
    text-align: center;
}
.grid-politicas a,
.flex-cyber a {
    display: block;
    height: 160px;
    position: relative;
    background: url(../img/cambio-climatico.jpg) center center / cover no-repeat;
}
.grid-politicas p,
.flex-cyber p {
    /*font-family: "open-sans", sans-serif;
    font-style: normal;*/
    font-weight: 800;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: white;
    background: #79256e;
    display: block;
    margin-bottom: 0;
    padding: 0 10px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-politicas a span,
.flex-cyber a span {
    padding: 10px;
    background: #79256e;
    color: white;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px;
    box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.5);
    transition: 400ms ease;
}
.grid-politicas a:hover span,
.flex-cyber a:hover span {
    transform: scale(1.2);
    background: #ff6d0f;
}
.grid-politicas .conducta {
    background: url(../img/codigo-conducta.jpg) center center / cover no-repeat;
}
.grid-politicas .proveedores {
    background: url(../img/proveedores.jpg) center center / cover no-repeat;
}
.grid-politicas .publicidad {
    background: url(../img/publicidad.jpg) center center / cover no-repeat;
}
.grid-politicas .fiscal {
    background: url(../img/fiscal.jpg) center center / cover no-repeat;
}
.grid-politicas .etica {
    background: url(../img/codigo-etica.jpg) center center / cover no-repeat;
}
.grid-politicas .agua {
    background: url(../img/gestion-agua.jpg) center center / cover no-repeat;
}
.grid-politicas .residuos {
    background: url(../img/gestion-residuos.jpg) center center / cover no-repeat;
}
.grid-politicas .guia-ambiental {
    background: url(../img/estimacion-ambiental.jpg) center center / cover no-repeat;
}
.grid-politicas .compras {
    background: url(../img/compras-responsables.jpg) center center / cover no-repeat;
}
.grid-politicas .derechos {
    background: url(../img/derechos.jpg) center center / cover no-repeat;
}
.grid-politicas .talento {
    background: url(../img/talento.jpg) center top / cover no-repeat;
}
.grid-politicas .inclusion {
    background: url(../img/inclusion.jpg) center top / cover no-repeat;
}
.grid-politicas .donacion {
    background: url(../img/donaciones.jpg) center center / cover no-repeat;
}
.grid-politicas .alimentos {
    background: url(../img/alimentos.jpg) center top / cover no-repeat;
}
.grid-politicas .salud {
    background: url(../img/salud.jpg) center top / cover no-repeat;
}
.grid-politicas .productos {
    background: url(../img/productos.jpg) center center / cover no-repeat;
}
.grid-politicas .empaques {
    background: url(../img/empaques.jpg) center center / cover no-repeat;
}
.grid-politicas .igualdad {
    background: url(../img/igualdad.jpg) center center / cover no-repeat;
}
.grid-politicas .medio-ambiente {
    background: url(../img/medio-ambiente.jpg) center center / cover no-repeat;
}
.grid-politicas .responsabilidad-social {
    background: url(../img/responsabilidad-social.jpg) center center / cover no-repeat;
}
.grid-politicas .trabajo {
    background: url(../img/trabajo.jpg) center center / cover no-repeat;
}
.grid-politicas .politica-sostenibilidad {
    background: url(../img/politica-sostenibilidad.jpg) center center / cover no-repeat;
}
.flex-cyber .ciberseguridad {
    background: url(../img/ciberseguridad.jpg) center center / cover no-repeat;
}
.flex-cyber .certificaciones {
    background: url(../img/certificaciones.jpg) center 10% / cover no-repeat;
}
.flex-cyber .certificaciones-en {
    background: url(../img/certificaciones-en.jpg) center 18% / cover no-repeat;
}
.flex-cyber .modo-responsable {
    background: url(../img/modo-responsable.jpg) center center / cover no-repeat;
}
.flex-cyber .sostenibilidad-suburbia {
    background: url(../img/sostenibilidad-suburbia.jpg) center center / cover no-repeat;
}
.flex-cyber .gestion-marca {
    background: url(../img/gestion-marca.jpg) center center / cover no-repeat;
}
.flex-cyber .gestion-marca-suburbia {
    background: url(../img/gestion-marca-suburbia.jpg) center center / cover no-repeat;
}
.flex-cyber {
    display: flex;
    justify-content: space-between;
}
.flex-cyber div {
    width: 48%;
}
h2 {
    font-weight: 700 !important;
    font-style: normal !important;
}
h2.pink {
    color: #075c90 !important;
}
.mt20 {
    margin-top: 20px;
}
h2.green {
    color: #51be9d;
    font-weight: 500;
    font-style: normal;
}
.mb10 {
    margin-bottom: 10px;
}
h2.purple {
    color: #792e7b;
}
.principales-riesgos tr td:nth-of-type(1) {
    font-weight: 400;
}
.bg-nombre {
    padding: 15px 10px;
    background: #51bf9d;
    color: white;
    text-align: center;
    line-height: 22px;
    font-weight: 200;
}
.flex-aliadas {
    display: flex;
    justify-content: space-between;
}
.flex-aliadas ol {
    width: 48%;
}
.flex-aliadas ol li {
    line-height: 20px;
    margin-bottom: 10px;
}
.mt100 {
    margin-top: 100px;
}
.flex-compromisos {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.col32 {
    width:32%;
}
.flex-icon {
    display:flex;
}
.flex-icon div:nth-of-type(1) {
    width: 15%;
    margin-right: 2%;
}
.flex-icon div:nth-of-type(2) {
    width:83%;
}
.link-estandar a {
    color:#454b5c;
    transition: 400ms ease;
}
.link-estandar a:hover {
    padding-left: 5px;
}

.lista-empaques {
    font-size: 14px;
    line-height: 20px;
    color: #888a8d;
    counter-reset: item;
}
.lista-empaques li {
    display: block;
}
.lista-empaques li:before {
    content: counter(item) ". ";
    counter-increment: item;
}
.lista-empaques li:nth-child(2):before {
    content: "2, 4. ";
}
.lista-empaques li:nth-child(4):before {
    content: "5. ";
}
.encuesta {
    width: 800px;
    margin-bottom: 20px;
}
.flex-materialidad {
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    background: #eeeef4;
    padding: 20px;
}
.flex-materialidad img {
    width:71%;
}
.flex-materialidad div {
    width:26%;
    font-size: 16px;
    line-height: 20px;
}
.flex-materialidad p {
    font-weight: 700;
    color:#51be9d;
}
.flex-materialidad ol {
    margin: 0;
    padding-left: 22px;
    color: #58595b;
}
.flex-materialidad ol li {
    margin-bottom: 10px;
    font-weight: 700;
    color:#51be9d;
    padding-left: 0;
}
.flex-materialidad ol li span {
    font-weight: 300;
    color: black;
}
.tabla-alineacion.organizaciones tr td:nth-of-type(1) {
    text-align: right;
}














@media (max-width: 1820px) {
    .grid-politicas {
        grid-template-columns: 32% 32% 32%;
        column-gap: 2%;
        row-gap: 20px;
        grid-template-rows: repeat(3, 210px [col-start]);
    }
    .grid-politicas p,
    .flex-cyber p {
        font-weight: 600;
        font-size: 13px;
        line-height: 15px;
    }
    .grid-politicas a:hover span,
    .flex-cyber a:hover span {
        transform: scale(1.1);
    }
}
@media (max-width: 1365px) {
    .flex-icon div:nth-of-type(1) {
        width: 20%;
        margin-right: 2%;
    }
    .flex-icon div:nth-of-type(2) {
        width:78%;
    }
}
@media (max-width: 850px) {
    .flex-materialidad {
        flex-direction: column;
        grid-gap: 20px;
        background: none;
        padding: 0;
    }
    .flex-materialidad img,
    .flex-materialidad div {
        width:100%;
    }
}
@media (max-width: 767px) {
    .flex-sostenibilidad,
    .flex-slideshow,
    .flex-cyber {
        display:block;
    }
    .flex-sostenibilidad .col-izq,
    .flex-slideshow .col1,
    .flex-sostenibilidad .col-der,
    .flex-slideshow .col2,
    .flex-cyber div {
        width:100%;
    }
    .tabla-alineacion tr th,
    .tabla-riesgos-fisicos tr th {
        font-size: 14px;
        padding: 1px 5px 2px 5px;
    }
    .tabla-alineacion tr td,
    .tabla-riesgos-fisicos tr td {
        padding: 5px 5px 6px 5px;
        font-size:13px;
        line-height:16px;
    }
    .tabla-riesgos-fisicos .list li {
        line-height:16px;
    }
    body {
        font-size:15px;
        line-height:23px;
    }
    /*h1 {
        font-size: 10px !important;
        line-height: 28px;
        font-weight: 600;
        font-style: normal;
    }*/
    h2 {
        font-size: 15px;
        line-height: 16px;
        font-weight: 600;
    }
    h1 small {
        font-size: 13px;
        line-height: 16px;
    }
    .small {
        font-size: 13px;
        line-height: 16px;
    }
    .list {
        padding-left:2px;
        margin-bottom: 15px;
    }
    .list li {
        margin-bottom: 8px;
        line-height: 20px;
    }
    .list li:last-child {
        margin-bottom: 0;
    }
    .ol {
        padding-left: 18px;
    }
    .flex-aliadas {
        display: block;
    }
    .flex-aliadas ol {
        width: 93%;
        padding-left: 7%;
    }
    .flex-aliadas ol li {
        margin-bottom: 6px;
    }
    .flex-cyber div:last-child {
        margin-top: 20px;
    }
    .grid-politicas {
        display: block;
    }
    .grid-politicas div {
        margin-bottom: 10px;
    }
    .grid-politicas a,
    .flex-cyber a {
        height: 120px;
    }
    .grid-politicas p,
    .flex-cyber p {
        padding: 10px;
        height: auto;
    }
    .grid-politicas a span,
    .flex-cyber a span {
        padding: 7px;
        box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1);
    }
    .flex-informe {
        display:block;
    }
    .flex-informe a {
        display: block;
        width:300px;
        height:420px;
        margin: 0 auto;
        background: url(../img/informe-anual.jpg) left center / contain no-repeat;  
        box-shadow: none;
        margin-bottom: 20px;
    }
    .flex-informe a span {
        padding: 7px;
    }
    .flex-informe a:hover span {
        transform: scale(1.1);
    }
    .flex-informe div {
        width:100%;
    }
    .flex-informe div span {
        font-size: 25px;
    }
    .img-materialidad img {
        padding: 10px;
    }
    .bg-materialidad {
        padding: 20px;
    }
    .tabla-materialidad tr th,
    .tabla-materialidad tr td {
        line-height: 18px;
        padding: 2px 5px 5px 5px;
    }
    .logo-huella {
        margin-top: 20px;
    }
    .flex-compromisos {
        display: block;
    }
    .col32 {
        width:100%;
        margin-bottom: 20px;
    }
    .flex-icon {
        align-items: center;
    }
    .flex-icon div:nth-of-type(1) {
        width: 16%;
        max-width: 80px;
    }
    .flex-icon div:nth-of-type(2) {
        width:82%;
    }
    .mt100 {
        margin-top: 50px;
    }
    .flex-recursos {
        display: block;
    }
    .flex-recursos .pdf {
        width: 100%;
    }
    .pdf li,
    .flex-recursos2 li {
        line-height: 18px;
    }
    .pdf li:after,
    .flex-recursos2 li:after {
        top: 2px;
        font-size: 10px;
    }
    .flex-recursos2 {
        margin-top: 20px;
    }
    table tr th {
        font-weight: 600;
    }
}
@media (max-width: 630px) {
    .over-riesgos {
        overflow-x: scroll;
    }
    .over-riesgos table {
        width:592px;
    }
}