html { }
html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none; }
body{ font-family: 'Roboto Condensed', sans-serif; font-weight: 400; }
h1, h2, h3, h4, h5, p, ul { padding: 0; margin: 0; }
.memorias img{ width:100% !important;}
/* Contenedor base */
.container-dqa { margin: 0 auto; max-width: 1280px; width: 94%; /* background-color: orange; */ }
@media only screen and (min-width: 601px){
.container-dqa { width: 92%; }
}
@media only screen and (min-width: 993px){
.container-dqa { width: 88%; }
}
@media only screen and (min-width: 1200px){
.container-dqa { width: 95%; }
}
@media only screen and (min-width: 1920px){
}
[type="checkbox"]:checked+span:not(.lever):before{border-right: 2px solid #0d104d; border-bottom: 2px solid #0d104d;}
/* Columnas */
.row.no-margin { margin: 0; }
.row.no-margin-b { margin-bottom: 0; }
.col.no-padding { padding: 0; }
.col.no-padding-lr { padding-left: 0; padding-right: 0; }
/* Only movil */
.no-movil { display: none; }
@media(min-width:993px){
.no-movil { display: block; }
}
.no-movil-inline { display: none; }
@media(min-width:993px){
.no-movil-inline { display: inline-block; }
}
.only-movil { display: block; }
@media(min-width:993px){
.only-movil{ display: none; }
}
.only-movil-inline { display: block; }
@media(min-width:993px){
.only-movil-inline { display: none; }
}
/* Filas tipo tabla (misma altura) */
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.row-eq-height-only-pc { }
@media only screen and (min-width: 601px){
.row-eq-height-only-pc { }
}
@media only screen and (min-width: 993px){
.row-eq-height-only-pc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
}
/* para evitar el pading en algunas animaciones */
.dqa-overflow-animate { overflow: hidden; }
/* Alineado */
.a-center { text-align: center; }
.a-right { text-align: right; }
.a-flex-vertical { align-items: center; }
.txt-justify { text-align: justify; }
/* colores */
.c-blanco-1 { color: #ffffff; }
.c-negro-1 { color: #000000; }
.c-azul-1 { color: #0d104d; }
/*.c-azul-2 { color: #5E6D77; }*/
.c-azul-2 { color: #434E55; }
.c-plomo-1 { color: #999999; }
.c-rojo-1 { color: red; }
/* Background */
.bg-blanco-1 { background-color: #ffffff; }
.bg-negro-1 { background-color: #000000; }
.bg-azul-1 { background-color: #0d104d; }
.bg-gradiente-rojo {
background : -moz-linear-gradient(0% 50% 0deg,rgba(255, 86, 31, 1) 0%,rgba(215, 0, 45, 1) 100%);
background : -webkit-linear-gradient(0deg, rgba(255, 86, 31, 1) 0%, rgba(215, 0, 45, 1) 100%);
background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 86, 31, 1) ),color-stop(1,rgba(215, 0, 45, 1) ));
background : -o-linear-gradient(0deg, rgba(255, 86, 31, 1) 0%, rgba(215, 0, 45, 1) 100%);
background : -ms-linear-gradient(0deg, rgba(255, 86, 31, 1) 0%, rgba(215, 0, 45, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF561F', endColorstr='#D7002D' ,GradientType=0)";
background : linear-gradient(90deg, rgba(255, 86, 31, 1) 0%, rgba(215, 0, 45, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF561F',endColorstr='#D7002D' , GradientType=1); }
/* Formatos */
.formato-1 { font-family: 'Roboto', sans-serif; /*15*/ font-size: 1rem; font-weight: 400; }
.formato-1 .thin { font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 100; }
.formato-1 .light { font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 300; }
.formato-1 strong { font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 500; }
.formato-1 strong.semi { font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 700; }
.formato-1 strong.full { font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 900; }
.formato-01 { font-family: 'Roboto Condensed', sans-serif; /*15*/ font-size: 2.5rem; font-weight: 400; }
.formato-02 { font-family: 'Roboto Condensed', sans-serif; /*15*/ font-size: 1.2rem; font-weight: 300; line-height: 1.8rem; }
.formato-02-1 { font-family: 'Roboto Condensed', sans-serif; /*15*/ font-size: 1.2rem; font-weight: 400; line-height: 1.8rem; }
.formato-03 { font-family: 'Roboto Condensed', sans-serif; /*15*/ font-size: 1.5rem; font-weight: 400; line-height: 1.8rem; }
.formato-04 { font-family: 'Roboto Condensed', sans-serif; /*15*/ font-size: 2rem; font-weight: 400; }
/* Bordes */
.borde-1 { position: relative; display: inline-block; margin-top: 1rem; padding-bottom: 1.5rem; }
.borde-1::before { content: " "; width: 3rem; height: 4px; border-radius: 1rem; background-color: #0d104d; position: absolute; top: -1rem; overflow: hidden; }
.borde-1-v2 { position: relative; display: inline-block; margin-top: 1rem; padding-bottom: 0.5rem; }
.borde-1-v2::before { content: " "; width: 3rem; height: 4px; border-radius: 1rem; background-color: #0d104d; position: absolute; top: -1rem; overflow: hidden; }
.borde-2 { position: relative; display: inline-block; margin-top: 1rem; padding-bottom: 1.5rem; }
.borde-2::before { content: " "; width: 3rem; height: 4px; border-radius: 1rem; background-color: #0d104d; position: absolute; top: -1rem; left:calc( 50% - 1.5rem ); overflow: hidden; }
h1.borde-2 { display: block; text-align: center; }
/* arrow */
span.arrow-1 { background-image: url(images/ico-arrow.svg); background-size: contain; background-repeat: no-repeat; width: 8px; height: 5px; display: inline-block; vertical-align: middle; margin-left: 0.3rem; }
span.arrow-4 { background-image: url(images/right-arrow-4.svg); background-size: contain; background-repeat: no-repeat; width: 10px; height: 12px; float: right; position: absolute; top: calc(50% - 6px); right: 0.5rem; }
/* Logo */
.sec-logo { /*background-color: red;*/ text-align: center; display: block; padding: 4rem 2rem 2rem 2rem; position: relative; }
.sec-logo img { max-width: 180px; max-height: 87px; vertical-align: baseline; }
.sec-logo .sidenav-trigger { position: absolute; right: 0; top: 50%; }
.sec-logo .sidenav-trigger i { color: #5E6D77; }
@media only screen and (min-width: 601px){
.sec-logo { /*background-color: yellow;*/ }
}
@media only screen and (min-width: 1023px){
.sec-logo { /*background-color: orange;*/ padding: 1.8rem 0 1rem 0; text-align: left; }
/*.sec-logo img { max-width: 170px; max-height: 82px; }*/
}
@media only screen and (min-width: 1200px){
.sec-logo { /*background-color: pink;*/ }
}
@media only screen and (min-width: 1920px){
.sec-logo { /*background-color: pink;*/ }
}
/* Idioma - lista */
.sec-idioma { display: none; }
.list-idioma { visibility: hidden; display: inline-block; border-radius: 0 0 1rem 1rem; padding: 0.1rem; margin: 0; }
.list-idioma li { display: inline-block; padding: 0.4rem 0.5rem 0.4rem 0.5rem; }
.list-idioma li:nth-child(1){ border-right-width: 1px; border-right-style: solid; border-right-style: solid; border-right-color: rgba(255,255,255,0.3); }
.list-idioma li a { display: block; color: white; font-size: 0.8rem; font-weight: 600; padding: 0.3rem 0.5rem 0.3rem 0.5rem; border-radius: 50%; }
.list-idioma li a:hover { background-color: white; color: #0d104d; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.sec-idioma { display: block; text-align: right; /*background-color: pink;*/ padding: 0; margin: 0; }
}
@media only screen and (min-width: 1200px){
.list-idioma li a { font-size: 0.9rem; }
}
@media only screen and (min-width: 1920px){
}
/* Menu */
.sec-menus { text-align: right; padding: 0.5rem 0 0.5rem 0; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.sec-menus { padding: 2rem 0 2rem 0; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Menú Top - lista */
.menu-top { display: none; }
.menu-top li { display: inline-block; vertical-align: top; /*background-color: red;*/ }
.menu-top li.padre > a::after { content: " "; background-image: url(images/ico-arrow.svg); background-size: contain; background-repeat: no-repeat; width: 8px; height: 5px; display: inline-block; vertical-align: middle; margin-left: 0.4rem; }
.menu-top li.padre:hover > a::after { background-image: url(images/ico-arrow-blue.svg); }
.menu-top li.active > a { color: #0d104d; }
.menu-top li.padre.current > a { color: #0d104d; }
.menu-top li.padre.current > a::after { background-image: url(images/ico-arrow-blue.svg); }
.menu-top li > a { display: inline-block; padding: 0.3rem 0.7rem 0.3rem 0.7rem; color: #999999; text-transform: uppercase; font-weight: 600; font-size: 0.8rem; }
.menu-top li a { /*cursor: default;*/ }
.menu-top li a span { font-size: 0.2rem; }
.menu-top li ul { display: none; position: absolute; z-index: 999; min-width: 140px; }
.menu-top li:hover a { color: #0d104d; }
.menu-top li:hover > ul { display: block; background-color: white; border-style: solid; border-width: 1px; border-color: #0d104d; border-radius: 0.3rem; overflow: hidden; }
.menu-top li ul li { display: block; text-align: left; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #0d104d; }
.menu-top li ul li a { text-align: left; display: block; color: #0d104d; font-size: 0.95rem; font-weight: 400; padding: 0.5rem 3.5rem 0.5rem 1rem; text-transform: initial; cursor: pointer; }
.menu-top li ul li:hover a { background-color: #0d104d; color: white; }
.menu-top li ul li.active a { background-color: #0d104d; color: white; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.menu-top { display: inline-block; vertical-align: middle; }
}
@media only screen and (min-width: 1200px){
.menu-top li a { padding: 0.3rem 1.15rem 0.3rem 1.15rem; font-size: 0.95rem; }
}
@media only screen and (min-width: 1920px){
.menu-top li a { padding: 0.3rem 1rem 0.3rem 1rem; font-size: 0.95rem; }
}
/* Menú Redes - lista */
.menu-redes { display: inline-block; vertical-align: middle; }
.menu-redes li { display: inline-block; }
.menu-redes li a { display: block; /*background-color: yellow;*/ }
.menu-redes li a i { font-size: 0.8rem; padding: 0.3rem 0.6rem 0.3rem 0.6rem; color: #0d104d; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
}
@media only screen and (min-width: 1200px){
.menu-redes li a i { font-size: 0.95rem; padding: 0.3rem 0.7rem 0.3rem 0.7rem; }
}
@media only screen and (min-width: 1920px){
}
/* Cards - 1 */
.sec-cards-1 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.sec-cards-1 .item { padding: 1rem; }
.sec-cards-1 .item .wrapper-imagen { display: block; text-align: center; }
.sec-cards-1 .item .wrapper-imagen img { /*max-height: 100px;*/ vertical-align: baseline; }
.sec-cards-1 .item .wrapper-data { }
.sec-cards-1 .item .wrapper-data h4 { color: white; font-size: 1.7rem; font-weight: 600; text-align: center; display: block; padding: 1rem 0 1.5rem 0; text-transform: uppercase; }
.sec-cards-1 .item .wrapper-data p { color: white; font-size: 1rem; line-height: 1.3rem; text-align: center; }
.sec-cards-1 .item .wrapper-data a { display: inline-block; vertical-align: middle; }
.sec-cards-1 .item .wrapper-action { display: block; text-align: center; padding: 1.5rem 0 1rem 0; }
/* Footer */
.sec-footer { padding-top: 2.5rem; padding-bottom: 2rem; border-top-style: solid; border-top-color: rgba(255,255,255,0.1); border-top-width: 1px; }
.sec-footer h5 { color: white; text-transform: uppercase; font-size: 1.2rem; font-weight: 600; padding-bottom: 0.5rem; }
.sec-footer h5 a { color: white; text-transform: uppercase; font-size: 1.2rem; display: block; }
/* Footer - Menú */
.list-menu-footer { padding: 0 0 1.5rem 0; }
.list-menu-footer li { color: white; font-size: 1rem; padding: 0 0 0.2rem 0; }
.list-menu-footer li a { color: white; font-size: 1rem; display: block; }
.list-menu-footer li i { display: inline-block; margin-right: 0.6rem; }
/* Botones */
.boton-1 { display: inline-block; text-align: left; color: white; text-transform: uppercase; border-style: solid; border-width: 1px; border-color: rgba(255,255,255,0.4); font-size: 0.8rem; padding: 0.3rem 2.5rem 0.3rem 1.3rem; border-radius: 0.2rem; position: relative; }
.boton-1-v1 { display: inline-block; text-align: left; color: white; border-style: solid; border-width: 1px; border-color: rgba(255,255,255,0.4); font-size: 1rem; padding: 0.7rem 2.5rem 0.7rem 1.3rem; border-radius: 0.2rem; position: relative; }
.boton-1-v1.arrow-4 { background-image: url(images/right-arrow-4.svg); background-size: 10px 12px; background-position: center right 10px; background-repeat: no-repeat; }
.boton-2 { position: relative; display: inline-block; text-align: center; vertical-align: middle; color: #0d104d; text-transform: uppercase; border-style: solid; border-width: 1px; border-color: rgba(255,255,255,0.4); font-size: 1rem; font-weight: 600; padding: 0.45rem 3.4rem 0.45rem 1rem; border-radius: 0.2rem; background-color: #FFFFFF; border-radius: 0.2rem; }
.boton-2 .arrow-2 { background-image: url('images/right-arrow.svg'); width: 14px; height: 14px; background-repeat: no-repeat; background-size: contain; position: absolute; right: 0.2rem; top: calc(50% - 7px); }
.boton-3 { display: inline-block; text-align: left; color: #5E6D77; text-transform: uppercase; border-style: solid; border-width: 1px; border-color: #0d104d; font-size: 0.8rem; padding: 0.3rem 2.5rem 0.3rem 1.3rem; border-radius: 0.2rem; position: relative; }
.boton-3 .arrow-2 { background-image: url('images/right-arrow.svg'); width: 14px; height: 14px; background-repeat: no-repeat; background-size: contain; position: absolute; right: 0.2rem; top: calc(50% - 7px); }
/* Shadow */
.shadow-1 { box-shadow: 0px 2px 16px 0 rgba(0, 0, 0, 0.16); }
/* Sección noticias */
.sec-noticias { padding-top: 2.5rem; padding-bottom: 2.5rem; }
/* Lista de Noticias */
.lista-noticias { }
.lista-noticias .item { padding-bottom: 2rem; }
.lista-noticias .item .wrapper-item { padding: 1.5rem 1.3rem 1rem 1.3rem; }
.lista-noticias .item .wrapper-header { }
.lista-noticias .item .wrapper-header h3 { color: #0d104d; font-size: 1.2rem; font-weight: 600; margin: 0; padding: 1rem 0 1rem 0; height: 5.5rem; }
.lista-noticias .item .wrapper-header p { color: #999999; padding: 0 0 1rem 0; font-size: 1rem; line-height: 1.3rem; }
.lista-noticias .item .wrapper-imagen { }
.lista-noticias .item .wrapper-imagen img { object-fit: cover; height: 100%; width: 100%; vertical-align: baseline; height: 180px; }
.lista-noticias .item .wrapper-action { display: block; padding: 0.5rem 0 0rem 0; }
.lista-noticias .item .wrapper-action .fecha { color: #999999; font-size: 0.8rem; display: inline-block; width: 50%; text-align: left; display: inline-block; vertical-align: middle; }
.lista-noticias .item .wrapper-action .fecha::before { content: " "; width: 12px; height: 12px; background-image: url('images/ico-time.svg'); background-repeat: no-repeat; background-size: contain; display: inline-block; margin-right: 0.5rem; vertical-align: text-top; }
.lista-noticias .item .wrapper-action .share a { color: #0d104d; font-size: 0.8rem; display: inline-block; /*width: 50%;*/ text-align: right; vertical-align: middle; }
.lista-noticias .item .wrapper-action .share a::before { content: " "; width: 12px; height: 12px; /*background-image: url('images/ico-share.svg')*/; background-repeat: no-repeat; background-size: contain; display: inline-block; /*margin-right: 0.5rem;*/ vertical-align: middle; }
.lista-noticias .item .wrapper-all { padding: 1rem 0rem 1rem 0rem; -webkit-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; }
.lista-noticias .item:hover .wrapper-all { background-color: #0d104d; }
.lista-noticias .item:hover .wrapper-all .wrapper-header h3 a { color: white; }
.lista-noticias .item:hover .wrapper-all .wrapper-header p { color: white; }
.lista-noticias .item:hover .wrapper-all .wrapper-action .fecha { color: white; }
.lista-noticias .item:hover .wrapper-all .wrapper-action .share a { color: white; }
@media only screen and (min-width: 601px){
.sec-noticias { }
}
@media only screen and (min-width: 1023px){
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Sección obras */
.sec-obras { }
.sec-obras { padding-top: 3.5rem; padding-bottom: 4rem; background-image: url('images/bg-obras.svg'); background-repeat: no-repeat; background-position: right 3rem; background-size: 270px; }
/* Lista de Obras */
.lista-obras { }
.lista-obras .item { padding-bottom: 2rem; }
.lista-obras .item .wrapper-item { padding: 1.5rem 1.3rem 1rem 1.3rem; }
.lista-obras .item .wrapper-header { }
.lista-obras .item .wrapper-header h3 { font-size: 1.1rem; line-height: 1.4rem; margin: 0; padding: 0 0 1rem 0; font-weight: 600; color: #0d104d; }
.lista-obras .item .wrapper-header h3 a { color: #0d104d; }
.lista-obras .item .wrapper-header p { color: #999999; padding: 0 0 1rem 0; font-size: 1rem; line-height: 1.3rem; font-weight: 400; }
.lista-obras .item .wrapper-imagen { padding: 0 0 1rem 0; }
.lista-obras .item .wrapper-action { display: block; }
.lista-obras .item .wrapper-action ul li { color: #0d104d; font-size: 0.8rem; text-transform: uppercase; }
.lista-obras .item .wrapper-action ul li i { display: inline-block; padding-right: 0.5rem; color: #0d104d; }
.lista-obras .item .wrapper-all { padding: 1rem 0rem 1rem 0rem; -webkit-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; }
.lista-obras .item:hover .wrapper-all { background-color: #0d104d; }
.lista-obras .item:hover .wrapper-all .wrapper-header p { color: white; }
.lista-obras .item:hover .wrapper-all .wrapper-header h3 a { color: white; }
.lista-obras .item:hover .wrapper-all .wrapper-action ul li { color: white; }
.lista-obras .item:hover .wrapper-all .wrapper-action ul li i { color: white; }
@media only screen and (min-width: 601px){
.sec-obras { }
}
@media only screen and (min-width: 1023px){
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Sección Infraestructura*/
.sec-infraestrcutura { }
.sec-infraestrcutura { padding-top: 3.5rem; padding-bottom: 2.5rem; background-image: url('images/bg-infra.svg'); background-repeat: no-repeat; background-position: -2rem 3rem; background-size: 200px; }
.sec-infraestrcutura .header-infra { padding-bottom: 2rem; }
.lista-infra { }
.lista-infra .item { }
.lista-infra .item .wrapper-all { padding: 1rem 0.5rem 2rem 0.5rem; text-align: center;}
.lista-infra .item .wrapper-image { vertical-align: baseline; display: block; text-align: center; border-style: solid; border-width: 7px; border-radius: 50%; border-color: #0d104d; width: 120px; height: 120px; text-align: center; display: inline-block; box-sizing: content-box; -webkit-transition : border 500ms ease-out; -moz-transition : border 500ms ease-out; -o-transition : border 500ms ease-out; transition : border 500ms ease-out; }
/*
.lista-infra .item .wrapper-image:hover { border-color: white; }
.lista-infra .item .wrapper-image img { max-width: 180px; border-color: white; -webkit-transition : border 500ms ease-out; -moz-transition : border 80ms ease-out; -o-transition : border 80ms ease-out; transition : border 80ms ease-out; }
*/
.lista-infra .item .wrapper-image img { object-fit: contain; height: 100%; width: 100%; vertical-align: baseline; }
.lista-infra .item .wrapper-image img:hover { }
.lista-infra .item .wrapper-data { color: white; text-align: center; display: block; padding: 1rem 0 1rem 0; }
.lista-infra .item .wrapper-data .anio { font-size: 2rem; display: block; }
.lista-infra .item .wrapper-data .desc { font-size: 1.2rem; display: block; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* cifras */
.sec-cifras { }
.sec-cifras { padding-top: 3.5rem; padding-bottom: 2rem; background-image: url('images/bg-cifras.svg'); background-repeat: no-repeat; background-position: right 3rem; background-size: 200px; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Header - Titulos */
.header-1 { text-align: center; padding-top: 1rem; padding-bottom: 1rem; }
.header-1 h2 { text-transform: uppercase; color: black; font-size: 2rem; line-height: 2.5rem; position: relative; padding: 1.5rem 0 0 0; margin: 0; }
.header-1 h2:before { content: " "; position: absolute; top: 0px; left: calc(50% - 28px); width: 56px; height: 4px; background-color: #0d104d; border-radius: 3px; }
.header-1 span { color: #999999; display: block; font-size: 1.2rem; padding: 0 0 1rem 0; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.header-1 h2 { font-size: 3.5rem; line-height: 2.5rem; }
.header-1 span { font-size: 1.6rem; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
.header-1-1 { text-align: center; padding-top: 1rem; padding-bottom: 1rem; }
.header-1-1 h2 { text-transform: uppercase; color: black; font-size: 2rem; line-height: 2.5rem; position: relative; padding: 1.5rem 0 0 0; margin: 0; }
.header-1-1 h2:before { content: " "; position: absolute; top: 0px; left: calc(50% - 28px); width: 56px; height: 4px; background-color: #0d104d; border-radius: 3px; }
.header-1-1 span { color: #999999; display: block; font-size: 1.2rem; padding: 0 0 1rem 0; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.header-1-1 .titulo { font-size: 2.5rem; line-height: 2.5rem; }
.header-1-1 h2 { font-size: 2.5rem; line-height: 2.5rem; }
.header-1-1 span { font-size: 1.6rem; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
.header-theme-1 { text-align: center; }
.header-theme-1 .titulo { text-transform: uppercase; color: black; font-size: 2rem; line-height: 2.5rem; position: relative; padding: 1.5rem 0 0 0; margin: 0; }
.header-theme-1 .titulo:before { content: " "; position: absolute; top: 0px; left: calc(50% - 28px); width: 56px; height: 4px; background-color: #0d104d; border-radius: 3px; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.header-theme-1 .titulo { font-size: 2.5rem; line-height: 2.5rem; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
.header-2 { text-align: center; padding-top: 1rem; padding-bottom: 1rem; }
.header-2 h2 { text-transform: uppercase; color: white; font-size: 2rem; line-height: 2.5rem; position: relative; padding: 1rem 0 0 0; }
.header-2 h2:before { content: " "; position: absolute; top: 0px; left: calc(50% - 28px); width: 56px; height: 4px; background-color: white; border-radius: 3px; }
.header-2 span { color: white; display: block; font-size: 1.2rem; line-height: 1.5rem; padding: 0 0 1rem 0; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.header-2 h2 { font-size: 3.5rem; line-height: 3.5rem; }
.header-2 span { font-size: 1.7rem; line-height: 2rem; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Slider 1 */
.slider-1 { visibility: hidden; position: relative; }
.slider-1.slick-initialized { visibility: visible; }
.slider-1 .item { background-color: #0d104d; }
.slider-1 .item .wrapper-all { display: flex; flex-wrap: wrap; }
.slider-1 .item .wrapper-data { display: flex; align-items: baseline; width: 100%; align-items: center; padding: 2rem; background-image: url('images/bg-slide-1.png'); background-repeat: no-repeat; background-size: 300px; background-position: -60px 243px; order: 1; }
.slider-1 .item .wrapper-image { display: flex; align-items: baseline; width: 100%; align-items: center; position: relative; }
.slider-1 .item .wrapper-image img { object-fit: cover; height: 100%; width: 100%; vertical-align: baseline; }
.slider-1 .item .wrapper-image span { position: absolute; z-index: 99; bottom: 1rem; right: 1rem; background-color: rgba(0,0,0,0.5); color: white; padding: 0 0.5rem 0 0.5rem; font-size: 0.8rem; font-style: italic; }
.slider-1 .item .wrapper-data .info { display: block; }
.slider-1 .item .wrapper-data .info h3 { text-transform: uppercase; font-size: 2rem; font-weight: 600; }
.slider-1 .item .wrapper-data .info h3:after { content: " "; display: block; width: 85px; height: 3px; background-color: white; margin: 0.3rem 0 0.3rem 0; border-radius: 0.3rem; }
.slider-1 .item .wrapper-data .info p { font-size: 0.9rem; font-weight: 500; padding: 1rem 0 2rem 0; }
.slider-1 .btn-arrow { position: absolute; top: calc(50% - 18px); z-index: 999; padding: 2.5rem 1.6rem 2.5rem 1.6rem; cursor: pointer; }
/*
.slider-1 .btn-arrow.prev { background-color: red; left: 0; display: none !important; }
.slider-1 .btn-arrow.next { background-color: rgba(0, 84, 166, 0.35); right: 0.5rem; background-image: url('images/right-arrow-2.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 36px; }
*/
.slider-1 .btn-arrow.prev { left: 1rem; background-image: url('images/left-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
.slider-1 .btn-arrow.next { right: 1rem; background-image: url('images/right-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
@media only screen and (min-width: 601px){
.slider-1 .item .wrapper-data { display: inline-flex; order: 0; width: 57%; padding: 3rem; }
.slider-1 .item .wrapper-image { display: inline-flex; width: 43%; }
.slider-1 .item .wrapper-image img { height: 100%; }
.slider-1 .item .wrapper-data .info h3 { font-size: 3.5rem; }
.slider-1 .item .wrapper-data .info p { font-size: 1rem; }
}
@media only screen and (min-width: 1023px){
.slider-1 .item .wrapper-data { width: 43%; padding: 1rem 1.6rem 1rem 3.3rem; }
.slider-1 .item .wrapper-image { width: 57%; }
.slider-1 .item .wrapper-image img { height: 438px; }
.slider-1 .item .wrapper-data .info h3 { font-size: 3.5rem; }
.slider-1 .item .wrapper-data .info p { font-size: 1.2rem; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Slider 1-2 */
.slider-1-thum { display: none !important; }
.slider-1-thum { padding: 0.8rem 18rem 0.8rem 18rem; /*background-color: red;*/ text-align: center; }
.slider-1-2 { visibility: hidden; position: relative; }
.slider-1-2.slick-initialized { visibility: visible; }
.slider-1-2 .item { cursor: pointer; }
.slider-1-2 .wrapper-image { padding: 0rem 0.5rem 0rem 0.5rem; }
.slider-1-2 .btn-arrow { position: absolute; top: calc(50% - 17px); z-index: 999; padding: 0.5rem 0.5rem 0.5rem 0.5rem; width: 20px; height: 34px; cursor: pointer; }
.slider-1-2 .btn-arrow.prev { left: -3rem; background-image: url('images/left-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
.slider-1-2 .btn-arrow.next { right: -3rem; background-image: url('images/right-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
.slider-1-2 .slick-current { opacity: 0.5; }
@media only screen and (min-width: 601px){
.slider-1-thum { display: block !important; }
}
@media only screen and (min-width: 1023px){
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Cifras */
.lista-cifras { }
.lista-cifras .item { }
.lista-cifras .item .wrapper-all { }
.lista-cifras .item .wrapper-data { text-align: center; padding: 1rem 0 1rem 0; position: relative; }
.lista-cifras .item .wrapper-data::after{ content: ''; position: absolute; left: calc(50% - 8px); top: 100%; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; clear: both; }
.lista-cifras .item.azul .wrapper-data::after { border-top: 10px solid #0d104d; }
.lista-cifras .item.plomo .wrapper-data::after { border-top: 10px solid #E3E3E3; }
.lista-cifras .item.azul .wrapper-data { background-color: #0d104d }
.lista-cifras .item.azul .wrapper-data span { color: white; }
.lista-cifras .item.plomo .wrapper-data { background-color: #E3E3E3 }
.lista-cifras .item.plomo .wrapper-data span { color: #0d104d; }
.lista-cifras .item .wrapper-data .big { font-size: 3rem; }
.lista-cifras .item .wrapper-data .small { font-size: 1.5rem; text-transform: uppercase; }
.lista-cifras .item .wrapper-desc { min-height: 6rem; height: 6rem; text-align: center; display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #BBBBBB; }
.lista-cifras .item .wrapper-desc span { font-size: 1.1rem; line-height: 1.4rem; }
.lista-cifras .item.azul .wrapper-desc span { color: #0d104d; }
.lista-cifras .item.plomo .wrapper-desc span { color: #999999; }
.lista-cifras .item .wrapper-data { background-repeat: no-repeat; background-position: right center; background-size: contain; }
.lista-cifras .item.item-tuneles .wrapper-data { background-image: url('images/cifras-tuneles-hidraulicos.png'); }
.lista-cifras .item.item-rehabilitacion .wrapper-data { background-image: url('images/cifras-mejoramiento-carreteras.png'); }
.lista-cifras .item.item-mantenimiento .wrapper-data { background-image: url('images/cifras-canales-conservacion.png'); }
.lista-cifras .item.item-edificaciones .wrapper-data { background-image: url('images/cifras-edificaciones.png'); }
.lista-cifras .item.item-canales .wrapper-data { background-image: url('images/cifras-canales-construidos.png'); }
.lista-cifras .item.item-cv .wrapper-data { background-image: url('images/cifras-cv.png'); }
.lista-cifras .item.item-crmmp .wrapper-data { background-image: url('images/cifras-crmmp.png'); }
.lista-cifras .item.item-ti .wrapper-data { background-image: url('images/cifras-ti.png'); }
.lista-cifras .item.item-tc .wrapper-data { background-image: url('images/cifras-tc.png'); }
.lista-cifras .item.item-pc .wrapper-data { background-image: url('images/cifras-pc.png'); }
.lista-cifras .item.item-ch .wrapper-data { background-image: url('images/cifras-ch.png'); }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Slider - Responsive */
.slider-responsive-1 { visibility: hidden; }
.slider-responsive-1.slick-initialized { visibility: visible; }
.slider-responsive-1 .item { padding: 1rem; }
.slider-responsive-1 .slick-dots { text-align: center; bottom: -1rem; }
.slider-responsive-1.bg-blanco .slick-dots li.slick-active button:before { color: #0d104d; }
.slider-responsive-1.bg-blanco .slick-dots li button:before { color: #DCDCDC; }
/*
Home / Obras Emblemáticas
*/
.slider-responsive-2 { visibility: hidden; }
.slider-responsive-2.slick-initialized { visibility: visible; }
.slider-responsive-2 .item { padding: 1rem; }
.slider-responsive-2 .slick-dots { text-align: center; bottom: -2rem; }
.slider-responsive-2.bg-blanco .slick-dots li.slick-active button:before { color: #0d104d; }
.slider-responsive-2.bg-blanco .slick-dots li button:before { color: black; }
.slider-responsive-2 .btn-arrow { position: absolute; top: calc(50% - 17px); z-index: 999; padding: 0.5rem 0.5rem 0.5rem 0.5rem; width: 20px; height: 34px; cursor: pointer; }
.slider-responsive-2 .btn-arrow.prev { left: -1rem; background-image: url('images/left-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
.slider-responsive-2 .btn-arrow.next { right: -1rem; background-image: url('images/right-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
@media only screen and (min-width: 480px){
.slider-responsive-2 .slick-dots { text-align: center; bottom: 0rem; }
.slider-responsive-2 .btn-arrow.prev { left: -1.3rem; }
.slider-responsive-2 .btn-arrow.next { right: -1.3rem; }
}
@media only screen and (min-width: 600px){
.slider-responsive-2 .slick-dots { text-align: center; bottom: -1rem; }
.slider-responsive-2 .btn-arrow.prev { left: -2rem; }
.slider-responsive-2 .btn-arrow.next { right: -2rem; }
}
@media only screen and (min-width: 1023px){
.slider-responsive-2 .slick-dots { text-align: center; bottom: 1rem; }
.slider-responsive-2 .btn-arrow.prev { left: -1.7rem; }
.slider-responsive-2 .btn-arrow.next { right: -1.7rem; }
}
@media only screen and (min-width: 1200px){
.slider-responsive-2 .slick-dots { text-align: center; bottom: -1rem; }
.slider-responsive-2 .btn-arrow.prev { left: -1.5rem; }
.slider-responsive-2 .btn-arrow.next { right: -1.5rem; }
}
@media only screen and (min-width: 1920px){
.slider-responsive-2 .slick-dots { text-align: center; bottom: -1rem; }
.slider-responsive-2 .btn-arrow.prev { left: -2rem; }
.slider-responsive-2 .btn-arrow.next { right: -2rem; }
}
/*
Home / Infraestructura Responsable
*/
.slider-responsive-2-v2 { visibility: hidden; }
.slider-responsive-2-v2.slick-initialized { visibility: visible; }
.slider-responsive-2-v2 .item { }
.slider-responsive-2-v2 .slick-dots { text-align: center; bottom: -1rem; }
.slider-responsive-2-v2.bg-blanco .slick-dots li.slick-active button:before { color: #0d104d; }
.slider-responsive-2-v2.bg-blanco .slick-dots li button:before { color: #DCDCDC; }
.slider-responsive-2-v2 .btn-arrow { position: absolute; top: calc(50% - 17px); z-index: 999; padding: 0.5rem 0.5rem 0.5rem 0.5rem; width: 20px; height: 34px; cursor: pointer; }
.slider-responsive-2-v2 .btn-arrow.prev { left: 0rem; background-image: url('images/left-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
.slider-responsive-2-v2 .btn-arrow.next { right: 0rem; background-image: url('images/right-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
.slider-responsive-2-v2 .btn-arrow.slick-disabled { opacity: 0.3; }
/*
Home / Cifras
*/
.slider-responsive-2-v3 { visibility: hidden; }
.slider-responsive-2-v3.slick-initialized { visibility: visible; }
.slider-responsive-2-v3 .item { padding: 1rem; }
.slider-responsive-2-v3 .slick-dots { text-align: center; bottom: -1rem; }
.slider-responsive-2-v3.bg-blanco .slick-dots li.slick-active button:before { color: #0d104d; }
.slider-responsive-2-v3.bg-blanco .slick-dots li button:before { color: #DCDCDC; }
.slider-responsive-2-v3 .btn-arrow { position: absolute; top: calc(50% - 17px); z-index: 999; padding: 0.5rem 0.5rem 0.5rem 0.5rem; width: 20px; height: 34px; cursor: pointer; }
.slider-responsive-2-v3 .btn-arrow.prev { left: -1.2rem; background-image: url('images/left-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
.slider-responsive-2-v3 .btn-arrow.next { right: -1.2rem; background-image: url('images/right-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
.slider-responsive-2-v3 .btn-arrow.slick-disabled { opacity: 0.25; }
@media only screen and (min-width: 480px){
}
@media only screen and (min-width: 600px){
}
@media only screen and (min-width: 1023px){
.slider-responsive-2-v3 .btn-arrow.prev { left: -2.5rem; }
.slider-responsive-2-v3 .btn-arrow.next { right: -2.5rem; }
}
@media only screen and (min-width: 1200px){
.slider-responsive-2-v3 .btn-arrow.prev { left: -1.5rem; }
.slider-responsive-2-v3 .btn-arrow.next { right: -1.5rem; }
}
@media only screen and (min-width: 1920px){
}
/*
Home / Noticias
*/
.slider-responsive-2-v4 { visibility: hidden; }
.slider-responsive-2-v4.slick-initialized { visibility: visible; }
.slider-responsive-2-v4 .item { padding: 2rem; }
.slider-responsive-2-v4 .slick-dots { text-align: center; bottom: -1rem; }
.slider-responsive-2-v4.bg-blanco .slick-dots li.slick-active button:before { color: #0d104d; }
.slider-responsive-2-v4.bg-blanco .slick-dots li button:before { color: #DCDCDC; }
.slider-responsive-2-v4 .btn-arrow { position: absolute; top: calc(50% - 17px); z-index: 999; padding: 0.5rem 0.5rem 0.5rem 0.5rem; width: 20px; height: 34px; cursor: pointer; }
.slider-responsive-2-v4 .btn-arrow.prev { left: -0.5rem; background-image: url('images/left-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
.slider-responsive-2-v4 .btn-arrow.next { right: -0.5rem; background-image: url('images/right-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
.slider-responsive-2-v4 .btn-arrow.slick-disabled { opacity: 0.25; }
@media only screen and (min-width: 480px){
.slider-responsive-2-v4 .item { padding: 2rem; }
}
@media only screen and (min-width: 600px){
.slider-responsive-2-v4 .item { padding: 1rem; }
.slider-responsive-2-v4 .btn-arrow.prev { left: -1rem; }
.slider-responsive-2-v4 .btn-arrow.next { right: -1rem; }
}
@media only screen and (min-width: 1023px){
.slider-responsive-2-v4 .btn-arrow.prev { left: -2.5rem; }
.slider-responsive-2-v4 .btn-arrow.next { right: -2.5rem; }
}
@media only screen and (min-width: 1200px){
.slider-responsive-2-v4 .btn-arrow.prev { left: -1.5rem; }
.slider-responsive-2-v4 .btn-arrow.next { right: -1.5rem; }
}
@media only screen and (min-width: 1920px){
}
.slider-responsive-3 { visibility: hidden; }
.slider-responsive-3.slick-initialized { visibility: visible; }
.slider-responsive-3 .item { }
.slider-responsive-3 .slick-dots { text-align: center; bottom: -1rem; position: absolute; right: 0; width: 100%; }
.slider-responsive-3.bg-blanco .slick-dots li.slick-active button:before { color: #0d104d; }
.slider-responsive-3.bg-blanco .slick-dots li button:before { color: #DCDCDC; }
.slider-responsive-3 .btn-arrow { position: absolute; top: calc(50% - 17px); z-index: 999; padding: 0.5rem 0.5rem 0.5rem 0.5rem; width: 20px; height: 34px; cursor: pointer; }
.slider-responsive-3 .btn-arrow.prev { left: -1.5rem; background-image: url('images/left-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
.slider-responsive-3 .btn-arrow.next { right: -1.5rem; background-image: url('images/right-arrow-3.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px 34px; }
/* Header - theme-1 */
.sec-header { background-color: #f5f5f5; background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 3rem 0 3rem 0; }
.sec-header h1 { color: white; font-size: 2.5rem; font-weight: 600; text-transform: uppercase; }
.sec-header ul.arbol { display: block; }
.sec-header ul.arbol li { display: inline-block; vertical-align: middle; color: white; text-transform: uppercase; font-size: 1rem; padding: 0 0 0 0; }
.sec-header ul.arbol li a { display: inline-block; vertical-align: middle; color: white; text-transform: uppercase; font-size: 1rem; padding: 0 0 0 0; }
.sec-header ul.arbol li::after{ content: " "; display: inline-block; vertical-align: middle; width: 0.7rem; height: 0.7rem; background-image: url('images/right-arrow-4.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center; margin: 0 0.5rem 0 0.5rem; }
.sec-header ul.arbol li:last-child::after { background-image: none; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.sec-header { min-height: 12rem; } /* dqa parche - sin titulo- sin arbol de navegación */
.sec-header h1 { font-size: 3.5rem; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* main internas */
.main-1 { padding: 1rem; }
.main-1 .align-center { text-align: center; }
.main-1 .data { display: inline-block; padding-top: 3.5rem; }
.main-1 .data-2 { display: inline-block; padding-top: 1rem; }
.main-1 .sidebar { display: inline-block; position: relative; /*background-color: pink;*/ }
.main-1 .sidebar .wrapper-data { text-align: center; display: block; /*padding: 2rem;*/ }
.main-1 .sidebar .wrapper-data .wrapper-img { padding: 1rem; position: relative; }
.main-1 .sidebar .wrapper-data .wrapper-img span { background-color: rgb(0, 0, 0, 0.5); color: white; position: absolute; right: 2rem; bottom: 2rem; z-index: 99; padding: 0 0.5rem 0 0.5rem; font-size: 0.8rem; font-style: italic; }
.main-1 .sidebar .wrapper-data .item-v1 { padding: 1rem; }
.main-1 p { padding: 0 0 1rem 0; text-align: justify; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.main-1 .data { padding-right: 2.5rem; }
.main-1 p { padding: 0 0 1rem 0; text-align: initial; }
.main-1 { padding: 2rem 2rem 2rem 0rem; }
.main-1 .sidebar .wrapper-data { position: absolute; top: -10rem; left: 0; z-index: 999; padding: 0; }
.main-1 .sidebar.demo .wrapper-data { top: -6rem; }
}
@media only screen and (min-width: 1200px){
.main-1 .sidebar { min-height: 30rem; /*background-color: pink;*/ }
.main-1 .sidebar.small { min-height: 24rem; /*background-color: orange;*/ }
.main-1 .sidebar.large { min-height: 33rem; /*background-color: yellow;*/ }
}
@media only screen and (min-width: 1920px){
.main-1 .sidebar { min-height: 30rem; /*background-color: pink;*/ }
.main-1 .sidebar.small { min-height: 24rem; /*background-color: orange;*/ }
.main-1 .sidebar.large{ min-height: 33rem; /*background-color: yellow;*/ }
}
.main-2 { padding: 1rem; }
.main-2 p { padding: 0 0 1rem 0; text-align: justify; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.main-2 { padding: 2rem 2rem 2rem 0rem; text-align: initial; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* main internas */
/* 2 columnas largas (1 columna flotante a la derecha) */
.main-dqa-1 { }
.main-dqa-1 .data { /*background-color: red;*/ padding: 3rem 0 0 0; }
.main-dqa-1 .sec-bloque-1 { padding: 4rem 0 1rem 0; }
.main-dqa-1 .sidebar { /*background-color: red;*/ }
.main-dqa-1 .sidebar .wrapper-data { }
.main-dqa-1 .sidebar .wrapper-data .item { }
.main-dqa-1 .sidebar .wrapper-data .item.theme-imagen-1 { text-align: center; position: relative; }
.main-dqa-1 .sidebar .wrapper-data .item.theme-imagen-1 span { background-color: rgb(0, 0, 0, 0.5); color: white; position: absolute; right: 1rem; bottom: 1rem; z-index: 99; padding: 0 0.5rem 0 0.5rem; font-style: italic; font-size: 0.8rem; }
.main-dqa-1 p { padding: 0 0 1rem 0; text-align: justify; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.main-dqa-1 .data { }
.main-dqa-1 .sidebar { float: right; width: 35%; padding: 0 0 0 1rem; }
.main-dqa-1 .sidebar .wrapper-data { }
.main-dqa-1 .sidebar .wrapper-data .item:nth-child(1) { margin-top: -9rem; }
.main-dqa-1 .sidebar .wrapper-data .item { padding: 0 0 0 0; }
.main-dqa-1 .sidebar .wrapper-data .item img { }
.main-dqa-1 p { text-align: initial; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* 1 columna */
.main-dqa-2 { }
.main-dqa-2 p { text-align: justify; }
.main-dqa-2 .main-header { /*background-color: blue;*/ padding: 5rem 0 1rem 0; }
.main-dqa-2 .main-data { /*background-color: pink;*/ }
.main-dqa-2 .main-header .subtitulo { padding: 0 0 1.2rem 0; margin: -1.5rem 0 0 0; font-size: 1.2rem; font-weight: 300; line-height: 1.5rem; /*background-color: red;*/ display: block; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.main-dqa-2 p { text-align: initial; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* 2 columnas largas */
.main-dqa-3 { }
.main-dqa-3 .main-header { /*background-color: blue;*/ padding: 5rem 0 1rem 0; }
.main-dqa-3 .main-data { /*background-color: pink;*/ }
.main-dqa-3 .main-header .subtitulo { padding: 0 0 1.2rem 0; margin: -1.5rem 0 0 0; font-size: 1.2rem; font-weight: 300; line-height: 1.5rem; /*background-color: red;*/ display: block; }
.main-dqa-3 .sidebar .wrapper-data .item.theme-imagen-1 { position: relative; }
.main-dqa-3 .sidebar .wrapper-data .item.theme-imagen-1 img { vertical-align: bottom; }
.main-dqa-3 .sidebar .wrapper-data .item.theme-imagen-1 span { background-color: rgb(0, 0, 0, 0.5); color: white; font-style: italic; font-size: 0.8rem; position: absolute; right: 1rem; bottom: 3rem; z-index: 99; padding: 0 0.5rem 0 0.5rem; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.main-dqa-3 .sidebar .wrapper-data .item:nth-child(1) { margin-top: -4rem; }
.main-dqa-3 .sidebar .wrapper-data .item:first-child { padding-bottom: 2rem; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Valores */
.lista-valores { padding: 0 4rem 0 4rem; }
.lista-valores .item { padding: 0.5rem; }
.lista-valores .item .wrapper-item { background-color: #0d104d; }
.lista-valores .item .wrapper-item .wrapper-img { text-align: center; height: 150px; width: 100%; }
.lista-valores .item .wrapper-item .wrapper-img img { width: 80px; display: block; object-fit: contain; width: 100%; height: 100%; padding: 2rem 4rem 0rem 4rem; }
.lista-valores .item .wrapper-item .wrapper-label { text-align: center; }
.lista-valores .item .wrapper-item .wrapper-label span { color: white; font-size: 1.4rem; font-weight: 400; padding: 1rem 0 1rem 0; display: block; }
.lista-valores .item:nth-child(2n) .wrapper-item { background-color: #cdced3; }
.lista-valores .item:nth-child(2n) .wrapper-item .wrapper-label span { color: #0d104d; }
/* Internacionalización */
.sec-internacionalizacion { background-image: url(images/bg-gps.png); background-repeat: no-repeat; background-position: -6rem 3rem; background-size: 300px; }
/* Lista Iniciativas Externas */
.lista-iniciativas-externas { }
.lista-iniciativas-externas .item { padding: 0.5rem 0.5rem 0.5rem 0.5rem; }
.lista-iniciativas-externas .item .wrapper-item { padding: 3.5rem 1rem 2rem 1rem; }
.lista-iniciativas-externas .item .wrapper-item .wrapper-img { height: 80px; }
.lista-iniciativas-externas .item .wrapper-item .wrapper-img img { object-fit: contain; width: 100%; height: 100%; }
.lista-iniciativas-externas .item .wrapper-item .wrapper-label span { font-size: 1.2rem; line-height: 1.4rem; text-align: center; display: block; padding: 2rem 0.5rem 2rem 0.5rem; }
/* Lista Reconocimientos */
.lista-reconocimientos { }
.lista-reconocimientos .item { padding: 0.5rem 0.5rem 0.5rem 0.5rem; }
.lista-reconocimientos .item .wrapper-item { padding: 3.5rem 1rem 0.5rem 1rem; }
.lista-reconocimientos .item .wrapper-item .wrapper-img { height: 80px; }
.lista-reconocimientos .item .wrapper-item .wrapper-img img { object-fit: contain; width: 100%; height: 100%; }
.lista-reconocimientos .item .wrapper-item .wrapper-label span { font-size: 1.2rem; line-height: 1.4rem; text-align: center; display: block; padding: 2rem 0.5rem 1rem 0.5rem; }
/* Sec Cifras */
.sec-casa-cifras { }
.sec-casa-cifras .header { }
.sec-casa-cifras .header span { display: block; margin-top: -1.4rem; font-weight: 400; }
/* Sec Cifras */
.sec-cifras-detalle-all { background-image: url(images/bg-cifras-2.svg); background-repeat: no-repeat; background-size: 300px; background-position: right calc(50% - 500px) top 6rem; }
.sec-cifras-detalle { }
.sec-cifras-detalle .header-cifras-detalle { padding-top: 3rem; }
.lista-cifras.detalle .fila { text-align: center; }
.lista-cifras.detalle .item { width: 100%; display: inline-block; vertical-align: top; padding: 2rem 0.5rem 0.5rem 0.5rem; }
@media only screen and (min-width: 601px){
.lista-cifras.detalle .item { width: 50%; }
}
@media only screen and (min-width: 1023px){
.lista-cifras.detalle .item { width: 25%; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Lista concesinoes */
.lista-concesiones { }
.lista-concesiones li { display: inline-block; vertical-align: middle; }
.lista-concesiones li a { display: block; color: #0d104d; }
.lista-concesiones li a::after { content: "/"; display: inline-block; vertical-align: middle; margin: 0 0.2rem 0 0.2rem; }
/* Tabla */
table.theme-1 { border-color: rgba(242,242,242,1); border-width: 1px; border-style: solid; }
table.theme-1 td, table.theme-1 th { padding: 0.5rem 1rem 0.5rem 1rem; text-align: center; }
table.theme-1 thead tr { color: white; background-color: #0d104d; }
table.theme-1.striped>tbody>tr:nth-child(odd) { background-color: rgba(242,242,242,1); }
.sec-forma-parte-de-nuestro-equipo { background-image: url('images/bg-equipo.svg'); background-repeat: no-repeat no-repeat; background-position: right 0rem bottom; background-size: 200px; }
.sec-envianos-tu-cv { background-image: url('images/bg-mail.svg'); background-repeat: no-repeat no-repeat; background-position: right 0rem bottom; background-size: 300px; }
/*
.sec-envianos-tu-cv { background-image: url('images/bg-carretera.svg'); background-repeat: no-repeat no-repeat; background-position: right -6rem top -6rem; }
*/
/* Formulario */
.form-theme-1 { }
.form-1.theme-1 input:not([type]),
.form-1.theme-1 input[type=text]:not(.browser-default),
.form-1.theme-1 input[type=password]:not(.browser-default),
.form-1.theme-1 input[type=email]:not(.browser-default),
.form-1.theme-1 input[type=url]:not(.browser-default),
.form-1.theme-1 input[type=time]:not(.browser-default),
.form-1.theme-1 input[type=date]:not(.browser-default),
.form-1.theme-1 input[type=datetime]:not(.browser-default),
.form-1.theme-1 input[type=datetime-local]:not(.browser-default),
.form-1.theme-1 input[type=tel]:not(.browser-default),
.form-1.theme-1 input[type=number]:not(.browser-default),
.form-1.theme-1 input[type=search]:not(.browser-default),
.form-1.theme-1 textarea.materialize-textarea { color: #5E6D77; border-color:#5E6D77; border-style: solid; border-width: 1px; font-size: 1rem; padding: 0.5rem; box-sizing: border-box; }
.form-1.theme-1 input:not([type]):focus:not([readonly]),
.form-1.theme-1 input[type=text]:not(.browser-default):focus:not([readonly]),
.form-1.theme-1 input[type=password]:not(.browser-default):focus:not([readonly]),
.form-1.theme-1 input[type=email]:not(.browser-default):focus:not([readonly]),
.form-1.theme-1 input[type=url]:not(.browser-default):focus:not([readonly]),
.form-1.theme-1 input[type=time]:not(.browser-default):focus:not([readonly]),
.form-1.theme-1 input[type=date]:not(.browser-default):focus:not([readonly]),
.form-1.theme-1 input[type=datetime]:not(.browser-default):focus:not([readonly]),
.form-1.theme-1 input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.form-1.theme-1 input[type=tel]:not(.browser-default):focus:not([readonly]),
.form-1.theme-1 input[type=number]:not(.browser-default):focus:not([readonly]),
.form-1.theme-1 input[type=search]:not(.browser-default):focus:not([readonly]),
.form-1.theme-1 textarea.materialize-textarea:focus:not([readonly]) { border-color:#5E6D77; border-style: solid; border-width: 1px; }
.form-1.theme-1 textarea.materialize-textarea { height: 10rem; }
.form-1.theme-1 input::-webkit-input-placeholder { color: #5E6D77; }
.form-1.theme-1 textarea::-webkit-input-placeholder { color: #5E6D77; }
.form-1.theme-1 .dropdown-content li>a, .form-1.theme-1 .dropdown-content li>span { color: #0d104d; }
.form-1.theme-1 .input-field { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.form-theme-2 { }
.respuesta-formulario p { padding: 0 0 0 0; text-align: center; }
.collapsible.theme-1 { -webkit-box-shadow: none; box-shadow: none; border-top: none; border-left: none; border-right: none; padding: 1rem 0 1rem 0; }
.collapsible.theme-1 .arrow { background-image: url(images/right-arrow-azul.svg); background-size: contain; background-repeat: no-repeat; width: 0.7rem; display: inline-block; vertical-align: middle; margin-right: 1rem; }
.collapsible.theme-1 .active .arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.collapsible.theme-1 .collapsible-body { padding: 3rem 2rem 2rem 3rem; }
.sec-principios-pacto-mundial { background-image: url(images/bg-10-principios.png); background-repeat: no-repeat; background-position: left calc(100% + 200px) top; }
.iso-37001-2016 { background-image: url(images/bg-iso-37001-2016.svg); background-repeat: no-repeat; background-position: left calc(50% + 400px) top; }
.iso-37001-2016 .header { }
.iso-37001-2016 .header .subtitulo { display: block; margin-top: -1rem; font-weight: 400; }
.iso-37001-2016 .alineado-vertical { display: flex; flex-wrap: wrap; }
.iso-37001-2016 .alineado-vertical .item-1 { display: inline-flex; width: 100%; align-items: center; order: 2; flex-grow: 1; }
.iso-37001-2016 .alineado-vertical .item-2 { display: inline-flex; width: 100%; align-items: center; order: 1; flex-grow: 1; }
.iso-37001-2016 .alineado-vertical .item-2 .wrapper-all { display: block; padding: 2.5rem; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.iso-37001-2016 .alineado-vertical .item-1 { display: inline-flex; width: 30%; align-items: center; order: 1; }
.iso-37001-2016 .alineado-vertical .item-2 { display: inline-flex; width: 70%; align-items: center; order: 2; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
.lista-gestion-integridad { padding: 0rem 0rem 2rem 5rem !important; }
.lista-gestion-integridad li { padding: 0 0 1rem 0; position: relative; }
.lista-gestion-integridad li span { display: block; }
.lista-gestion-integridad li::before { content: ""; position: absolute; top: 0; left: -5rem; width: 3rem; height: 3rem; }
.lista-gestion-integridad li:nth-child(1)::before { background-image: url('images/ico-sg-dh.svg'); background-repeat: no-repeat; background-size: contain; }
.lista-gestion-integridad li:nth-child(2)::before { background-image: url('images/ico-sg-trabajo.svg'); background-repeat: no-repeat; background-size: contain; }
.lista-gestion-integridad li:nth-child(3)::before { background-image: url('images/ico-sg-lclc.svg'); background-repeat: no-repeat; background-size: contain; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.lista-gestion-integridad li::before { width: 4rem; height: 4rem; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
.lista-contacto { padding: 3rem 0rem 3rem 3rem !important; }
.lista-contacto li { padding: 0 0 1.2rem 0; position: relative; }
.lista-contacto li span { display: block; }
.lista-contacto li::before { content: ""; position: absolute; top: 0; left: -3rem; width: 1.4rem; height: 1.4rem; }
.lista-contacto li:nth-child(1)::before { background-image: url('images/ico-gps.svg'); background-repeat: no-repeat; background-size: contain; }
.lista-contacto li:nth-child(2)::before { background-image: url('images/ico-fono.svg'); background-repeat: no-repeat; background-size: contain; }
.lista-contacto li:nth-child(3)::before { background-image: url('images/ico-email.svg'); background-repeat: no-repeat; background-size: contain; }
/* Menú Móvil */
.sidenav.movil { z-index: 9999; }
.sidenav.movil .user-view { padding: 3rem 3rem 2rem 3rem; margin: 0; }
.sidenav.movil .user-view img { height: 100px; }
/* Concesiones Viales */
.header-concesiones-viales { padding: 3rem 0 1rem 0; }
/* Concesiones Portuarias */
.header-concesiones-portuarias { padding: 3rem 0 1rem 0; }
/* Lista de concesiones Viales - Portuarias */
.sec-concesiones-listado { }
.sec-concesiones-listado .item { padding: 3rem 0 3rem 0; border-bottom-style: dashed; border-width: 1px; border-color: #5E6D77; }
.sec-concesiones-listado .item:last-child { border-bottom: none; }
.sec-concesiones-listado .item h2 { font-size: 2rem; margin: 0; padding: 0 0 1rem 0; }
.sec-concesiones-listado .item p { padding-bottom: 1rem; text-align: justify; }
.sec-concesiones-listado .item a { margin-bottom: 1.5rem; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.sec-concesiones-listado { padding-top: 2rem; }
.sec-concesiones-listado .item p { text-align: initial; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* talento humano */
.sec-oportunidades-laborales { }
.sec-oportunidades-laborales h2 { padding-bottom: 1rem; }
.sec-envianos-tu-cv { }
.sec-envianos-tu-cv h2 { padding-bottom: 1rem; }
/* Noticias Detalle */
.sec-noticias-interna { }
.sec-noticias-interna .header-noticias-interna { padding-top: 3rem; }
.lista-noticias.interna .item { width: 100%; display: inline-block; vertical-align: top; padding: 1rem; }
.sec-noticias-interna .pager { text-align: center; padding: 3rem 0 1rem 0; }
.sec-noticias-interna .pager strong { display: inline-block; padding: 0.5rem; color: white; background-color: #0d104d; }
.sec-noticias-interna .pager a { display: inline-block; padding: 0.5rem; color: #0d104d; background-color: #F2F2F2; margin: 0 0.5rem 0 0.5rem; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.lista-noticias.interna .item { width: 33%; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Noticias Detalle */
.sec-noticias-detalle { }
.sec-noticias-detalle p { color: #434E55; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem; }
.sec-noticias-detalle img.align-right { padding: 0.5rem; text-align: center; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.sec-noticias-detalle img.align-right { float: right; padding: 1rem; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Share */
.share { text-align: right; padding: 1.5rem 0 1.5rem 0; }
.list-share { background-color: #0d104d; border-radius: 0.4rem; display: inline-block; padding: 0.3rem 0.7rem 0.3rem 0.7rem !important; }
.list-share li { display: inline-block; vertical-align: middle; padding: 0.3rem; }
.list-share li a { display: block; }
.list-share .label { color: white; font-weight: 600; }
.list-share .ico-fb { background-image: url(images/ico-fb.svg); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; display: block; }
.list-share .ico-tw { background-image: url(images/ico-tw.svg); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; display: block; }
/* Modal */
.modal.theme-1 { }
.modal.theme-1 .modal-content { padding: 4rem 2.5rem 2.5rem 2.5rem; position: relative; }
.modal.theme-1 .modal-content p { padding: 0 0 1rem 0; }
.modal.theme-1 .modal-content .modal-close { color: #0d104d; position: absolute; top: 1rem; right: 1rem; z-index: 999; cursor: pointer; }
.modal.theme-1 .modal-content .modal-close i { color: #0d104d; font-size: 3rem; }
/* Historia Timeline */
.historia-timeline { padding: 1rem 3rem 1rem 3rem; }
.historia-timeline .item { text-align: center; }
.historia-timeline .item .wrapper-top { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #5E6D77; padding: 1rem 0 1rem 0; position: relative; }
.historia-timeline .item .wrapper-top::before{ content: ''; position: absolute; bottom: -6px; left: calc(50% - 6px); width: 12px; height: 12px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #0d104d; }
.historia-timeline .item .wrapper-top .wrapper-image { height: 70px; padding: 0.8rem; }
.historia-timeline .item .wrapper-top .wrapper-image img { width: 100%; height: 100%; object-fit: contain; }
.historia-timeline .item .wrapper-top .wrapper-year span { font-size: 2rem; font-weight: 600; }
.historia-timeline .wrapper-bottom { }
.historia-timeline .wrapper-bottom span { padding: 1rem; display: block; font-size: 1rem; color: #5E6D77; font-weight: 400; }
/* Canales de Comunicación */
.list-canales-comunicacion { padding: 1rem 0 1rem 0; }
.list-canales-comunicacion .item { /*background-color: red;*/ text-align: center; padding: 1rem; }
.list-canales-comunicacion .item .wrapper-top { /*background-color: blue;*/ }
.list-canales-comunicacion .item .wrapper-top .wrapper-image { /*background-color: pink;*/ display: inline-block; }
.list-canales-comunicacion .item .wrapper-top .wrapper-image img { width: 7rem; vertical-align: baseline; }
.list-canales-comunicacion .item .wrapper-bottom { }
.list-canales-comunicacion .item .wrapper-bottom span { color: #434E55; }
/* Lista Infraestructura Responsable */
.lista-infraestructura-responsable { }
.lista-infraestructura-responsable .item { padding: 0.5rem; text-align: center; }
.lista-infraestructura-responsable .item .wrapper-item { /*background-color: red;*/ padding: 1rem; }
.lista-infraestructura-responsable .item .wrapper-item h5 { font-size: 1.5rem; padding: 0 0 1rem 0; }
.lista-infraestructura-responsable .item .wrapper-item .wrapper-img { display: inline-block; /*background-color: blue;*/ }
.lista-infraestructura-responsable .item .wrapper-item .wrapper-img img { vertical-align: baseline; }
.lista-infraestructura-responsable .item .wrapper-item .wrapper-label span { font-size: 0.95rem; line-height: 1.2rem; display: inline-block; }
/* sec-contactanos */
.sec-contactanos { }
.sec-contactanos .form-1.theme-1 { }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.sec-contactanos .form-1.theme-1 { padding-right: 3rem; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Lista - viñetas */
.lista-a { margin-left: 1.2rem; }
.lista-a li { list-style: circle !important; color: #434E55; font-size: 1rem; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem; }
.lista-b { margin-left: 1.2rem; }
.lista-b li { color: #434E55; font-size: 1rem; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem; }
/* Lista de principios */
.lista-10-principios { }
.lista-10-principios li { }
.lista-10-principios li.item { padding: 0.8rem; }
.lista-10-principios li.item .wrapper-all { padding: 1.5rem; background-color: #F4F4F4; width: 100%; height: 100%; }
.lista-10-principios li.item .titulo { display: block; }
.lista-10-principios li.item .text { display: block; }
.lista-10-principios li.item .label { display: block; font-size: 1.2rem; }
.lista-10-principios li.item:first-child { text-align: center; }
.lista-10-principios li.item:first-child img { width: 80px; }
.lista-10-principios li.item:first-child .wrapper-all { background-color: white; }
.lista-10-principios li.item:first-child .wrapper-img { }
.lista-10-principios li.item:first-child .wrapper-label { }
.lista-10-principios.derechos-humanos .titulo { color: #BA007C; }
.lista-10-principios.derechos-humanos .label { color: #BA007C; }
.lista-10-principios.trabajo .titulo { color: #003884; }
.lista-10-principios.trabajo .label { color: #003884; }
.lista-10-principios.ambiente .titulo { color: #6FA43A; }
.lista-10-principios.ambiente .label { color: #6FA43A; }
.lista-10-principios.lucha-contra-corrupcion .titulo { color: #E2A900; }
.lista-10-principios.lucha-contra-corrupcion .label { color: #E2A900; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.lista-10-principios { display: flex; }
.lista-10-principios li { display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; width: 20%; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/* Obras - Detalle */
strong.ubicacion::before { content: " "; background-image: url(images/ico-ubicacion.svg); background-repeat: no-repeat; background-size: contain; width: 1.4rem; height: 1.6rem; display: inline-block; vertical-align: middle; margin-right: 1rem; }
strong.calendario::before { content: " "; background-image: url(images/ico-calendar.svg); background-repeat: no-repeat; background-size: contain; width: 1.4rem; height: 1.6rem; display: inline-block; vertical-align: middle; margin-right: 1rem; }
/*
Proyecto - Interna - Header
*/
.sec-proyecto-header { padding: 0 0 1rem 0; }
.sec-proyecto-header h1 { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; display: block; padding: 0 0 2rem 0; font-size: 2rem; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.sec-proyecto-header h1 { font-size: 2.5rem; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/*
Proyecto - Detalle - Main
*/
.sec-proyecto-main { }
.sec-proyecto-main h3 { }
.sec-proyecto-main h3::before { content: " "; display: inline-block; width: 4rem; height: 4rem; background-repeat: no-repeat; vertical-align: middle; margin-right: 0.8rem; }
.sec-proyecto-main .sec-proyecto-caracteristicas h3::before { background-image: url('images/ico-caracteristicas.svg'); }
.sec-proyecto-main .sec-proyecto-beneficios h3::before { background-image: url('images/ico-beneficios.svg'); }
.sec-proyecto-main .sec-proyecto-obras h3::before { background-image: url('images/ico-obras.svg'); }
/*
.sec-proyecto-main .titulo-etapa { color: #0d104d; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; display: inline-block; vertical-align: middle; font-size: 1.8rem; padding: 0 0 1.2rem 0; }
.sec-proyecto-main .titulo-etapa::before { content: " "; width: 2px; height: 2.8rem; background-color: #141414; display: inline-block; vertical-align: middle; margin-right: 1rem; }
*/
.sec-proyecto-main .titulo-etapa { color: #0d104d; padding: 0 0 0 0; font-size: 1.2rem; }
/*
Proyecto - Interna - Características
*/
.sec-proyecto-caracteristicas { display: block; width: 100%; align-items: center; /*border-bottom-color: #B7B7B7; border-bottom-width: 1px; border-bottom-style: dashed;*/ margin: 0 0 0 0; }
.sec-proyecto-caracteristicas .item-1 { display: block; border-color: red; width: 100%; }
.sec-proyecto-caracteristicas .item-1 .wrapper-imagen { display: none; }
.sec-proyecto-caracteristicas .item-1 .wrapper-imagen img { width: 100px; }
.sec-proyecto-caracteristicas .item-2 { display: block; /*background-color: yellow;*/ width: 100%; }
.sec-proyecto-caracteristicas .item-2 .wrapper-data { display: block; padding: 2rem 2.5rem 2rem 2.5rem; }
.sec-proyecto-caracteristicas .item-2 .wrapper-data h3 { color: #0d104d; padding: 0 0 2.5rem 0; font-size: 1.2rem; font-weight: 600; }
.sec-proyecto-caracteristicas .item-2 .wrapper-data p { color: #5E6D77; padding: 0 0 0 0; font-size: 1.2rem; }
.sec-proyecto-caracteristicas .item-2 .wrapper-data strong.full { font-weight: 800; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.sec-proyecto-caracteristicas { display: flex; }
.sec-proyecto-caracteristicas .item-1 { display: inline-flex; width: 10%; }
.sec-proyecto-caracteristicas .item-2 { display: inline-flex; width: 90%; }
.sec-proyecto-caracteristicas .item-1 .wrapper-imagen { display: block; }
.sec-proyecto-caracteristicas .item-1 .wrapper-imagen img { width: 60%; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/*
Proyecto - Interna - Beneficios
*/
.sec-proyecto-beneficios { display: block; align-items: center; /*border-bottom-color: #B7B7B7; border-bottom-width: 1px; border-bottom-style: dashed;*/ margin: 0 0 0 0; }
.sec-proyecto-beneficios .item-1 { display: block; border-color: red; width: 100%; }
.sec-proyecto-beneficios .item-1 .wrapper-imagen { display: none; }
.sec-proyecto-beneficios .item-1 .wrapper-imagen img { width: 100px; }
.sec-proyecto-beneficios .item-2 { display: block; /*background-color: yellow;*/ width: 100%; }
.sec-proyecto-beneficios .item-2 .wrapper-data { display: block; padding: 2rem 2.5rem 2rem 2.5rem; }
.sec-proyecto-beneficios .item-2 .wrapper-data p { color: #5E6D77; padding: 0 0 0 0; font-size: 1.2rem; }
.sec-proyecto-beneficios .item-2 .wrapper-data h3 { color: #0d104d; padding: 0 0 2.5rem 0; font-size: 1.2rem; font-weight: 600; }
.sec-proyecto-beneficios .item-2 .wrapper-data strong.full { font-weight: 800; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.sec-proyecto-beneficios { display: flex; }
.sec-proyecto-beneficios .item-1 { display: inline-flex; width: 10%; }
.sec-proyecto-beneficios .item-2 { display: inline-flex; width: 90%; }
.sec-proyecto-beneficios .item-1 .wrapper-imagen { display: block; }
.sec-proyecto-beneficios .item-1 .wrapper-imagen img { width: 60%; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/*
Proyecto - Interna - Obras
*/
.sec-proyecto-obras { display: block; align-items: center; /*border-bottom-color: #B7B7B7; border-bottom-width: 1px; border-bottom-style: dashed;*/ margin: 0 0 0 0; }
.sec-proyecto-obras .item-2 { display: block; /*background-color: yellow;*/ width: 100%; }
.sec-proyecto-obras .item-2 .wrapper-data { display: block; padding: 2rem 2.5rem 2rem 2.5rem; }
.sec-proyecto-obras .item-2 .wrapper-data p { color: #5E6D77; padding: 0 0 0 0; font-size: 1.2rem; }
.sec-proyecto-obras .item-2 .wrapper-data h3 { color: #0d104d; padding: 0 0 2.5rem 0; font-size: 1.2rem; font-weight: 600; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.sec-proyecto-obras { display: flex; }
.sec-proyecto-obras .item-2 { display: inline-flex; width: 100%; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/*
Listado
*/
.proyecto-caracteristicas { padding: 0.5rem 0 0 0; }
.proyecto-caracteristicas > li { color: #5E6D77; padding: 0 0 1rem 2rem; font-size: 1.2rem; position: relative; }
.proyecto-caracteristicas > li::before { content: " "; position: absolute; top: 0.6rem; left: 0; background-image: url(images/right-arrow-azul.svg); background-size: contain; background-repeat: no-repeat; width: 1rem; height: 1rem; }
.proyecto-caracteristicas > li > ul { padding: 1rem 0 0 0; }
.proyecto-beneficios { padding: 0.5rem 0 1.5rem 0; }
.proyecto-beneficios > li { color: #5E6D77; padding: 0 0 1rem 2rem; font-size: 1.2rem; position: relative; }
.proyecto-beneficios > li::before { content: " "; position: absolute; top: 0.6rem; left: 0; background-image: url(images/right-arrow-azul.svg); background-size: contain; background-repeat: no-repeat; width: 1rem; height: 1rem; }
.proyecto-beneficios > li > ul { padding: 1rem 0 0 0; }
/*
List Simple - 1
*/
.list-simple-1 { padding: 0 0 0 0; margin-left: 1.2rem; }
.list-simple-1 li { position: relative; color: #5E6D77; font-size: 1.2rem; padding: 0 0 0 0.5rem; list-style: none !important; }
.list-simple-1 li:before{ content:"-"; position:relative; left:-10px;}
.list-simple-1 li{ text-indent:-5px; }
/*
Breadcrumb
*/
.breadcrumb-dqa-1 { padding: 0 0 2rem 0; }
.breadcrumb-dqa-1 li { display: inline-block; position: relative; }
.breadcrumb-dqa-1 li:after { content: " "; position: absolute; margin-right: 0.5rem; right: 0; top: 0.4rem; background-image: url(images/right-arrow-azul.svg); background-size: contain; width: 0.5rem; height: 1.7rem; background-repeat: no-repeat; }
.breadcrumb-dqa-1 li:last-child:after { display: none; }
.breadcrumb-dqa-1 li a { display: block; font-size: 1.2rem; text-transform: uppercase; color: #999999; /*background-color: pink;*/ padding: 0rem 2rem 0rem 0rem; }
.breadcrumb-dqa-1 li a.active { color: #0d104d; }
/*
Proyecto - Interna
*/
.sec-proyecto-top { }
.sec-proyecto-top .item-1 { }
.sec-proyecto-top .item-2 { }
.sec-proyecto-top .item-2 .wrapper-all { display: block; width: 100%; }
.sec-proyecto-top h6 { color: #0d104d; padding: 0 0 1rem 0; font-size: 1.5rem; font-weight: 600; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.sec-proyecto-top { display: flex; align-items: center; }
.sec-proyecto-top .item-1 { display: inline-flex; }
.sec-proyecto-top .item-2 { display: inline-flex; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/*
Proyecto - Interna - Navegación
*/
.list-nav-project { display: flex; width: 100%; padding: 0 0 3rem 0; }
.list-nav-project li { display: inline-flex; width: 50%; }
.list-nav-project li.prev { justify-content: flex-start; }
.list-nav-project li.next { justify-content: flex-end; }
.list-nav-project li a { color: #0d104d; display: inline-block; vertical-align: middle;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: rgba(13, 16, 77, 0.4);
font-size: 0.8rem;
border-radius: 0.2rem;
position: relative; }
.list-nav-project li.prev a::before { content: ""; display: inline-block; vertical-align: middle; width: 1.2rem; height: 1.1rem; background-image: url('images/right-arrow-azul.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center; margin: 0 0.5rem 0 0.5rem; -webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.list-nav-project li.next a::after { content: ""; display: inline-block; vertical-align: middle; width: 1.2rem; height: 1.1rem; background-image: url('images/right-arrow-azul.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center; margin: 0 0.5rem 0 0.5rem; }
.list-nav-project li.prev a { padding: 0.3rem 1.3rem 0.3rem 0rem; }
.list-nav-project li.next a { padding: 0.3rem 0rem 0.3rem 1.3rem; }
/*
Proyecto - Interna - Galería
*/
.proyecto-galeria { }
.proyecto-galeria .item { }
.proyecto-galeria .item .wrapper-imagen { }
.proyecto-galeria .item .wrapper-imagen img { object-fit: contain; width: 100%; height: 100%; }
.proyecto-galeria .slick-dots li.slick-active button:before { color: #0d104d; }
.proyecto-galeria .slick-dots li button:before { color: #000000; }
.proyecto-galeria .slick-dots { bottom: -2rem; }
@media only screen and (min-width: 601px){
}
@media only screen and (min-width: 1023px){
.proyecto-galeria .item .wrapper-imagen { height: 400px; }
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
/*
Noticias - detalle
*/
.sec-header-2 { padding: 0 0 0 0; background-color: #f5f5f5; }
.banner-noticias { }
.banner-noticias .imagen-wrapper { }
.banner-noticias .imagen-wrapper img { vertical-align: bottom; object-fit: cover; height: 100%; width: 100%; height: 100%; }
@media only screen and (min-width: 601px){
.banner-noticias .imagen-wrapper { height: 400px; }
}
@media only screen and (min-width: 1023px){
}
@media only screen and (min-width: 1200px){
}
@media only screen and (min-width: 1920px){
}
.sec-top {
position: relative;
z-index: 9999 !important; /* El !important asegura que nada lo bloquee */
}