@media screen and (max-width: 1150px) {
	.section-content{
    padding-top: 105px;
    padding-right: 20px;
    padding-bottom: 60px;
    padding-left: 20px;
  }

  .section-title{
    font-size: 40px;
  }

  .section-layout{
    align-items: flex-start;
	  flex-wrap: wrap;
  }

  .section-aside{
    width: 34%;
  }

  .section-main{
    width: 60%;
  }

  .section-text p{
    font-size: 15px;
    line-height: 1.48;
  }

  .aside-highlight{
    font-size: 18px;
    line-height: 1.3;
  }
	
  .header-inner {
    min-height: 78px;
    padding: 0 16px;
    position: relative;
  }

  .logo {
    font-size: 18px;
    max-width: calc(100% - 70px);
  }

  .menu-toggle {
    display: block;
    z-index: 10001;
  }

  .main-nav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #e5e5e5;
    display: none;
    max-height: calc(100vh - 78px);
    overflow-y: auto;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
  }

  .main-nav.active {
    display: block;
  }

  .menu {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }

  .menu-item {
    width: 100%;
    display: block;
    border-bottom: 1px solid #eeeeee;
  }

  .menu-item > a {
    min-height: auto;
    max-width: 100%;
    width: 100%;
    justify-content: flex-start;
    text-align: left;
    padding: 18px 52px 18px 18px;
    font-size: 15px;
    line-height: 1.35;
  }

  .menu-item.has-submenu > a {
    position: relative;
  }

  .menu-item.has-submenu > a::after {
    content: "+";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
  }

  .menu-item.has-submenu.open > a::after {
    content: "−";
  }

  .submenu {
    position: static;
    display: none;
    min-width: 100%;
    border: none;
    box-shadow: none;
    background: #f8f8f8;
  }

  .submenu li {
    border-bottom: 1px solid #e9e9e9;
  }

  .submenu a {
    padding: 14px 18px 14px 34px;
    font-size: 14px;
    line-height: 1.4;
  }

  .menu-item.has-submenu:hover > .submenu {
    display: none;
  }

  .page-content {
    padding-top: 108px;
  }
	
	.menu-arrow {
    display: none;
  }
	
	/***SOBRE**/
	.about-intro-panel{
    padding: 28px 28px 24px 28px;
  }

  .about-intro-cols{
    display: block;
  }

  .about-intro-col{
    width: 100%;
  }

  .about-intro-col:first-child{
    margin-bottom: 18px;
  }

  .about-cards{
    flex-wrap: wrap;
    padding-top: 20px;
  }

  .about-card{
    width: 48.5%;
    margin-bottom: 20px;
  }

  .about-card:last-child{
    width: 100%;
    margin-bottom: 0;
  }

  .about-identity{
    margin-top: 30px;
    padding: 24px 24px;
  }

  .about-identity p{
    font-size: 20px;
  }
	/***SOBRE**/
	
	 .milestones-header{
    display: block;
  }

  .milestones-header-left,
  .milestones-header-right{
    width: 100%;
  }

  .milestones-header-right{
    padding-top: 18px;
  }

  .milestones-intro{
    text-align: left;
    font-size: 17px;
  }

  .milestones-arrow-prev{
    left: -8px;
  }

  .milestones-arrow-next{
    right: -8px;
  }
	
	.strategic-priorities__intro{
    flex-direction: column-reverse;
    gap: 20px;
  }

  .strategic-priorities__intro-col{
    width: 100%;
  }

  .priority-block__cards--4{
    grid-template-columns: repeat(2,1fr);
    gap: 1px;
    background: #ffffff;
  }

  .priority-card{
    border-right: none;
  }
	
	
	/* ---------- Layout general ---------- */
  .financial-performance__layout{
    margin-bottom: 54px;
  }

  /* ---------- Bloque 1 / Intro + tabla ---------- */
  .financial-performance__layout--table{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
  }

  .financial-performance__aside--gradient{
    width: 36%;
    padding: 28px 24px 30px 24px;
  }

  .financial-performance__main{
    width: 60%;
  }

  .financial-performance__subheading{
    font-size: 24px;
  }
	
	.financial-table-scroll {
  overflow-x: scroll;
}

  /* ---------- Bloque 2 / Gráficas grandes ---------- */
  .financial-charts-row{
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .chart-card{
    width: calc(33.333% - 11px);
    min-width: calc(33.333% - 11px);
  }

  /* ---------- Bloque 3 / Análisis ---------- */
  .financial-performance__analysis-main{
    flex-direction: column;
    gap: 24px;
  }

  .financial-performance__image{
    width: 100%;
    flex: 0 0 auto;
  }

  .financial-performance__analysis-copy{
    width: 100%;
  }

  .section-aside.financial-dashboard{
    width: 34%;
  }
	
	.financial-dashboard__module{
		max-width:400px;
		margin: 0 auto;
	}
	
	.financial-dashboard__overlay-line{
		top:40%;
	}
	
	.operativo-side{
    width: 32%;
  }

  .operativo-main{
    width: 64%;
  }

  .operativo-title{
    font-size: 20px;
  }
	
	
	.equipo-directivo-stage::before,
  .equipo-directivo-bg,
  .equipo-directivo-overlay{
    height: 326px;
  }

  .equipo-directivo-grid{
    gap: 18px;
  }

  .equipo-directivo-figure{
    height: 305px;
  }

  .equipo-directivo-bio{
    font-size: 11px;
    line-height: 1.33;
  }
	.cumplimiento-header{
    margin-bottom: 34px;
  }

  .cumplimiento-intro{
    gap: 28px;
    margin-bottom: 20px;
  }

  .cumplimiento-intro-col{
    width: calc(50% - 14px);
  }

  .cumplimiento-highlight p{
    font-size: 20px;
    line-height: 1.4;
  }

  .cumplimiento-bullets{
    margin-left: 18px;
    margin-bottom: 26px;
  }

  .cumplimiento-bullets li{
    font-size: 14px;
    line-height: 1.42;
  }

  .cumplimiento-cards-top{
    gap: 10px;
    margin-bottom: 10px;
  }

  .cumplimiento-card--ethics{
    width: 42%;
  }

  .cumplimiento-card--transparency{
    width: 58%;
  }

  .cumplimiento-card-inner{
    padding: 16px;
  }

  .cumplimiento-card-title{
    font-size: 18px;
    line-height: 1.15;
    margin-bottom: 8px;
  }

  .cumplimiento-policy-list li,
  .cumplimiento-contact-list li{
    font-size: 14px;
    line-height: 1.4;
  }

  .cumplimiento-corruption-grid{
    gap: 22px 24px;
  }

  .cumplimiento-corruption-grid > :nth-child(3){
    max-width: 620px;
  }
	
	
	.footer-actions{
    padding: 22px 30px;
    gap: 24px;
    flex-wrap: wrap;
  }
	
	/**PORTADA+*/

	/**PORTADA+*/

  .footer-container{
    padding: 50px 30px;
    gap: 40px;
    flex-direction: column;
  }

  .footer-logo{
    flex: 0 0 auto;
  }

  .footer-links{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 24px;
  }

  .footer-col{
    flex: 1 1 calc(50% - 12px);
    min-width: 260px;
  }
	.footer-col a{text-align: center;}
}

@media screen and (max-width: 1024px){

  /* ---------- Bloque 1 ---------- */
  .financial-performance__layout--table{
    flex-direction: column;
    gap: 24px;
  }

  .financial-performance__aside--gradient,
  .financial-performance__main{
    width: 100%;
  }

  /* Tabla: overflow solo desde aquí */
  .financial-table-scroll{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .financial-table{
    min-width: 760px;
  }

  /* ---------- Bloque 2 ---------- */
  .chart-card{
    width: calc(50% - 8px);
    min-width: calc(50% - 8px);
  }

  /* ---------- Bloque 3 ---------- */
  .financial-performance__layout--analysis{
    display: block;
  }

  .financial-performance__analysis-main{
    width: 100%;
    margin-bottom: 28px;
  }

  .section-aside.financial-dashboard{
    width: 100%;
  }

  .financial-dashboard{
    margin-top: 0;
  }
	
	 .operativo-layout{
    flex-direction: column-reverse;
    gap: 28px;
  }

  .operativo-side,
  .operativo-main{
    width: 100%;
  }

  .operativo-kpi{
    max-width: 340px;
    margin: 0 auto;
  }

  .operativo-image{
    max-width: 340px;
    margin: 18px auto 0 auto;
  }

  .operativo-image--stack{
    gap: 14px;
  }
	
	.gobierno-intro-cols{
    gap: 24px;
  }

  .gobierno-intro-col{
    width: calc(50% - 12px);
  }

  .gobierno-highlight{
    margin-bottom: 28px;
  }

  .gobierno-highlight p{
    max-width: 100%;
    font-size: 20px;
    line-height: 1.45;
  }

  .gobierno-subtitle{
    font-size: 20px;
  }

  .gobierno-submeta{
    font-size: 10px !important;
  }

  .gobierno-notes-grid{
    gap: 20px;
    margin-top: 16px;
  }

  .gobierno-notes-col{
    width: calc(50% - 10px);
  }

  .gobierno-note-title{
    font-size: 15px;
  }

  .gobierno-bullets{
    margin-left: 16px;
  }

  .gobierno-table-title{
    font-size: 20px;
    line-height: 1.15;
  }

  .gobierno-table-wrap{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .gobierno-table{
    min-width: 820px;
  }

  .gobierno-committees .content-cols-2{
    gap: 20px;
  }

  .gobierno-committees .content-cols-2 > *{
    width: calc(50% - 10px);
  }
	
	.equipo-directivo-stage::before,
  .equipo-directivo-bg,
  .equipo-directivo-overlay{
    height: 320px;
  }

  .equipo-directivo-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 26px 22px;
  }

  .equipo-directivo-figure{
    height: 299px;
  }

  .equipo-directivo-closing p{
    font-size: 18px;
  }
	
	.riesgos-intro-layout{
    gap: 24px;
  }

  .riesgos-intro-copy{
    width: 40%;
  }

  .riesgos-intro-visual{
    width: 56%;
    min-height: 410px;
  }

  .riesgos-intro-panel{
    height: 285px;
  }

  .riesgos-intro-image{
    width: 82%;
  }
	
	.riesgos-col-riesgo{
    width: 15%;
  }

  .riesgos-col-descripcion{
    width: 40%;
  }

  .riesgos-col-gestion{
    width: 45%;
  }

  .riesgos-table thead th,
  .riesgos-table tbody td,
  .riesgos-category td{
    font-size: 14px;
  }

  .riesgos-table thead th.riesgos-col-riesgo{
    font-size: 18px;
  }
	
	.riesgos-final-grid{
    gap: 28px;
  }

  .riesgos-final-left{
    width: 38%;
  }

  .riesgos-final-right{
    width: 62%;
    padding: 24px;
  }

  .riesgos-final-image{
    margin-top: 24px;
  }
	
	.ciber-intro{
    gap: 28px;
    margin-bottom: 34px;
  }

  .ciber-subtitle{
    font-size: 20px;
    line-height: 1.1;
  }

  .ciber-image-full img{
    height: 360px;
  }

  .ciber-highlight{
    padding: 24px;
    margin-top: 32px;
  }

  .ciber-highlight-cols{
    gap: 24px;
  }
	
	.enfoque-cliente-layout{
    gap:24px;
  }

  .enfoque-cliente-copy{
    width:54%;
  }

  .enfoque-cliente-media{
    width:46%;
    gap:14px;
  }

  .enfoque-cliente-image-1 img,
  .enfoque-cliente-image-2 img,
  .enfoque-cliente-image-3 img{
    min-height:190px;
  }
}

@media screen and (max-width: 995px) {

	/* Posiciones desktop */

	.hero-card-1{
		top: 9%;
		left: 0;
		width: 25%;
		height: 20%;
	}

	.hero-card-2{
		top: 31.5%;
		left: 0%;
		width: 20%;
		height: 15%;
	}

	.hero-card-3{
	top: 9%;
	right: 18%;
	width: 20%;
	height: 18%;
	}

	.hero-card-4{
	top: 12%;
	right: 0;
	width: 16%;
	height: 25%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	}

	.hero-card-5{
	top: 40%;
	right: 2%;
	width: 15%;
	height: 19%;
	}

	.hero-card-6{
	left: 0;
	bottom: 35%;
	width: 15%;
	height: 16%;
	}
	
	.presence-content{
		display: block;
		margin-top: 26px;
	  }

	  .presence-map{
		width: 100%;
		margin-bottom: 34px;
	  }

	  .presence-business-tabs{
		width: 100%;
	  }
	.presence-tabs-nav{
    margin-bottom: 16px;
  }

  .presence-tabs-nav .tab-btn{
    font-size: 13px;
    margin-right: 16px;
    padding-bottom: 7px;
  }

  .presence-panel-title{
    font-size: 18px;
  }

  .presence-panel-intro p{
    font-size: 16px;
  }

  .presence-panel-group p{
    font-size: 14px;
    line-height: 1.45;
  }

  .presence-sales-chart img{
    max-width: 280px;
  }
}

@media screen and (max-width: 900px){

  /* ---------- Header de sección ---------- */
  .financial-performance__header{
    margin-bottom: 28px;
  }

  /* ---------- Bloque 1 ---------- */
  .financial-performance__aside--gradient{
    padding: 24px 20px 26px 20px;
  }

  .financial-performance__subheading{
    font-size: 22px;
  }

  .financial-performance__highlight-block p{
    font-size: 15px;
    line-height: 1.45;
  }

  .financial-table th,
  .financial-table td{
    font-size: 12px;
    padding: 7px 8px;
  }

  /* ---------- Bloque 2 ---------- */
  .financial-charts-section{
    margin-bottom: 54px;
  }

  .chart-card__head{
    min-height: 48px;
    margin-bottom: 8px;
  }

  .chart-card__title{
    font-size: 13px;
  }

  .chart-card__unit{
    font-size: 10px;
  }

  .chart-card__box{
    padding: 65px 10px 12px 10px;
  }

  .chart-card__plot,
  .chart-card__plot--mixed{
    height: 250px;
  }

  .chart-card__bars,
  .chart-card__bars--mixed{
    gap: 10px;
    padding-top: 26px;
    padding-bottom: 24px;
  }

  .chart-bar__value{
    font-size: 10px;
  }

  .chart-bar__year{
    font-size: 9px;
  }

  /* ---------- Bloque 3 ---------- */
  .financial-performance__analysis-title{
    font-size: 30px;
  }

  .financial-performance__analysis-text p{
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 16px;
  }

  .financial-dashboard{
    padding: 22px 18px 22px 18px;
  }
	
	.gobierno-intro{
    margin-bottom: 48px;
  }

  .gobierno-intro-cols{
    display: block;
  }

  .gobierno-intro-col{
    width: 100%;
  }

  .gobierno-intro-col + .gobierno-intro-col{
    margin-top: 28px;
  }

  .gobierno-highlight{
    margin-bottom: 28px;
    padding-top: 0;
  }

  .gobierno-highlight p{
    max-width: 100%;
    font-size: 20px;
    line-height: 1.45;
  }

  .gobierno-notes-grid{
    gap: 18px;
  }

  .gobierno-notes-col{
    width: calc(50% - 9px);
  }

  .gobierno-footnote{
    margin-top: 18px;
    font-size: 10px;
    line-height: 1.35;
  }

  .gobierno-table-block{
    margin-bottom: 48px;
  }

  .gobierno-table-title{
    margin-bottom: 16px;
  }

  .gobierno-committees .content-cols-2{
    display: block;
  }

  .gobierno-committees .content-cols-2 > *{
    width: 100%;
  }

  .gobierno-committees .content-cols-2 > * + *{
    margin-top: 24px;
  }
	
	.cumplimiento-header{
    margin-bottom: 28px;
  }

  .cumplimiento-intro{
    flex-direction: column;
    gap: 0;
    margin-bottom: 18px;
  }

  .cumplimiento-intro-col{
    width: 100%;
  }


  .cumplimiento-highlight p{
    font-size: 19px;
  }

  .cumplimiento-cards-top{
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
  }

  .cumplimiento-card--ethics,
  .cumplimiento-card--transparency{
    width: 100%;
  }

  .cumplimiento-corruption-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .cumplimiento-corruption-grid > :nth-child(3){
    grid-column: span 1;
    max-width: 100%;
  }
	
	.cumplimiento-intro > div:first-child .cumplimiento-bullets{
		margin-bottom:0;
	}
	
	.cumplimiento-corruption-grid > div:first-child p:last-of-type{
		margin-bottom:0 !important;
	}

	.riesgos-intro-layout{
    flex-direction: column;
    gap: 22px;
  }

  .riesgos-intro-copy,
  .riesgos-intro-visual{
    width: 100%;
  }

  .riesgos-intro-visual{
    min-height: 440px;
  }

  .riesgos-intro-panel{
    height: 300px;
  }

  .riesgos-intro-image{
    width: 76%;
  }
	
	.riesgos-table-wrap{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .riesgos-table{
    min-width: 980px;
  }
	
	.riesgos-final-grid{
    flex-direction: column;
    gap: 22px;
  }

  .riesgos-final-left,
  .riesgos-final-right{
    width: 100%;
  }

  .riesgos-final-right{
    padding: 24px 22px;
  }

  .riesgos-final-image{
    margin-top: 20px;
  }
	
	.ciber-intro{
    flex-direction: column;
    gap: 20px;
    margin-bottom: 28px;
  }

  .ciber-col{
    width: 100%;
  }

  .ciber-image-full img{
    height: 320px;
  }

  .ciber-highlight{
    padding: 22px;
    margin-top: 28px;
  }

  .ciber-highlight-cols{
    grid-template-columns: 1fr;
    gap: 18px;
  }
	
	.enfoque-cliente-layout{
    flex-direction:column;
    gap:24px;
  }

  .enfoque-cliente-copy,
  .enfoque-cliente-media{
    width:100%;
  }

  .enfoque-cliente-media{
    gap:14px;
  }

  .enfoque-cliente-image-1 img,
  .enfoque-cliente-image-2 img,
  .enfoque-cliente-image-3 img{
    min-height:220px;
  }
	
	
}

@media screen and (max-width: 768px) {
	.section-content{
    padding-top: 96px;
    padding-right: 16px;
    padding-bottom: 50px;
    padding-left: 16px;
  }

  .section-header{
    margin-bottom: 26px;
  }

  .section-title{
    font-size: 34px;
    line-height: 1.2;
  }

  .section-meta{
    margin-top: 8px;
    font-size: 13px;
  }

 /* .section-layout{
    display: block;
  }*/

  .section-aside{
    width: 100%;
  }

  .section-main{
    width: 100%;
    margin-top: 30px;
  }

  .section-photo-caption{
    left: 16px;
    bottom: 18px;
    width: 78%;
  }

  .section-photo-caption strong{
    font-size: 16px;
  }

  .section-photo-caption span{
    font-size: 12px;
  }

  .aside-highlight{
    margin-top: 22px;
    font-size: 18px;
    line-height: 1.3;
  }

  .signature-block{
    margin-top: 24px;
  }

  .signature-image{
    max-width: 150px;
  }

  .section-text p{
    margin-bottom: 20px;
    font-size: 15px;
  }
	
	.hero-cover{
    min-height: 100vh;
  }

  .hero-bg{
    z-index: 1;
  }

  .hero-bg img{
    object-position: center center;
  }

  .hero-card{
    display: none;
  }

  .hero-content{
    min-height: 100vh;
  }

  .hero-title-wrap{
    left: 7%;
    right: 7%;
    bottom: 20%;
    width: auto;
  }

  .hero-title{
    font-size: 11vw;
    line-height: 0.94;
  }

  .hero-subtitle{
    margin-top: 6px;
    font-size: 8vw;
    line-height: 0.95;
  }

  .hero-kicker{
    margin-top: 18px;
    font-size: 1.8vw;
    line-height: 1.3;
    letter-spacing: 0.08em;
  }

  .hero-brand{
    right: 7%;
    bottom: 6%;
    width: 34%;
    max-width: 180px;
  }

	.letter-aside{
    padding-top: 0;
  }

  .letter-main{
    padding-top: 0;
  }
	
	 .about-intro-panel{
    border-radius: 14px 14px 0 0;
    padding: 24px 20px 20px 20px;
  }

  .about-intro-col p{
    font-size: 16px;
    line-height: 1.5;
  }

  .about-cards{
    display: block;
    padding-top: 18px;
  }

  .about-card{
    width: 100%;
    margin-bottom: 18px;
    padding: 22px 18px 20px 18px;
  }

  .about-card:last-child{
    margin-bottom: 0;
  }

  .about-card-title{
    font-size: 16px;
  }

  .about-card p,
  .about-card-values-text{
    font-size: 15px;
    line-height: 1.5;
  }

  .about-identity{
    margin-top: 26px;
    padding: 22px 18px;
  }

  .about-identity p{
    font-size: 18px;
    line-height: 1.4;
  }
	
	 .presence-content{
    margin-top: 22px;
  }

  .presence-map{
    margin-bottom: 28px;
  }

  .presence-intro-band{
    position: relative;
    top: auto;
    left: auto;
    max-width: 100%;
    padding: 18px 18px;
  }

  .presence-intro-band p{
    font-size: 15px;
    line-height: 1.45;
  }

  .presence-map-stage{
    overflow: hidden;
  }
	.presence-tabs-nav{
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 18px;
  }

  .presence-tabs-nav .tab-btn{
    font-size: 12px;
    margin-right: 14px;
    margin-bottom: 10px;
    padding-bottom: 6px;
  }

  .presence-panel-header{
    margin-bottom: 12px;
    padding-bottom: 8px;
  }

  .presence-panel-title{
    font-size: 17px;
  }

  .presence-panel-intro{
    margin-bottom: 18px;
  }

  .presence-panel-intro p{
    font-size: 15px;
    line-height: 1.4;
    text-align: left;
  }

  .presence-panel-group{
    margin-bottom: 16px;
  }

  .presence-group-title{
    font-size: 14px;
  }

  .presence-panel-group p{
    font-size: 14px;
    line-height: 1.45;
  }

  .presence-sales{
    margin-top: 24px;
  }

  .presence-sales-title{
    font-size: 15px;
  }

  .presence-sales-chart img{
    max-width: 240px;
  }
	
	
	.milestones-slider{
    margin-top: 32px;
  }

  .milestones-fade{
    display: none;
  }

  .milestones-viewport{
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .milestones-viewport::-webkit-scrollbar{
    display: none;
  }

  .milestones-track{
    padding: 24px 0 20px 0;
  }

  .milestones-horizontal-line{
    top: 190px;
  }

  .milestone-horizontal-card{
    width: 260px;
    margin-right: 18px;
  }

  .milestone-horizontal-inner{
    min-height: 310px;
    padding: 16px 16px 14px 16px;
    border-width: 3px;
  }

  .milestone-horizontal-year{
    font-size: 28px;
  }

  .milestone-horizontal-text{
    font-size: 14px;
    line-height: 1.4;
  }

  .milestone-arrow{
    top: 155px;
    right: -14px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid rgba(255, 255, 255, 0.95);
  }

  .milestones-arrow{
    display: block;
    width: 42px;
    height: 42px;
    top: 190px;
  }

  .milestones-arrow-prev{
    left: -6px;
  }

  .milestones-arrow-next{
    right: -6px;
  }
	
	.strategic-priorities__intro{
    margin-bottom: 34px;
  }

  .strategic-priorities__lead,
  .strategic-priorities__highlight{
    font-size: 18px;
    line-height: 1.45;
  }

  .strategic-priorities__grid{
    gap: 42px;
  }

  .priority-block__header{
    gap: 14px;
    margin-bottom: 14px;
  }

  .priority-block__number{
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    font-size: 20px;
  }

  .priority-block__heading{
    padding-top: 3px;
  }

  .priority-block__title{
    font-size: 17px;
  }

  .priority-block__description{
    font-size: 14px;
  }

  .priority-block__cards--2,
  .priority-block__cards--3,
  .priority-block__cards--4{
    grid-template-columns: 1fr;
    gap: 1px;
    background: #ffffff;
  }

  .priority-card{
    padding: 22px 18px;
    text-align: left;
  }

  .priority-card__title{
    max-width: 100%;
    margin: 0 0 12px 0;
  }

  .priority-card__icon{
    justify-content: flex-start;
    height: 84px;
    margin-bottom: 10px;
  }

  .priority-card__icon img{
    max-width: 70px;
    max-height: 70px;
  }

  .priority-card__text{
    max-width: 100%;
    margin: 0;
  }
	
	
	 /* ---------- Espaciados ---------- */
  .financial-performance__layout{
    margin-bottom: 46px;
  }

  /* ---------- Bloque 1 ---------- */
  .financial-performance__subheading{
    font-size: 20px;
  }

  .financial-table{
    min-width: 680px;
  }

  .financial-table__title{
    font-size: 13px;
  }

  .financial-table__subtitle{
    font-size: 10px;
  }

  .financial-table__notes p{
    font-size: 9px;
  }

  /* ---------- Bloque 2 ---------- */
  .chart-card{
    width: 100%;
    min-width: 100%;
  }

  .chart-card__head{
    min-height: auto;
  }

  .chart-card__box{
    padding: 60px 12px 14px 12px;
  }

  .chart-card__plot,
  .chart-card__plot--mixed{
    height: 240px;
  }

  /* ---------- Bloque 3 ---------- */
  .financial-performance__image{
    margin-bottom: 2px;
  }

  .financial-dashboard__inner{
    gap: 18px;
  }

  .financial-dashboard__mini-chart{
    height: 150px;
  }

  .financial-dashboard__mini-chart--short{
    height: 112px;
  }

  .financial-dashboard__caption{
    margin-top: 6px;
  }

  .financial-dashboard__caption h4{
    font-size: 17px;
  }

  .financial-dashboard__caption span{
    font-size: 10px;
  }
	
	
	.operativo-block{
    margin-bottom: 54px;
  }

  .operativo-title{
    font-size: 20px;
    margin-bottom: 16px;
  }

  .operativo-kpi{
    padding: 18px 16px 20px 16px;
  }

  .operativo-kpi-label{
    font-size: 15px;
  }

  .operativo-kpi-growth{
    font-size: 42px;
  }

  .operativo-kpi-chart{
    margin-top: 16px;
    margin-bottom: 14px;
  }

  .operativo-kpi-bars{
    height: 170px;
    gap: 18px;
  }

  .operativo-kpi-bar{
    width: 20px;
    padding-top: 22px;
    padding-bottom: 20px;
  }

  .operativo-kpi-fill{
    bottom: 20px;
  }

  .operativo-kpi-bar--prev .operativo-kpi-fill{
    height: 106px;
  }

  .operativo-kpi-bar--current .operativo-kpi-fill{
    height: 128px;
  }

  .operativo-kpi-bar--prev .operativo-kpi-value{
    bottom: 130px;
  }

  .operativo-kpi-bar--current .operativo-kpi-value{
    bottom: 152px;
  }

  .operativo-kpi-value{
    font-size: 12px;
  }

  .operativo-kpi-caption strong{
    font-size: 17px;
  }

  .operativo-kpi-caption span{
    font-size: 11px;
  }

  .operativo-text p{
    font-size: 14px;
    line-height: 1.55;
    margin-bottom: 16px;
  }
	
	.equipo-directivo-stage{
    padding-top: 18px;
  }

  .equipo-directivo-stage::before,
  .equipo-directivo-bg,
  .equipo-directivo-overlay{
    height: 302px;
  }

  .equipo-directivo-grid{
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .equipo-directivo-figure{
    height: 247px;
  }

  .equipo-directivo-bar{
    height: 8px;
    margin-bottom: 10px;
  }

  .equipo-directivo-closing{
    margin-top: 28px;
    text-align: left;
  }

  .equipo-directivo-closing p{
    font-size: 16px;
    line-height: 1.45;
  }
	
	
  .footer-actions{
    padding: 20px;
    gap: 16px;
    align-items: center;
    flex-direction: column;
	  justify-content: center;
  }

  .footer-actions a{
    font-size: 14px;
    line-height: 1.4;
  }

  .footer-container{
    padding: 40px 20px;
    gap: 30px;
	  align-items: center;
  }

  .footer-logo img{
    width: 140px;
  }

  .footer-links{
    gap: 24px;
  }

  .footer-col{
    flex: 1 1 100%;
    min-width: 100%;
    gap: 8px;
  }

  .footer-col a{
    font-size: 14px;
    line-height: 1.45;
	  text-align: center;
  }

  .subfooter{
    padding: 16px 20px;
    font-size: 12px;
    line-height: 1.4;
  }
}

@media screen and (max-width: 640px) {
  .header-inner {
    min-height: 72px;
  }

  .main-nav {
    max-height: calc(100vh - 72px);
  }

  .logo {
    font-size: 17px;
  }

  .menu-item > a {
    font-size: 14px;
    padding: 16px 48px 16px 16px;
  }

  .submenu a {
    font-size: 13px;
    padding: 13px 16px 13px 28px;
  }

  .page-content {
    padding-top: 102px;
  }
	
	.section-gobierno .section-header{
    margin-bottom: 26px;
  }

  .section-gobierno .section-title{
    font-size: 36px;
    line-height: 1.08;
  }

  .section-gobierno .section-meta{
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.3;
  }

  .gobierno-subtitle{
    font-size: 20px;
    line-height: 1.2;
  }

  .gobierno-submeta{
    margin-bottom: 10px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .gobierno-mini-title,
  .gobierno-note-title{
    font-size: 15px;
    line-height: 1.2;
  }

  .gobierno-highlight{
    margin-bottom: 24px;
  }

  .gobierno-highlight p{
    font-size: 20px;
    line-height: 1.45;
  }

  .gobierno-notes-grid{
    display: block;
    margin-top: 12px;
  }

  .gobierno-notes-col{
    width: 100%;
  }

  .gobierno-notes-col + .gobierno-notes-col{
    margin-top: 16px;
  }

  .gobierno-bullets{
    margin-top: 0;
    margin-left: 18px;
  }

  .gobierno-bullets li{
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.45;
  }

  .gobierno-footnote{
    margin-top: 18px;
    font-size: 10px;
    line-height: 1.35;
  }

  .gobierno-table-title{
    font-size: 20px;
    line-height: 1.15;
  }

  .gobierno-table-wrap{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;
  }

  .gobierno-table{
    min-width: 760px;
  }

  .gobierno-table th,
  .gobierno-table td{
    font-size: 10px;
    line-height: 1.12;
    padding: 6px 5px;
  }

  .gobierno-table td strong{
    font-size: 10px;
    line-height: 1.12;
  }

  .gobierno-table td span{
    font-size: 9px;
    line-height: 1.12;
  }

  .gobierno-table th span{
    font-size: 8px;
    line-height: 1.1;
  }

  .gobierno-committees{
    margin-bottom: 0;
  }

  .gobierno-committees p{
    margin-bottom: 16px;
  }
	
	.cumplimiento-header{
    margin-bottom: 24px;
  }

  .cumplimiento-intro{
    margin-bottom: 16px;
  }

  .cumplimiento-highlight p{
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 10px;
  }

  .cumplimiento-bullets{
    margin-left: 18px;
    margin-bottom: 22px;
  }

  .cumplimiento-bullets li{
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.42;
  }

  .cumplimiento-cards-top{
    gap: 8px;
    margin-bottom: 8px;
  }

  .cumplimiento-card-inner{
    padding: 14px;
  }

  .cumplimiento-card-title{
    font-size: 18px;
    line-height: 1.15;
    margin-bottom: 8px;
  }

  .cumplimiento-policy-list,
  .cumplimiento-contact-list{
    margin-left: 16px;
  }

  .cumplimiento-policy-list li,
  .cumplimiento-contact-list li{
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.42;
  }

  .cumplimiento-corruption-grid{
    gap: 16px;
  }
	
	.section-riesgos-intro.section-content{
    padding-bottom: 24px;
  }

  .riesgos-intro-header{
    margin-bottom: 24px;
  }

  .riesgos-intro-layout{
    gap: 18px;
  }

  .riesgos-intro-copy p{
    font-size: 15px;
    line-height: 1.45;
    margin-bottom: 18px;
  }

  .riesgos-intro-visual{
    min-height: 330px;
  }

  .riesgos-intro-panel{
    height: 220px;
  }

  .riesgos-intro-image{
    width: 84%;
  }
	
	.riesgos-table-title{
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.15;
  }

  .riesgos-table thead th,
  .riesgos-table tbody td,
  .riesgos-category td{
    font-size: 14px;
    line-height: 1.28;
  }

  .riesgos-table thead th{
    padding: 8px 10px;
  }

  .riesgos-table tbody td{
    padding: 10px 10px;
  }

  .riesgos-category td{
    padding: 8px 10px;
  }

  .riesgos-table thead th.riesgos-col-riesgo{
    font-size: 18px;
  }
	
	.section-riesgos-final.section-content{
    padding-top: 0;
  }

  .riesgos-final-grid{
    gap: 18px;
  }

  .riesgos-final-right{
    padding: 18px 16px;
  }

  .riesgos-subtitle{
    font-size: 20px;
    line-height: 1.15;
    margin-bottom: 12px;
  }

  .riesgos-mini-title,
  .riesgos-mini-title2{
    font-size: 15px;
    line-height: 1.3;
  }

  .riesgos-columns{
    margin: 16px 0;
  }

  .riesgos-final-image{
    margin-top: 18px;
  }
	
	.ciber-intro{
    gap: 18px;
    margin-bottom: 24px;
  }

  .ciber-subtitle{
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 8px;
  }

  .ciber-col .section-text p + .ciber-subtitle{
    margin-top: 16px;
  }

  .ciber-image-full{
    margin-top: 16px;
  }

  .ciber-image-full img{
    height: 250px;
  }

  .ciber-highlight{
    padding: 18px 16px;
    margin-top: 24px;
  }

  .ciber-highlight-intro{
    margin-bottom: 16px !important;
  }
	
	.section-enfoque-cliente.section-content{
    padding-top:90px;
    padding-bottom:50px;
  }

  .enfoque-cliente-header{
    margin-bottom:26px;
  }

  .enfoque-cliente-layout{
    gap:20px;
  }

  .enfoque-cliente-media{
    gap:12px;
  }

  .enfoque-cliente-image-1 img,
  .enfoque-cliente-image-2 img,
  .enfoque-cliente-image-3 img{
    min-height:180px;
  }
	
}

@media screen and (max-width: 480px) {
	.section-content{
    padding-top: 90px;
    padding-right: 14px;
    padding-bottom: 42px;
    padding-left: 14px;
  }

  .section-title{
    font-size: 30px;
  }

  .section-meta{
    font-size: 12px;
  }

  .section-photo-caption{
    left: 14px;
    bottom: 16px;
    width: 82%;
  }

  .section-photo-caption strong{
    font-size: 15px;
  }

  .section-photo-caption span{
    font-size: 11px;
    line-height: 1.25;
  }

  .aside-highlight{
    font-size: 17px;
    line-height: 1.32;
  }

  .signature-name{
    font-size: 15px;
  }

  .signature-role{
    font-size: 13px;
  }

  .signature-date{
    font-size: 13px;
  }

  .section-text p{
    font-size: 15px;
    line-height: 1.55;
  }
	
	.hero-cover{
    min-height: 100vh;
  }

  .hero-title-wrap{
    left: 6%;
    right: 6%;
    bottom: 19%;
  }

  .hero-title{
    font-size: 12vw;
    line-height: 0.93;
  }

  .hero-subtitle{
    font-size: 8vw;
  }

  .hero-kicker{
    margin-top: 14px;
    font-size: 2.5vw;
    letter-spacing: 0.06em;
  }

  .hero-brand{
    right: 6%;
    bottom: 5%;
    width: 38%;
  }
	
	.about-intro-panel{
    padding: 22px 16px 18px 16px;
  }

  .about-intro-col p{
    font-size: 15px;
  }

  .about-card{
    padding: 20px 16px 18px 16px;
  }

  .about-card-title{
    font-size: 15px;
  }

  .about-card p,
  .about-card-values-text{
    font-size: 14px;
  }

  .about-identity p{
    font-size: 17px;
  }
	
	.presence-intro-band{
    padding: 16px 16px;
  }

  .presence-intro-band p{
    font-size: 14px;
    line-height: 1.45;
  }
	.presence-tabs-nav{
    margin-bottom: 16px;
  }

  .presence-tabs-nav .tab-btn{
    font-size: 11px;
    margin-right: 10px;
    padding-bottom: 5px;
  }

  .presence-panel-title{
    font-size: 16px;
  }

  .presence-panel-intro p{
    font-size: 14px;
  }

  .presence-group-title{
    font-size: 13px;
    padding-left: 18px;
  }

  .presence-group-title::before{
    width: 11px;
    height: 11px;
    top: 3px;
  }

  .presence-panel-group p{
    font-size: 13px;
    line-height: 1.45;
  }

  .presence-strong-data{
    font-size: 15px;
  }

  .presence-sales-chart img{
    max-width: 220px;
  }
	
	
	.milestones-intro{
    font-size: 15px;
    line-height: 1.45;
  }

  .milestones-slider{
    padding: 0 8px;
  }

  .milestones-horizontal-line{
    top: 180px;
  }

  .milestone-horizontal-card{
    width: calc(100vw - 70px);
    max-width: 320px;
    margin-right: 16px;
  }

  .milestone-horizontal-inner{
    min-height: 290px;
    padding: 15px 15px 14px 15px;
  }

  .milestone-horizontal-year{
    font-size: 24px;
  }

  .milestone-horizontal-text{
    font-size: 13px;
  }

  .milestone-arrow{
    top: 145px;
    right: -12px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid rgba(255, 255, 255, 0.95);
  }

  .milestones-arrow{
    display: block;
    width: 38px;
    height: 38px;
    top: 180px;
  }

  .milestones-arrow-prev{
    left: 0;
  }

  .milestones-arrow-next{
    right: 0;
  }
	
	
	 /* ---------- Header ---------- */
  .financial-performance__header{
    margin-bottom: 24px;
  }

  /* ---------- Bloque 1 ---------- */
  .financial-performance__aside--gradient{
    padding: 22px 16px 22px 16px;
  }

  .financial-performance__subheading{
    font-size: 18px;
    line-height: 1.05;
  }

  .financial-performance__highlight-block{
    margin-top: 20px;
  }

  .financial-table{
    min-width: 640px;
  }

  .financial-table th,
  .financial-table td{
    font-size: 11px;
    padding: 6px 7px;
  }

  /* ---------- Bloque 2 ---------- */
  .financial-charts-section{
    margin-bottom: 44px;
  }

  .chart-card__title{
    font-size: 12px;
  }

  .chart-card__unit{
    font-size: 10px;
  }

  .chart-card__plot,
  .chart-card__plot--mixed{
    height: 220px;
  }

  .chart-card__bars,
  .chart-card__bars--mixed{
    padding-top: 24px;
    padding-bottom: 22px;
    gap: 8px;
  }

  .chart-bar__value{
    font-size: 9px;
  }

  .chart-bar__year{
    font-size: 8px;
  }

  /* ---------- Bloque 3 ---------- */
  .financial-performance__analysis-title{
    font-size: 26px;
  }

  .financial-performance__analysis-text p{
    font-size: 14px;
    line-height: 1.55;
  }

  .financial-dashboard{
    padding: 18px 14px 18px 14px;
  }

  .financial-dashboard__mini-chart{
    height: 138px;
  }

  .financial-dashboard__mini-chart--short{
    height: 102px;
  }
	

  .mini-bars{
    gap: 6px;
    padding-top: 30px;
    padding-bottom: 18px;
  }

  .mini-bar__fill{
    width: 52%;
  }

  .mini-bar__value{
    font-size: 9px;
  }

  .mini-bar__year{
    font-size: 8px;
  }

  .financial-dashboard__caption h4{
    font-size: 16px;
  }

  .financial-dashboard__caption span{
    font-size: 9px;
  }
	
	.operativo-block{
    margin-bottom: 44px;
  }

  .operativo-title{
    font-size: 20px;
    line-height: 1.08;
  }

  .operativo-kpi{
    padding: 16px 14px 18px 14px;
  }

  .operativo-kpi-label{
    font-size: 14px;
  }

  .operativo-kpi-growth{
    font-size: 36px;
  }

  .operativo-kpi-chart{
    max-width: 108px;
  }

  .operativo-kpi-bars{
    height: 150px;
    gap: 16px;
  }

  .operativo-kpi-bar{
    width: 18px;
    padding-top: 20px;
    padding-bottom: 18px;
  }

  .operativo-kpi-fill{
    bottom: 18px;
  }

  .operativo-kpi-bar--prev .operativo-kpi-fill{
    height: 92px;
  }

  .operativo-kpi-bar--current .operativo-kpi-fill{
    height: 112px;
  }

  .operativo-kpi-bar--prev .operativo-kpi-value{
    bottom: 113px;
  }

  .operativo-kpi-bar--current .operativo-kpi-value{
    bottom: 133px;
  }

  .operativo-kpi-value{
    font-size: 11px;
  }

  .operativo-kpi-year{
    font-size: 11px;
  }

  .operativo-kpi-caption strong{
    font-size: 16px;
  }

  .operativo-kpi-caption span{
    font-size: 10px;
  }

  .operativo-image{
    margin-top: 16px;
  }

  .operativo-image--stack{
    gap: 12px;
  }

  .operativo-text p{
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
  }
	
	.section-gobierno .section-title{
    font-size: 31px;
  }

  .section-gobierno .section-meta{
    font-size: 11px;
  }

  .gobierno-intro{
    margin-bottom: 42px;
  }

  .gobierno-intro-col + .gobierno-intro-col{
    margin-top: 24px;
  }

  .gobierno-highlight p{
    font-size: 19px;
    line-height: 1.42;
  }

  .gobierno-table-title{
    font-size: 19px;
  }

  .gobierno-table{
    min-width: 720px;
	}
	
	.equipo-directivo-stage::before,
  .equipo-directivo-bg,
  .equipo-directivo-overlay{
    height: 295px;
  }

  .equipo-directivo-figure{
    height: 240px;
  }

  .equipo-directivo-closing p{
    font-size: 15px;
  }
	
	.cumplimiento-header{
    margin-bottom: 22px;
  }

  .cumplimiento-highlight p{
    font-size: 17px;
  }

  .cumplimiento-bullets{
    margin-left: 16px;
    margin-bottom: 20px;
  }

  .cumplimiento-card-inner{
    padding: 13px;
  }

  .cumplimiento-card-title{
    font-size: 17px;
  }

  .cumplimiento-policy-list li,
  .cumplimiento-contact-list li,
  .cumplimiento-bullets li{
    font-size: 13px;
  }
	
	.riesgos-intro-visual{
    min-height: 280px;
  }

  .riesgos-intro-panel{
    height: 185px;
  }

  .riesgos-intro-image{
    width: 88%;
  }
	
	.ciber-image-full img{
    height: 210px;
  }

  .ciber-highlight{
    padding: 16px 14px;
    margin-top: 22px;
  }
	.enfoque-cliente-layout{
    gap:18px;
  }

  .enfoque-cliente-media{
    gap:10px;
  }

  .enfoque-cliente-image-1 img,
  .enfoque-cliente-image-2 img,
  .enfoque-cliente-image-3 img{
    min-height:150px;
  }

  .footer-actions{
    padding: 18px 16px;
    gap: 14px;
  }

  .footer-container{
    padding: 34px 16px;
    gap: 24px;
  }

  .footer-logo img{
    width: 125px;
  }

  .footer-col a{
    font-size: 13px;
  }

  .subfooter{
    padding: 14px 16px;
    font-size: 11px;
  }
}

/* =========================================
RESPONSIVE FINAL / INNOVACIÓN
========================================= */

/* =========================
1200px
========================= */
@media (max-width: 1200px){

  .innovacion-hero-top{
    flex-direction: column;
  }

  .innovacion-hero-image,
  .innovacion-diamond-panel{
    width: 100%;
  }

  .innovacion-hero-image img{
    min-height: 300px;
  }

  .innovacion-diamond-panel{
    padding: 26px 20px;
  }

  /* ===== ROMBOS (GRID) ===== */
  .innovacion-diamond-stage{
    position: static;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px 16px;
    justify-items: center;
  }

  .innovacion-diamond-item{
    position: relative;
    top: auto !important;
    left: auto !important;
    width: 110px;
    height: 110px;
  }

  .innovacion-diamond-item:nth-child(even){
    transform: translateY(-10px);
  }

  .innovacion-diamond span{
    font-size: 14px;
  }

  .innovacion-diamond-num{
    position: absolute;
    font-size: 18px;
    left: 50%;
    transform: translateX(-50%);
  }

  .innovacion-diamond-item:nth-child(odd) .innovacion-diamond-num{
    top: -18px;
  }

  .innovacion-diamond-item:nth-child(even) .innovacion-diamond-num{
    bottom: -20px;
  }
}

/* =========================
1024px
========================= */
@media (max-width: 1024px){

  .innovacion-hero-bottom,
  .innovacion-kaizen-bottom,
  .innovacion-recon-top,
  .innovacion-block-digital,
  .innovacion-split-item,
  .innovacion-supply-grid{
    flex-direction: column;
  }

  .innovacion-highlight-col,
  .innovacion-copy-col,
  .innovacion-recon-copy,
  .innovacion-recon-gallery,
  .innovacion-digital-left,
  .innovacion-digital-right,
  .innovacion-split-copy,
  .innovacion-split-image,
  .innovacion-supply-left,
  .innovacion-supply-right, 
  .innovacion-kaizen-bottom-copy,
	.innovacion-kaizen-bottom-highlight{
    width: 100%;
  }

  /* ===== KAIZEN ===== */
  .innovacion-kaizen-grid{
    grid-template-columns: 1fr;
  }

  .kaizen-card-people{
    height: 180px;
  }

  /* ===== RECON ===== */
  .innovacion-recon-gallery{
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
	  padding-top: 0px;
  }

  .innovacion-gallery-item img{
    height: 280px;
    object-position: center top;
  }

  /* ===== DIGITAL ===== */
  .innovacion-digital-visual-main img{
    height: 250px;
  }

}

/* =========================
900px
========================= */
@media (max-width: 900px){

  /*.innovacion-diamond-stage{
    grid-template-columns: repeat(4, 1fr);
    gap: 18px 10px;
  }*/

  .innovacion-diamond-item{
    width: 90px;
    height: 90px;
  }

  .innovacion-diamond span{
    font-size: 12px;
  }

  .innovacion-recon-gallery{
    grid-template-columns: 1fr;
  }

}

/* =========================
640px
========================= */
@media (max-width: 640px){

  .section-innovacion.section-content{
    padding-top: 90px;
    padding-bottom: 50px;
  }

  .innovacion-block{
    margin-bottom: 56px;
  }

  .innovacion-hero-image img{
    min-height: 210px;
  }

  .innovacion-diamond-panel{
    padding: 18px 8px;
  }

  /*.innovacion-diamond-stage{
    gap: 14px 6px;
  }*/

  .innovacion-diamond-item{
    width: 72px;
    height: 72px;
  }

  .innovacion-diamond span{
    font-size: 10px;
  }

  .innovacion-diamond-num{
    font-size: 14px;
  }

  /* ===== KAIZEN ===== */
  .kaizen-card-people{
    height: 150px;
  }

  /* ===== RECON ===== */
  .innovacion-recon-gallery{
    grid-template-columns: 1fr;
  }

  .innovacion-gallery-item img{
    height: 250px;
  }

}

/* =========================
480px
========================= */
@media (max-width: 480px){

  /* ===== ROMBOS A 2 COLUMNAS ===== 
  .innovacion-diamond-stage{
    grid-template-columns: repeat(2,1fr);
    gap: 18px 12px;
  }*/

  .innovacion-diamond-item{
    width: 86px;
    height: 86px;
    transform: none !important;
  }

  .innovacion-diamond span{
    font-size: 11px;
  }

  .innovacion-diamond-num{
    font-size: 15px;
  }

  .innovacion-gallery-item img{
    height: 230px;
  }

}

/* =========================================
RESPONSIVE / IMPULSO AL TALENTO
========================================= */

/* =========================
1200 PX
========================= */
@media screen and (max-width:1200px){

  .talento-block,
  .talento-block-programas,
  .talento-block-clima,
  .talento-block-diversidad,
  .talento-comunidad-inner,
  .seguridad-top{
    gap:28px;
  }

  .talento-highlight{
    font-size:18px;
    line-height:1.35;
  }

  .talento-table th{
    font-size:13px;
  }

  .talento-table td{
    font-size:12px;
    line-height:1.28;
    padding:12px;
  }

  .seguridad-modelo-title{
    font-size:28px;
  }

  .seguridad-step-numero{
    font-size:48px;
  }

  .seguridad-step-heading{
    font-size:15px;
  }

  .seguridad-modelo-desc p,
  .seguridad-bottom-intro p,
  .seguridad-bottom-close p,
  .seguridad-bottom-list li{
    font-size:14px;
  }

  .talento-image-diversidad img{
    height:460px;
  }
}

/* =========================
1024 PX
========================= */
@media screen and (max-width:1024px){

  .talento-header{
    margin-bottom:28px;
  }

  .talento-subtitle{
    font-size:18px;
  }

  .talento-submeta{
    font-size:11px;
    margin-bottom:16px;
  }

  .talento-block{
    gap:26px;
  }

  .talento-copy-main,
  .talento-copy-secondary,
  .talento-programas-left,
  .talento-clima-copy,
  .talento-diversidad-copy,
  .talento-comunidad-copy{
    width:54%;
  }

  .talento-aside-top,
  .talento-media-column,
  .talento-programas-right,
  .talento-clima-media,
  .talento-diversidad-media,
  .talento-comunidad-media{
    width:42%;
  }

  .talento-highlight{
    font-size:17px;
  }

  .talento-highlight-wrap{
    margin-top:36px;
  }

  .talento-programas-text{
    margin-top:0;
    margin-bottom:18px;
  }

  .talento-image-programas{
    margin:30px 0 18px 0;
  }

  .talento-highlight-programas .talento-highlight{
    margin-top:36px;
  }

  .talento-highlight-box{
    min-height:160px;
    padding:22px 18px;
  }

  .talento-image-clima-secondary{
    width:78%;
  }

  .talento-diversidad-highlight{
    margin:20px 0 40px 0;
  }

  .talento-image-diversidad img{
    height:400px;
  }

  .seguridad-page{
    margin-top:48px;
  }

  .seguridad-head{
    margin-bottom:18px;
  }

  .seguridad-top{
    gap:24px;
    margin-bottom:28px;
  }

  .seguridad-modelo{
    display:grid;
    grid-template-columns:40% 1fr;
    column-gap:18px;
    row-gap:10px;
    align-items:stretch;
  }

  .seguridad-modelo-title{
    grid-column:1 / -1;
    font-size:26px;
    margin-bottom:6px;
  }

  .seguridad-modelo-steps,
  .seguridad-modelo-descs{
    display:contents;
  }

  .seguridad-step,
  .seguridad-modelo-desc{
    width:100%;
    margin-left:0;
  }

  .seguridad-step{
    min-height:120px;
  }

  .seguridad-step::after{
    right:-22px;
    width:22px;
  }

  .seguridad-step-inner{
    padding:16px 14px 14px 18px;
  }

  .seguridad-step-top{
    gap:6px;
  }

  .seguridad-step-etapa{
    font-size:12px;
  }

  .seguridad-step-numero{
    font-size:40px;
  }

  .seguridad-step-heading{
    font-size:14px;
    line-height:1.15;
  }

  .seguridad-modelo-desc{
    padding:16px 16px 14px 18px;
  }

  .seguridad-modelo-desc p{
    font-size:14px;
    line-height:1.28;
  }

  .seguridad-step:nth-child(1){
    grid-column:1;
    grid-row:2;
  }

  .seguridad-modelo-desc:nth-child(1){
    grid-column:2;
    grid-row:2;
  }

  .seguridad-step:nth-child(2){
    grid-column:1;
    grid-row:3;
  }

  .seguridad-modelo-desc:nth-child(2){
    grid-column:2;
    grid-row:3;
  }

  .seguridad-step:nth-child(3){
    grid-column:1;
    grid-row:4;
  }

  .seguridad-modelo-desc:nth-child(3){
    grid-column:2;
    grid-row:4;
  }

  .seguridad-step:nth-child(4){
    grid-column:1;
    grid-row:5;
  }

  .seguridad-modelo-desc:nth-child(4){
    grid-column:2;
    grid-row:5;
  }

  .seguridad-bottom{
    gap:0;
  }

  .seguridad-bottom-box{
    padding:18px 16px;
  }

  .seguridad-bottom-intro{
    width:30%;
  }

  .seguridad-bottom-bullets{
    width:40%;
  }

  .seguridad-bottom-close{
    width:30%;
  }

  .seguridad-bottom-list{
    column-count:1;
    column-gap:0;
  }
}

/* =========================
860 PX
========================= */
@media screen and (max-width:860px){

  .talento-block,
  .talento-block-programas,
  .talento-block-clima,
  .talento-block-diversidad,
  .talento-comunidad-inner,
  .seguridad-top,
  .seguridad-bottom{
    flex-direction:column;
    align-items:stretch;
  }

  .talento-copy-main,
  .talento-aside-top,
  .talento-copy-secondary,
  .talento-media-column,
  .talento-programas-left,
  .talento-programas-right,
  .talento-clima-media,
  .talento-clima-copy,
  .talento-diversidad-copy,
  .talento-diversidad-media,
  .talento-comunidad-copy,
  .talento-comunidad-media,
  .seguridad-top-col,
  .seguridad-bottom-intro,
  .seguridad-bottom-bullets,
  .seguridad-bottom-close{
    width:100%;
  }

  .talento-block-intro,
  .talento-block-development,
  .talento-block-programas,
  .talento-block-clima,
  .talento-block-diversidad,
  .seguridad-page,
  .talento-comunidad{
    margin-top:40px;
  }

  .talento-block:first-of-type{
    margin-top:0;
  }

  .talento-highlight{
    text-align:right;
    font-size:18px;
  }

  .talento-aside-top{
    margin-top:6px;
  }

  .talento-highlight-wrap{
    margin-top:60px;
  }

  .talento-table{
    display:block;
    overflow-x:auto;
    margin-bottom:22px;
  }

  .talento-table table{
    min-width:720px;
  }

  .talento-table th,
  .talento-table td{
    min-width:180px;
  }

  .talento-programas-text{
    margin-bottom:16px;
  }

  .talento-image-programas{
    margin:0 0 18px 0;
  }

  .talento-highlight-programas .talento-highlight{
    margin-top:0;
  }

  .talento-clima-bottom{
    gap:14px;
  }

  .talento-highlight-box{
    min-height:140px;
    justify-content:center;
  }

  .talento-highlight-box .talento-highlight{
    text-align:center;
  }

  .talento-image-clima-secondary{
    width:100%;
  }

  .talento-diversidad-highlight{
    margin:0 0 60px 0;
  }

  .talento-image-diversidad img{
    height:420px;
  }

  .talento-comunidad-inner{
    gap:24px;
  }

  .talento-comunidad-image{
    min-height:420px;
  }

  .seguridad-top{
    margin-bottom:24px;
  }

  .seguridad-modelo{
    grid-template-columns:36% 1fr;
    column-gap:16px;
  }

  .seguridad-modelo-title{
    font-size:24px;
    margin-bottom:2px;
  }

  .seguridad-step{
    min-height:108px;
  }

  .seguridad-step::after{
    right:-18px;
    width:18px;
  }

  .seguridad-step-inner{
    padding:14px 12px 12px 16px;
  }

  .seguridad-step-numero{
    font-size:34px;
  }

  .seguridad-step-heading{
    font-size:13px;
  }

  .seguridad-modelo-desc{
    padding:14px 14px 12px 16px;
  }

  .seguridad-modelo-desc p{
    font-size:13px;
    line-height:1.25;
  }

  .seguridad-bottom{
    gap:12px;
  }

  .seguridad-bottom-box{
    padding:16px 18px;
  }

  .seguridad-bottom-list li{
    margin-bottom:6px;
  }
}

/* =========================
640 PX
========================= */
@media screen and (max-width:640px){

  .talento-header{
    margin-bottom:22px;
  }

  .talento-subtitle{
    font-size:17px;
    line-height:1.1;
  }

  .talento-submeta{
    font-size:10px;
    margin-bottom:14px;
  }

  .talento-block,
  .talento-block-programas,
  .talento-block-clima,
  .talento-block-diversidad,
  .talento-comunidad-inner,
  .seguridad-top{
    gap:20px;
  }

  .talento-highlight{
    font-size:16px;
    line-height:1.3;
  }

  .talento-image,
  .talento-image-programas,
  .talento-image-clima-main,
  .talento-image-clima-secondary,
  .talento-image-diversidad,
  .talento-comunidad-image{
    box-shadow:0 12px 24px rgba(0,0,0,0.10);
  }

  .talento-table th{
    font-size:12px;
    padding:8px;
  }

  .talento-table td{
    font-size:12px;
    padding:10px;
  }

  .talento-highlight-box{
    min-height:120px;
    padding:18px 16px;
  }

  .talento-image-diversidad img{
    height:340px;
  }

  .talento-comunidad-image{
    min-height:320px;
  }

  .seguridad-page{
    margin-top:40px;
  }

  .seguridad-head{
    margin-bottom:16px;
  }


  .seguridad-modelo-title{
    font-size:22px;
    margin-bottom:14px;
  }


  /*.seguridad-step:last-child{
    margin-bottom:10px;
  }*/

  .seguridad-step::after{
    right:-18px;
    width:18px;
  }

  .seguridad-step-inner{
    text-align:left;
    padding:14px 14px 12px 18px;
  }

  .seguridad-step-top{
    justify-content:flex-start;
  }

  .seguridad-step-heading{
    text-align:left;
  }


  .seguridad-modelo-desc p{
    text-align:left;
  }
	
	.seguridad-modelo{
  display:grid;
  grid-template-columns:40% 1fr;
  column-gap:12px;
  row-gap:8px;
  align-items:stretch;
  background:none;
}

.seguridad-modelo-title{
  grid-column:1 / -1;
  font-size:22px;
  margin-bottom:10px;
}

.seguridad-modelo-steps,
.seguridad-modelo-descs{
  display:contents;
}

.seguridad-step,
.seguridad-modelo-desc{
  width:100%;
  margin:0;
}

.seguridad-step{
  min-height:90px;
}

.seguridad-step::after{
  right:-16px;
  width:16px;
}

.seguridad-step-inner{
  padding:12px 10px 10px 14px;
  text-align:left;
}

.seguridad-step-top{
  justify-content:flex-end;
  gap:6px;
}

.seguridad-step-etapa{
  font-size:11px;
}

.seguridad-step-numero{
  font-size:28px;
}

.seguridad-step-heading{
  font-size:11px;
  line-height:1.1;
  text-align:right;
}

.seguridad-modelo-desc{
  padding:12px 14px;
  background:#f2ede7;
}

.seguridad-modelo-desc p{
  font-size:13px;
  line-height:1.24;
  text-align:left;
}

.seguridad-step:nth-child(1){
  grid-column:1;
  grid-row:2;
}

.seguridad-modelo-desc:nth-child(1){
  grid-column:2;
  grid-row:2;
}

.seguridad-step:nth-child(2){
  grid-column:1;
  grid-row:3;
}

.seguridad-modelo-desc:nth-child(2){
  grid-column:2;
  grid-row:3;
}

.seguridad-step:nth-child(3){
  grid-column:1;
  grid-row:4;
}

.seguridad-modelo-desc:nth-child(3){
  grid-column:2;
  grid-row:4;
}

.seguridad-step:nth-child(4){
  grid-column:1;
  grid-row:5;
}

.seguridad-modelo-desc:nth-child(4){
  grid-column:2;
  grid-row:5;
}

  .seguridad-bottom{
    display:block;
  }

  .seguridad-bottom-intro,
  .seguridad-bottom-bullets,
  .seguridad-bottom-close{
    width:100%;
    margin-bottom:10px;
  }

  .seguridad-bottom-close{
    margin-bottom:0;
  }

  .seguridad-bottom-list{
    padding-left:18px;
  }
}

/* =========================
480 PX
========================= */
@media screen and (max-width:480px){

  .talento-highlight{
    font-size:15px;
  }

  .talento-subtitle{
    font-size:16px;
  }

  .talento-table{
    margin-bottom:18px;
  }

  .talento-image-diversidad img{
    height:280px;
  }

  .talento-comunidad-image{
    min-height:260px;
  }

  .seguridad-modelo-title{
    font-size:20px;
  }

  .seguridad-step{
    min-height:96px;
  }

  .seguridad-step-numero{
    font-size:30px;
  }

  .seguridad-step-etapa{
    font-size:11px;
  }

  .seguridad-step-heading{
    font-size:12px;
    line-height:1.15;
  }

  .seguridad-modelo-desc p,
  .seguridad-bottom-intro p,
  .seguridad-bottom-close p,
  .seguridad-bottom-list li{
    font-size:13px;
  }
}

/* =========================================
RESPONSIVE / GESTIÓN AMBIENTAL Y ESTRATEGIA CLIMÁTICA
========================================= */

/* =========================
1200 PX
========================= */
@media screen and (max-width:1200px){

  .ambiental-layout,
  .ambiental-energia-layout,
  .ambiental-circular-layout{
    gap:32px;
  }

  .ambiental-highlight-wrap .talento-highlight{
    font-size:18px;
    line-height:1.32;
  }

  .ambiental-badge-copy p{
    font-size:15px;
    line-height:1.4;
  }

  .ambiental-page-energia .ambiental-subtitle,
  .ambiental-page-circular .ambiental-subtitle{
    font-size:19px;
  }

  .ambiental-page-energia .ambiental-submeta,
  .ambiental-page-circular .ambiental-submeta{
    font-size:11px;
  }

  .ambiental-circular-image img{
    height:680px;
  }
}

/* =========================
1024 PX
========================= */
@media screen and (max-width:1024px){

  .ambiental-page,
  .ambiental-page-energia,
  .ambiental-page-circular{
    margin-top:48px;
  }

  .ambiental-layout{
    gap:28px;
  }

  .ambiental-media{
    width:42%;
  }

  .ambiental-copy{
    width:54%;
  }

  .ambiental-highlight-wrap .talento-highlight{
    font-size:17px;
    line-height:1.3;
  }

  .ambiental-badge-block{
    gap:16px;
    margin:20px 0;
    padding:16px 0;
  }

  .ambiental-badge-logo{
    width:100px;
  }

/*  .ambiental-badge-copy p{
    font-size:14px;
    line-height:1.38;
  }*/

  .ambiental-energia-layout{
    gap:30px;
  }

  .ambiental-energia-copy{
    width:56%;
  }

  .ambiental-energia-media{
    width:40%;
  }

  .ambiental-page-energia .ambiental-subtitle,
  .ambiental-page-circular .ambiental-subtitle{
    font-size:18px;
    margin-top:24px;
  }

  .ambiental-page-energia .ambiental-submeta,
  .ambiental-page-circular .ambiental-submeta{
    margin-bottom:12px;
    font-size:11px;
  }

  .ambiental-circular-layout{
    gap:30px;
  }

  .ambiental-circular-media{
    width:36%;
  }

  .ambiental-circular-copy{
    width:60%;
  }

  .ambiental-circular-image img{
    height:620px;
  }
}

/* =========================
860 PX
========================= */
@media screen and (max-width:860px){

  .ambiental-layout,
  .ambiental-energia-layout,
  .ambiental-circular-layout{
    flex-direction:column;
    align-items:stretch;
    gap:24px;
  }

  .ambiental-media,
  .ambiental-copy,
  .ambiental-energia-copy,
  .ambiental-energia-media,
  .ambiental-circular-media,
  .ambiental-circular-copy{
    width:100%;
  }

  .ambiental-highlight-wrap{
    margin-top:0;
  }

  .ambiental-highlight-wrap .talento-highlight{
    text-align:right;
  }

  .ambiental-badge-block{
    margin:22px 0;
  }

  .ambiental-energia-image{
    min-height:420px;
  }

  .ambiental-energia-image img{
    min-height:420px;
  }

  .ambiental-circular-image img{
    height:520px;
  }
}

/* =========================
640 PX
========================= */
@media screen and (max-width:640px){

  .ambiental-page,
  .ambiental-page-energia,
  .ambiental-page-circular{
    margin-top:40px;
  }

  .ambiental-layout,
  .ambiental-energia-layout,
  .ambiental-circular-layout{
    gap:20px;
  }

  .ambiental-highlight-wrap .talento-highlight{
    font-size:16px;
    line-height:1.28;
  }

  .ambiental-badge-block{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    margin:18px 0;
    padding:14px 0;
  }

  .ambiental-badge-logo{
    width:90px;
  }

  .ambiental-badge-copy{
    width:100%;
  }

  /*.ambiental-badge-copy p{
    font-size:14px;
  }
*/
  .ambiental-page-energia .ambiental-subtitle,
  .ambiental-page-circular .ambiental-subtitle{
    font-size:17px;
    margin-top:20px;
  }

  .ambiental-page-energia .ambiental-submeta,
  .ambiental-page-circular .ambiental-submeta{
    font-size:10px;
    line-height:1.3;
  }

  .ambiental-energia-image{
    min-height:320px;
  }

  .ambiental-energia-image img{
    min-height:320px;
  }

  .ambiental-circular-image img{
    height:420px;
  }
}

/* =========================
480 PX
========================= */
@media screen and (max-width:480px){

  .ambiental-highlight-wrap .talento-highlight{
    font-size:17px;
  }

 /* .ambiental-badge-copy p{
    font-size:13px;
    line-height:1.35;
  }*/

  .ambiental-page-energia .ambiental-subtitle,
  .ambiental-page-circular .ambiental-subtitle{
    font-size:16px;
  }

  .ambiental-page-energia .section-text,
  .ambiental-page-circular .section-text{
    margin-bottom:22px;
  }

  .ambiental-energia-image{
    min-height:260px;
  }

  .ambiental-energia-image img{
    min-height:260px;
  }

  .ambiental-circular-image img{
    height:320px;
  }
}

/* =========================================
RESPONSIVE / ACERCA DE ESTE INFORME
========================================= */

/* =========================
1200 PX
========================= */
@media screen and (max-width:1200px){

  .acerca-intro-layout,
  .acerca-cierre-layout{
    gap:32px;
  }

  .acerca-subtitle-full,
  .acerca-top-title,
  .acerca-panel-title{
    font-size:19px;
  }

  .acerca-marco-card{
    min-height:260px;
    padding:24px 22px;
  }

  .acerca-marco-title{
    font-size:17px;
  }

  .acerca-marco-copy p,
  .acerca-contact-item p,
  .acerca-contact-item a{
    font-size:14px;
  }

  .acerca-identifier-card h4{
    font-size:14px;
  }

  .acerca-identifier-card p{
    font-size:13px;
  }
}

/* =========================
1024 PX
========================= */
@media screen and (max-width:1024px){

  .section-acerca .section-header{
    margin-bottom:48px;
  }

  .acerca-page{
    margin-top:48px;
  }

  .acerca-intro-layout{
    gap:28px;
  }

  .acerca-intro-media{
    width:54%;
  }

  .acerca-intro-copy{
    width:42%;
  }

  .acerca-marcos-grid{
    gap:20px;
  }

  .acerca-marco-card{
    width:calc(50% - 10px);
    min-height:240px;
    padding:22px 20px;
  }

  .acerca-marco-logo{
    height:48px;
    margin-bottom:16px;
  }

  .acerca-marco-logo img{
    max-height:48px;
  }

  .acerca-cierre-layout{
    gap:28px;
  }

  .acerca-cierre-media{
    width:20%;
  }

  .acerca-cierre-content{
    width:76%;
  }

  .acerca-top-copy{
    margin-bottom:28px;
  }

  .acerca-top-columns{
    gap:22px;
  }

  .acerca-bottom-grid{
    gap:16px;
  }

  .acerca-info-panel{
    padding:24px 22px;
  }

  .acerca-info-panel--wide{
    width:60%;
  }

  .acerca-info-panel--contact{
    width:36%;
  }

  .acerca-identifiers{
    gap:10px;
  }

  .acerca-identifier-card{
    padding:16px 12px;
  }

  .acerca-panel-columns{
    gap:16px;
  }
}

/* =========================
860 PX
========================= */
@media screen and (max-width:860px){

  .acerca-intro-layout,
  .acerca-cierre-layout{
    flex-direction:column;
    align-items:stretch;
    gap:24px;
  }

  .acerca-intro-media,
  .acerca-intro-copy,
  .acerca-cierre-media,
  .acerca-cierre-content{
    width:100%;
  }

  .acerca-cierre-media{
    margin: 0 auto;
	  max-width: 60%;
  }

  .acerca-top-columns,
  .acerca-bottom-grid,
  .acerca-panel-columns{
    flex-direction:column;
    gap:18px;
  }

  .acerca-top-columns > div,
  .acerca-panel-columns > div,
  .acerca-info-panel--wide,
  .acerca-info-panel--contact{
    width:100%;
  }

  .acerca-identifiers{
    flex-direction:column;
    gap:12px;
  }

  .acerca-identifier-card{
    width:100%;
  }

  /*.acerca-contact-item{
    text-align:left;
  }

  .acerca-panel-title{
    text-align:left;
  }

  .acerca-panel-intro{
    text-align:left;
  }*/
}

/* =========================
640 PX
========================= */
@media screen and (max-width:640px){

  .section-acerca .section-header{
    margin-bottom:40px;
  }

  .acerca-page{
    margin-top:40px;
  }

  .acerca-subtitle-full,
  .acerca-top-title,
  .acerca-panel-title{
    font-size:17px;
  }

  .acerca-marcos-intro{
    margin-bottom:22px;
  }

  .acerca-marcos-grid{
    gap:16px;
  }

  .acerca-marco-card{
    width:100%;
    min-height:auto;
    padding:20px 18px;
  }

  .acerca-marco-title{
    font-size:16px;
    margin-bottom:10px;
  }

  .acerca-marco-copy p{
    font-size:14px;
    line-height:1.4;
  }

  .acerca-info-panel{
    padding:20px 18px;
  }

  .acerca-panel-title{
    margin-bottom:14px;
  }

  .acerca-panel-intro{
    margin-bottom:18px;
  }

  .acerca-contact-list{
    gap:14px;
  }

  .acerca-contact-label{
    font-size:13px;
  }

  .acerca-contact-item p,
  .acerca-contact-item a{
    font-size:14px;
    line-height:1.4;
  }
}

/* =========================
480 PX
========================= */
@media screen and (max-width:480px){

  .acerca-subtitle-full,
  .acerca-top-title,
  .acerca-panel-title{
    font-size:16px;
  }

  .acerca-marco-card{
    padding:18px 16px;
  }

  .acerca-marco-logo{
    height:42px;
    margin-bottom:14px;
  }

  .acerca-marco-logo img{
    max-height:42px;
  }

  .acerca-marco-title{
    font-size:15px;
  }

  .acerca-marco-copy p,
  .acerca-identifier-card p,
  .acerca-contact-item p,
  .acerca-contact-item a{
    font-size:13px;
  }

  .acerca-identifier-card{
    padding:14px 12px;
  }

  .acerca-info-panel{
    padding:18px 16px;
  }

  .acerca-cierre-media{
    max-width:220px;
  }
}

/* =========================================
RESPONSIVE / CONTACTO FINAL
========================================= */

/* =========================
1200 PX
========================= */
@media screen and (max-width:1200px){

  .contacto-final-copy{
    padding:42px 42px 40px 42px;
  }

  .contacto-final-label{
    font-size:20px;
  }

  .contacto-final-name{
    font-size:17px;
  }

  .contacto-final-info{
    font-size:16px;
  }

  .contacto-final-company{
    font-size:17px;
  }

  .contacto-final-web a{
    font-size:19px;
  }

  .contacto-final-logo{
    width:98px;
  }
}

/* =========================
1024 PX
========================= */
@media screen and (max-width:1024px){

  .contacto-final-page{
    margin-top:48px;
  }

  .contacto-final-media{
    width:44%;
  }

  .contacto-final-copy{
    width:56%;
    padding:36px 34px 34px 34px;
  }

  .contacto-final-group{
    margin-bottom:28px;
  }

  .contacto-final-group:last-of-type{
    margin-bottom:34px;
  }

  .contacto-final-label{
    font-size:18px;
  }

  .contacto-final-name{
    font-size:16px;
  }

  .contacto-final-info{
    font-size:15px;
    line-height:1.32;
  }

  .contacto-final-company{
    font-size:16px;
  }

  .contacto-final-web a{
    font-size:18px;
  }

  .contacto-final-logo{
    width:90px;
  }
}

/* =========================
860 PX
========================= */
@media screen and (max-width:860px){

  .contacto-final-layout{
    flex-direction:column;
    align-items:stretch;
  }

  .contacto-final-media,
  .contacto-final-copy{
    width:100%;
  }

  .contacto-final-media{
    margin-bottom:0;
  }

  .contacto-final-image{
    height:auto;
  }

  .contacto-final-image img{
    height:auto;
    object-fit:cover;
  }

  .contacto-final-copy{
    padding:30px 28px 30px 28px;
  }

  .contacto-final-bottom{
    align-items:center;
  }
}

/* =========================
640 PX
========================= */
@media screen and (max-width:640px){

  .contacto-final-page{
    margin-top:40px;
  }

  .contacto-final-copy{
    padding:24px 22px 24px 22px;
  }

  .contacto-final-group{
    margin-bottom:24px;
  }

  .contacto-final-group:last-of-type{
    margin-bottom:28px;
  }

  .contacto-final-label{
    font-size:17px;
  }

  .contacto-final-name{
    font-size:15px;
  }

  .contacto-final-info{
    font-size:14px;
  }

  .contacto-final-company{
    font-size:15px;
  }

  .contacto-final-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
    margin-top:20px;
  }

  .contacto-final-web a{
    font-size:17px;
  }

  .contacto-final-logo{
    width:82px;
  }
}

/* =========================
480 PX
========================= */
@media screen and (max-width:480px){

  .contacto-final-copy{
    padding:20px 18px 20px 18px;
  }

  .contacto-final-label{
    font-size:16px;
  }

  .contacto-final-name{
    font-size:14px;
  }

  .contacto-final-info{
    font-size:13px;
    line-height:1.3;
  }

  .contacto-final-company{
    font-size:14px;
  }

  .contacto-final-web a{
    font-size:16px;
  }

  .contacto-final-logo{
    width:74px;
  }
}


/* =========================================
INNOVACIÓN / SLIDER ROMBOS MOBILE
========================================= */
@media (max-width: 900px){

  .innovacion-diamond-panel{
    padding: 18px 0;
    overflow: hidden;
  }

  .innovacion-diamond-slider{
    position: relative;
    padding: 0 30px;
  }

  .innovacion-diamond-viewport{
    width: 100%;
    overflow: hidden;
    padding: 0 8px;
  }

  .innovacion-diamond-stage{
    position: static !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 0;
    width: max-content;
    transition: transform .45s ease;
  }

  .innovacion-diamond-item,
  .innovacion-diamond-item-1,
  .innovacion-diamond-item-2,
  .innovacion-diamond-item-3,
  .innovacion-diamond-item-4,
  .innovacion-diamond-item-5,
  .innovacion-diamond-item-6,
  .innovacion-diamond-item-7,
  .innovacion-diamond-item-8{
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;

    flex: 0 0 175px;
    width: 175px !important;
    height: 175px !important;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 14px;
    box-sizing: border-box;
  }

  .innovacion-diamond{
    position: relative;
    width: 138px;
    height: 138px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 18px 16px 16px 16px;
  }

  .innovacion-diamond span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 17px;
    line-height: 1.08;
  }

  .innovacion-diamond-num{
    position: absolute;
    top: 14px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    font-size: 28px;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    z-index: 2;
    color: #6f7f89;
    pointer-events: none;
  }

  .innovacion-arrow{
    position: absolute;
    top: 50%;
    width: 28px;
    height: 28px;
    border: none;
    background: rgba(255,255,255,.92);
    box-shadow: 0 4px 14px rgba(0,0,0,.10);
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
  }

  .innovacion-arrow-prev{
    left: 0;
  }

  .innovacion-arrow-next{
    right: 0;
  }

  .innovacion-arrow span{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    border-top: 2px solid #567482;
    border-right: 2px solid #567482;
  }

  .innovacion-arrow-prev span{
    transform: translate(-35%, -50%) rotate(-135deg);
  }

  .innovacion-arrow-next span{
    transform: translate(-65%, -50%) rotate(45deg);
  }
}

@media (max-width: 640px){

  .innovacion-diamond-slider{
    padding: 0 26px;
  }

  .innovacion-diamond-viewport{
    padding: 0 6px;
  }

  .innovacion-diamond-item,
  .innovacion-diamond-item-1,
  .innovacion-diamond-item-2,
  .innovacion-diamond-item-3,
  .innovacion-diamond-item-4,
  .innovacion-diamond-item-5,
  .innovacion-diamond-item-6,
  .innovacion-diamond-item-7,
  .innovacion-diamond-item-8{
    flex: 0 0 180px;
    width: 156px !important;
    height: 156px !important;
    padding: 0 12px;
  }

  .innovacion-diamond{
    width: 124px;
    height: 124px;
    padding: 16px 14px 14px 14px;
  }

  .innovacion-diamond span{
    font-size: 15px;
  }

  .innovacion-diamond-num{
    top: 12px !important;
    font-size: 24px;
	  color: #ffffff;
  }
	.innovacion-diamond-item:nth-child(2) .innovacion-diamond-num{
		color:#545454;
	}
}