/*======================================================*/

/* @media (1025px <=width <=1200px) */

@media (min-width: 1025px) and (max-width: 1200px) {

    img,
    h1,
    h2,
    h3,
    span,
    p {
        view-timeline-name: --image;
        view-timeline-axis: block;
        animation-timeline: --image;
        animation-name: show;
        animation-range: entry 0% cover 30%;
        animation-fill-mode: both;
    }

    html,
    body {
        margin: 0;
        padding: 0;
        overflow-X: hidden;
        width: 100%;
    }

    /* ========================================================= */
    /* MEMBRETE PAGINA */
    .inicio {
        width: 100%;
    }

    .inicio .img {
        width: 45%;
    }

    .membt {
        width: 100%;
    }

    /* ================================================== */
    /* SECCION INTRODUCCION */
    .nosotros {
        width: 100%;
        height: 50vh;
    }

    .nosotros h1 {
        width: 100%;
        font-size: 19pt;
    }

    .nosotros p {
        font-size: 11pt;
        width: 51%;
    }

    /* ================================================== */
    /* SECTION MISIO/VISION VALORES*/
    /* VISION */
    .vision {
        height: 90vh;
    }

    .empre1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 80%;
    }

    .vision .empre {
        width: 80%;
        height: 60%;
    }

    .empre h1 {
        font-size: 19pt;
    }

    .empre p {
        font-size: 11pt;
    }

    /* ================================================== */
    /* VALORES  CORPORATIVOS  */
    .valor {
        width: 45%;
        height: 80%;
    }

    .valor div {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .valor h1 {
        font-size: 19pt;
    }

    .valor p {
        font-size: 11pt;
    }

    .valor img {
        width: 60px;
    }

    /* ========================================================= */
    /* SERVICIOS */
    .logosclientes {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 130vh;
    }

    .servicios {
        width: 45%;
        height: 85%;
    }

    .services {
        display: flex;
        justify-content: start;
        align-items: start;
        flex-direction: column;
        gap: 3px;
        width: 90%;
        height: 110vh;
    }

    .servicios h1 {
        font-size: 19pt;
    }

    .servicios p {
        width: 100%;
        font-size: 11pt;
    }

    .servicios li {
        width: 90%;
        font-size: 10pt;
    }

    /* ========================================================= */
    /* SERVICIOS 2 */
    .ser2 {
        display: flex;
        justify-content: start;
        flex-direction: column;
        width: 40%;
        height: 110vh;
    }

    .ser2 h1 {
        width: 50%;
        font-size: 19pt;
    }

    .slider-container {
        width: 100%;
        height: 85vh;
    }

    .slide img {
        width: 65%;
        height: 100%;
    }

    /* ========================================================= */
    /* TITLEPRO */
    .titlepro {
        width: 100%;
        height: 10vh;
    }

    .titlepro h1 {
        display: flex;
        justify-content: start;
        align-items: center;
        width: 70%;
        font-size: 19pt;
    }

    /* ========================================================= */
    /* PROYECTOS */
    .proyectos {
        width: 100%;
        height: 40vh;
    }

    /* ========================================================= */
    /* ==== BASES  =========== */
    .bases1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 60%;
        height: 85px;
    }

    .bases1 span {
        width: 75px;
        height: 75px;
    }

    .bases1 img {
        width: 100%;
    }

    /* ========================================================= */
    /* BASES 2 */
    .bases2 {
        display: flex;
        justify-content: space-around;
        align-items: center;
        gap: 60px;
        width: 60%;
        height: 90px;
    }

    .bases2 .obrs {
        width: 9%;
    }

    .bases2 h2 {
        font-size: 8pt;
    }

    .bases2 p {
        font-size: 6.5pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO TITULO*/
    .trabajodecampo {
        display: flex;
        justify-content: start;
        width: 100%;
        height: 20vh;
    }

    .trabajodecampo h1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70%;
        height: 100%;
        font-size: 19pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO TRABAJO DE CAMPO 0 */
    .proyec2 {
        gap: 20px;
        width: 100%;
        height: 67vh;
    }

    .proyec2 img {
        width: 44%;
    }

    .proyec2 .content {
        display: flex;
        justify-content: start;
        flex-direction: column;
        gap: 5px;
        width: 50%;
        height: 40vh;
    }

    .proyec2 h1 {
        display: flex;
        justify-content: start;
        width: 100%;
        font-size: 10pt;
    }

    .proyec2 .subtitulo span {
        font-size: 9pt;
    }

    .proyec2 p {
        font-size: 10pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 1 */
    .traca1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 110vh;
    }

    .textotraca1 {
        width: 60%;
    }

    .textotraca1 h1 {
        width: 50%;
        font-size: 11pt;
    }

    .textotraca1 .subtitulo {
        font-size: 9pt;
    }

    .textotraca1 .subtitulo span {
        font-size: 9pt;
    }

    .textotraca1 p {
        width: 50%;
        font-size: 10pt;
    }

    .imagentraca1 {
        display: flex;
        justify-content: center;
        width: 47%;
        height: 100%;
    }

    .imagentraca1 img {
        width: 100%;
        height: 50%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 2 */
    .traca2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        height: 110vh;
    }

    .imagenytextotraca2A .aliniz,
    .imagenytextotraca2 .aliniz {
        width: 80%;
        background: none;
    }

    .imagenytextotraca2A .subtitulo,
    .imagenytextotraca2 .subtitulo {
        color: #F19104;
        font-size: 10pt;
        font-family: 'centgot';
    }

    .imagenytextotraca2A .subtitulo span,
    .imagenytextotraca2 .subtitulo span {
        font-size: 9pt;
        color: #000000;
    }

    .imagenytextotraca2A p,
    .imagenytextotraca2 p {
        width: 100%;
        color: #000;
        font-size: 10pt;
        font-family: 'centgot';
        background: none;
    }

    .imagenytextotraca2A .texto,
    .imagenytextotraca2 .texto {
        max-width: 400px;
        background: none;
    }

    .traca2 h1 {
        font-size: 10pt;
        font-family: 'LOGOTYPE';
    }

    .textotraca2 h1 {
        font-size: 12pt;
        font-family: 'LOGOTYPE';
    }

    .imagenytextotraca2,
    .imagenytextotraca2A {
        display: flex;
        flex-direction: column;
        align-items: end;
        justify-content: center;
        gap: 20px;
        width: 90%;
        height: 90%;
        background: none;
    }

    .imagenytextotraca2 .fila,
    .imagenytextotraca2A .fila1 {
        display: flex;
        justify-content: center;
        width: 80%;
        height: 60%;
    }

    .imagenytextotraca2 img,
    .imagenytextotraca2A img {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 3 */
    .traca3 {
        height: 100%;
        height: 120vh;
    }

    .textotraca3 {
        width: 80%;
        height: 37vh;
    }

    .textotraca3 h1 {
        font-size: 11pt;
    }

    .textotraca3 p {
        font-size: 10pt;
    }

    .imagentraca3 {
        width: 80%;
        height: 60%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 4 */
    .traca4 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        gap: 19px;
        height: 120vh;
    }

    .textotraca4 .cajatexto {
        width: 85%;
        height: 100%;
    }

    .textotraca4 h1 {
        font-size: 11pt;
    }

    .textotraca4 p {
        width: 90%;
        font-size: 9pt;
    }

    .FILA4 img {
        width: 90%;
        height: 100%;
    }

    .columna-imagenes img {
        display: flex;
        flex-direction: column;
        gap: 30px;
        width: 90%;
        height: 100%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 5 */
    .traca5 {
        width: 100%;
        height: 110vh;
    }

    .traca5 .textotraca5 {
        width: 75%;
        height: 31vh;
    }

    .textotraca5 h1 {
        font-size: 11pt;
    }

    .textotraca5 p {
        font-size: 10pt;
    }

    .traca5 img {
        width: 100%;
        height: 100%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 6 */
    .traca6 {
        width: 100%;
        height: 125vh;
    }

    .imagentraca6 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
        width: 100%;
        height: 100%;
    }

    .imagentraca6 img {
        width: 85%;
        height: 85%;
    }

    .imagentraca6 .cuadros {
        width: 5%;
        height: 65%;
        display: flex;
        flex-direction: column;
        justify-content: start;
        gap: 18px;
    }

    .imagentraca6 .cuadros img {
        width: 29px;
        height: auto;
    }

    .textotraca6 {
        width: 95%;
        height: 100%;
    }

    .textotraca6 h1 {
        font-size: 11pt;
        font-family: 'LOGOTYPE';
    }

    .textotraca6 .subtitulo {
        color: #F19104;
        font-size: 9pt;
        font-family: 'centgot';
    }

    .textotraca6 .subtitulo span {
        font-size: 9pt;
        color: #000000;
    }

    .textotraca6 p {
        width: 90%;
        font-size: 10pt;
        font-family: 'centgot';
    }

    .fila-inferior {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 75%;
        height: 35%;
    }


    /* ========================================================= */
    /* TRABAJO DE CAMPO 7 */
    .traca7 {
        display: grid;
        gap: 15px;
        width: 100%;
        height: 120vh;
    }

    .texto-imagen-columna h1 {
        width: 100%;
        font-size: 11pt;
    }

    .texto-imagen-columna p {
        width: 100%;
        font-size: 10pt;
    }

    .imagen-texto-columna img {
        width: 100%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 8 */
    .traca8 {
        width: 100%;
        height: 105vh;
    }

    .imagentraca8 {
        width: 100%;
        height: 100%;
    }

    .imagentraca8 img {
        width: 75%;
    }

    .textotraca8 {
        width: 80%;
        height: 100%;
    }

    .textotraca8 h1 {
        width: 100%;
        font-size: 11pt;
    }

    .textotraca8 p {
        font-size: 9pt;
    }

    .textotraca8 img {
        width: 100%;
        height: 50%;

    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 9 */
    .proyec9 {
        width: 100%;
        height: 70vh;
    }

    .proyec9 img {
        width: 60%;
        height: 100%;
    }

    .proyec9 .content {
        width: 40%;
        height: 100%;
    }

    .proyec9 h1 {
        width: 100%;
        font-size: 11pt;
    }

    .proyec9 .subtitulo {
        font-size: 9pt;
    }

    .proyec9 p {
        width: 95%;
        font-size: 9pt;
    }

    .proyec9 .subtitulo {
        width: 100%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 10 */
    .traca10 {
        width: 100%;
        height: 80vh;
    }

    .textotraca10 {
        width: 54%;
        height: 75vh;
    }

    .textotraca10 .text10 {
        width: 60%;
        height: 80%;
    }

    .text10 h1 {
        font-size: 12pt;
    }

    .text10 .subtitulo {
        font-size: 9pt;
    }

    .text10 .subtitulo span {
        font-size: 9pt;
    }

    .text10 p {
        width: 100%;
        font-size: 9pt;
    }

    .imagentraca10 {
        width: 50%;
        height: 100%;
    }

    .imagentraca10 img {
        width: 100%;
    }

    /* ========================================================= */
    /* FOOTER 01 */
    .fin {
        display: flex;
        justify-content: center;
        width: 100%;
        height: 60vh;
        background: #000;
    }

    .fin h3 {
        display: flex;
        justify-content: center;
        width: 100%;
        font-size: 10pt;
    }

    .fin .color {
        font-size: 27pt;
    }

    .fin p {
        font-size: 12pt;
    }
}

/*============================================================================*/

/* @media (768px <=width <=1024px) */
@media (min-width: 768px) and (max-width: 1024px) {

    img,
    h1,
    h2,
    h3,
    span,
    p {
        view-timeline-name: --image;
        view-timeline-axis: block;
        animation-timeline: --image;
        animation-name: show;
        animation-range: entry 0% cover 30%;
        animation-fill-mode: both;
    }

    html,
    body {
        margin: 0;
        padding: 0;
        overflow-X: hidden;
        width: 100%;
    }

    /* MEMBRETE PAGINA */
    .inicio {
        width: 100%;
    }

    .inicio .img {
        width: 45%;
    }

    .membt {
        width: 100%;
    }

    /* ================================================== */
    /* SECCION INTRODUCCION */
    .nosotros {
        width: 100%;
        height: 50vh;
    }

    .nosotros h1 {
        width: 100%;
        font-size: 18pt;
    }

    .nosotros p {
        font-size: 10.5pt;
        width: 51%;
    }

    /* ================================================== */
    /* SECTION MISIO/VISION VALORES*/
    /* VISION */
    .vision {
        height: 90vh;
    }

    .empre1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 80%;
    }

    .vision .empre {
        width: 80%;
        height: 60%;
    }

    .empre h1 {
        font-size: 18pt;
    }

    .empre p {
        font-size: 10.5pt;
    }

    /* ================================================== */
    /* VALORES  CORPORATIVOS  */
    .valor {
        width: 45%;
        height: 80%;
    }

    .valor div {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .valor h1 {
        font-size: 18pt;
    }

    .valor p {
        font-size: 10.5pt;
    }

    .valor img {
        width: 60px;
    }

    /* ========================================================= */
    /* SERVICIOS */
    .logosclientes {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 150vh;
    }

    .servicios {
        width: 45%;
        height: 85%;
    }

    .services {
        display: flex;
        justify-content: start;
        align-items: start;
        flex-direction: column;
        gap: 3px;
        width: 90%;
        height: 110vh;
    }

    .servicios h1 {
        font-size: 17pt;
    }

    .servicios p {
        width: 90%;
        font-size: 10pt;
    }

    .servicios li {
        width: 90%;
        font-size: 9pt;
    }

    /* ========================================================= */
    /* SERVICIOS 2 */
    .ser2 {
        display: flex;
        justify-content: start;
        flex-direction: column;
        width: 40%;
        height: 110vh;
    }

    .ser2 h1 {
        width: 50%;
        font-size: 17pt;
    }

    .slider-container {
        width: 100%;
        height: 85vh;
    }

    .slide img {
        width: 65%;
        height: 100%;
    }

    /* ========================================================= */
    /* TITLEPRO */
    .titlepro {
        width: 100%;
        height: 10vh;
    }

    .titlepro h1 {
        display: flex;
        justify-content: start;
        align-items: center;
        width: 80%;
        font-size: 18pt;
    }

    /* ========================================================= */
    /* PROYECTOS */
    .proyectos {
        width: 100%;
        height: 40vh;
    }

    /* ==== BASES  =========== */
    .bases1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 65%;
        height: 85px;
    }

    .bases1 span {
        width: 65px;
        height: 65px;
    }

    .bases1 img {
        width: 85%;
    }

    /* ================================================== */
    /* BASES 2 */
    .bases2 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12%;
        width: 65%;
        height: 90px;
    }

    .bases2 .obrs {
        width: 9%;
    }

    .bases2 h2 {
        font-size: 8px;
    }

    .bases2 p {
        font-size: 6.5pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO TITULO*/
    .trabajodecampo {
        display: flex;
        justify-content: start;
        width: 100%;
        height: 20vh;
    }

    .trabajodecampo h1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70%;
        height: 60%;
        font-size: 18pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO TRABAJO DE CAMPO 0 */
    .proyec2 {
        width: 100%;
        height: 67vh;
    }

    .proyec2 img {
        width: 43%;
    }

    .proyec2 .content {
        display: flex;
        justify-content: start;
        flex-direction: column;
        gap: 5px;
        width: 50%;
        height: 60vh;
    }

    .proyec2 h1 {
        display: flex;
        justify-content: start;
        width: 100%;
        font-size: 10pt;
    }

    .proyec2 .subtitulo span {
        font-size: 9pt;
    }

    .proyec2 p {
        font-size: 9pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 1 */
    .traca1 {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        height: 110vh;
    }

    .textotraca1 {
        width: 60%;
    }

    .textotraca1 h1 {
        width: 50%;
        font-size: 11pt;
    }

    .textotraca1 .subtitulo {
        font-size: 9pt;
    }

    .textotraca1 .subtitulo span {
        font-size: 9pt;
    }

    .textotraca1 p {
        width: 50%;
        font-size: 9pt;
    }

    .imagentraca1 {
        display: flex;
        justify-content: center;
        width: 40%;
        height: 100%;
    }

    .imagentraca1 img {
        width: 100%;
        height: 50%;

    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 2 */
    .traca2 {
        height: 110vh;
    }

    .imagenytextotraca2A .aliniz,
    .imagenytextotraca2 .aliniz {
        width: 80%;
        background: none;
    }

    .imagenytextotraca2A .subtitulo,
    .imagenytextotraca2 .subtitulo {
        color: #F19104;
        font-size: 10pt;
        font-family: 'centgot';
    }

    .imagenytextotraca2A .subtitulo span,
    .imagenytextotraca2 .subtitulo span {
        font-size: 9pt;
        color: #000000;
    }

    .imagenytextotraca2A p,
    .imagenytextotraca2 p {
        width: 100%;
        color: #000;
        font-size: 9pt;
        font-family: 'centgot';
        background: none;
    }

    .imagenytextotraca2A .texto,
    .imagenytextotraca2 .texto {
        max-width: 400px;
        background: none;
    }

    .traca2 h1 {
        font-size: 10pt;
        font-family: 'LOGOTYPE';
    }

    .textotraca2 h1 {
        font-size: 12pt;
        font-family: 'LOGOTYPE';
    }

    .imagenytextotraca2,
    .imagenytextotraca2A {
        display: flex;
        flex-direction: column;
        align-items: end;
        justify-content: center;
        gap: 20px;
        width: 90%;
        height: 90%;
        background: none;
    }

    .imagenytextotraca2 .fila,
    .imagenytextotraca2A .fila1 {
        display: flex;
        justify-content: center;
        width: 80%;
        height: 60%;
    }

    .imagenytextotraca2 img,
    .imagenytextotraca2A img {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 3 */
    .traca3 {
        height: 100%;
        height: 120vh;
    }

    .textotraca3 {
        width: 80%;
        height: 37vh;
    }

    .textotraca3 h1 {
        font-size: 10.5pt;
    }

    .textotraca3 p {
        font-size: 9pt;
    }

    .imagentraca3 {
        width: 79%;
        height: 50%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 4 */
    .traca4 {
        width: 100%;
        height: 130vh;
    }

    .textotraca4 .cajatexto {
        width: 90%;
        height: 100%;
    }

    .textotraca4 h1 {
        font-size: 10.5pt;
    }

    .textotraca4 p {
        width: 90%;
        font-size: 9pt;
    }

    .FILA4 img {
        width: 90%;
        height: 100%;
    }

    .columna-imagenes img {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 90%;
        height: 50vh;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 5 */
    .traca5 {
        width: 100%;
        height: 110vh;
    }

    .traca5 .textotraca5 {
        width: 75%;
        height: 31vh;
    }

    .textotraca5 h1 {
        font-size: 10.5pt;
    }

    .textotraca5 p {
        font-size: 9pt;
    }

    .imagentraca5 {
        width: 80%;
        height: 55%;
    }

    .traca5 img {
        width: 100%;
        height: 90%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 6 */
    .traca6 {
        width: 100%;
        height: 125vh;
    }

    .imagentraca6 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
        width: 100%;
        height: 100%;
    }

    .imagentraca6 img {
        width: 75%;
        height: 100%;
    }

    .imagentraca6 .cuadros {
        width: 5%;
        height: 65%;
        display: flex;
        flex-direction: column;
        justify-content: start;
        gap: 18px;
    }

    .imagentraca6 .cuadros img {
        width: 29px;
        height: auto;
    }

    .textotraca6 {
        width: 95%;
        height: 100%;
    }

    .textotraca6 h1 {
        font-size: 11pt;
        font-family: 'LOGOTYPE';
    }

    .textotraca6 .subtitulo {
        color: #F19104;
        font-size: 9pt;
        font-family: 'centgot';
    }

    .textotraca6 .subtitulo span {
        font-size: 9pt;
        color: #000000;
    }

    .textotraca6 p {
        width: 90%;
        font-size: 9pt;
        font-family: 'centgot';
    }

    .fila-inferior {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 75%;
        height: 35%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 7 */
    .traca7 {
        display: grid;
        gap: 15px;
        width: 100%;
        height: 130vh;
    }

    .texto-imagen-columna h1 {
        width: 100%;
        font-size: 10.5pt;
    }

    .texto-imagen-columna p {
        width: 100%;
        font-size: 9pt;
    }

    .imagen-texto-columna img {
        width: 100%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 8 */
    .traca8 {
        width: 100%;
        height: 105vh;
    }

    .imagentraca8 {
        width: 100%;
        height: 100%;
    }

    .imagentraca8 img {
        width: 90%;
    }

    .textotraca8 {
        width: 80%;
        height: 100%;
    }

    .textotraca8 h1 {
        width: 100%;
        font-size: 10.5pt;
    }

    .textotraca8 p {
        font-size: 9pt;
    }

    .textotraca8 img {
        width: 100%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 9 */
    .proyec9 {
        width: 100%;
        height: 80vh;

    }

    .proyec9 img {
        width: 50%;
    }

    .proyec9 .content {
        width: 35%;
        height: 100%;
    }

    .proyec9 h1 {
        width: 100%;
        font-size: 10.5pt;
    }

    .proyec9 .subtitulo {
        font-size: 9pt;
    }

    .proyec9 p {
        width: 95%;
        font-size: 9pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 10 */
    .traca10 {
        width: 100%;
        height: 80vh;
    }

    .textotraca10 {
        width: 54%;
        height: 75vh;
    }

    .textotraca10 .text10 {
        width: 70%;
        height: 90%;
    }

    .text10 h1 {
        font-size: 11pt;
    }

    .text10 .subtitulo {
        font-size: 9pt;
    }

    .text10 .subtitulo span {
        font-size: 9pt;
    }

    .text10 p {
        width: 100%;
        font-size: 9pt;
    }

    .imagentraca10 {
        width: 50%;
        height: 100%;
    }

    .imagentraca10 img {
        width: 100%;
    }

    /* ========================================================= */
    /* FOOTER 01 */
    .fin {
        display: flex;
        justify-content: center;
        width: 100%;
        height: 60vh;
        background: #000;
    }

    .fin h3 {
        display: flex;
        justify-content: center;
        width: 100%;
        font-size: 10pt;
    }

    .fin .color {
        font-size: 25pt;
    }

    .fin p {
        font-size: 12pt;
    }

}

/*============================================================================*/

/* @media (480px <=width <=768px) */
@media (min-width: 480px) and (max-width: 768px) {

    img,
    h1,
    h2,
    h3,
    span,
    p {
        view-timeline-name: --image;
        view-timeline-axis: block;
        animation-timeline: --image;
        animation-name: show;
        animation-range: entry 0% cover 30%;
        animation-fill-mode: both;
    }

    html,
    body {
        margin: 0;
        padding: 0;
        overflow-X: hidden;
        width: 100%;
    }

    /* MEMBRETE PAGINA */
    .inicio {
        width: 100%;
    }

    .inicio .img {
        width: 60%;
    }

    .membt {
        width: 100%;
    }

    .membt h1 {
        font-size: 9pt;
    }

    /* ================================================== */
    /* SECCION INTRODUCCION */
    .nosotros {
        width: 100%;
    }

    .nosotros h1 {
        width: 100%;
        font-size: 16pt;
    }

    .nosotros p {
        font-size: 10pt;
        width: 70%;
    }

    /* ================================================== */
    /* SECTION MISIO/VISION VALORES*/
    .vision {
        height: 90vh;
    }

    .empre1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 100%;
    }

    .vision .empre {
        width: 85%;
        height: 60%;
    }

    .empre h1 {
        font-size: 15pt;
    }

    .empre p {
        font-size: 10pt;
    }

    /* ================================================== */
    /* VALORES  CORPORATIVOS  */
    .valor {
        width: 45%;
        height: 100%;
    }

    .valor div {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .valor h1 {
        font-size: 14pt;
    }

    .valor p {
        font-size: 10pt;
    }

    .valor img {
        width: 50px;
    }

    /* ========================================================= */
    /* SERVICIOS */
    .logosclientes {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 130vh;
    }

    .servicios {
        width: 50%;
        height: 100%;
    }

    .services {
        display: flex;
        justify-content: start;
        align-items: start;
        flex-direction: column;
        gap: 1px;
        width: 100%;
        height: 100%;
    }

    .services .sencillo {
        font-size: 8pt;
    }

    .servicios h1 {
        font-size: 14pt;
    }

    .servicios p {
        width: 90%;
        font-size: 9pt;
    }

    .servicios li {
        width: 90%;
        font-size: 9pt;
    }

    /* ========================================================= */
    /* SERVICIOS 2 */
    .ser2 {
        display: flex;
        justify-content: start;
        flex-direction: column;
        width: 40%;
        height: 100%;
    }

    .ser2 h1 {
        width: 50%;
        font-size: 14pt;
    }

    .slider-container {
        width: 100%;
        height: 70vh;
    }

    .slide img {
        width: 80%;
        height: 100%;
    }

    /* ========================================================= */
    /* TITLEPRO */
    .titlepro {
        width: 100%;
        height: 10vh;
    }

    .titlepro h1 {
        display: flex;
        justify-content: start;
        align-items: center;
        width: 80%;
        font-size: 12pt;
    }

    /* ========================================================= */
    /* PROYECTOS */
    .proyectos {
        width: 100%;
        height: 35vh;
    }

    /* ========================================================= */
    /* ==== BASES  =========== */
    .bases1 {
        width: 85%;
        height: 85px;
    }

    .bases1 span {
        width: 60px;
        height: 60px;
    }

    .bases1 img {
        width: 80%;
    }

    /* ========================================================= */
    /* BASES 2 */
    .bases2 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 50px;
        width: 80%;
        height: 90px;
    }

    .bases2 .obrs {
        width: 9%;
    }

    .bases2 h2 {
        font-size: 8px;
    }

    .bases2 p {
        font-size: 6pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO TITULO*/
    .trabajodecampo {
        display: flex;
        justify-content: start;
        width: 100%;
        height: 10vh;
    }

    .trabajodecampo h1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70%;
        height: 100%;
        font-size: 12pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO TRABAJO DE CAMPO 0 */
    .proyec2 {
        display: flex;
        justify-content: space-between;
        align-items: start;
        gap: 20px;
        width: 100%;
        height: 85vh;
    }

    .proyec2 img {
        width: 60%;
        height: 80%;
    }

    .proyec2 .content {
        display: flex;
        justify-content: start;
        flex-direction: column;
        gap: 4px;
        width: 45%;
        height: 55vh;
    }

    .proyec2 h1 {
        display: flex;
        justify-content: start;
        width: 100%;
        font-size: 10pt;
    }

    .proyec2 .subtitulo span {
        font-size: 8.5pt;
    }

    .proyec2 p {
        font-size: 8.5pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 1 */
    .traca1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .textotraca1 {
        width: 60%;
    }

    .textotraca1 h1 {
        width: 60%;
        font-size: 10pt;
    }

    .textotraca1 .subtitulo {
        font-size: 8.5pt;
    }

    .textotraca1 .subtitulo span {
        font-size: 8.5pt;
    }

    .textotraca1 p {
        width: 65%;
        font-size: 8.5pt;
    }

    .imagentraca1 {
        width: 60%;
        height: 100%;
    }

    .imagentraca1 img {
        width: 100%;
        height: 100%;

    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 2 */

    .traca2 {
        height: 100%;
    }

    .imagenytextotraca2A .aliniz,
    .imagenytextotraca2 .aliniz {
        width: 80%;
        background: none;
    }

    .imagenytextotraca2A .subtitulo,
    .imagenytextotraca2 .subtitulo {
        color: #F19104;
        font-size: 9.5pt;
        font-family: 'centgot';
    }

    .imagenytextotraca2A .subtitulo span,
    .imagenytextotraca2 .subtitulo span {
        font-size: 8.5pt;
        color: #000000;
    }

    .imagenytextotraca2A p,
    .imagenytextotraca2 p {
        width: 100%;
        color: #000;
        font-size: 9pt;
        font-family: 'centgot';
        background: none;
    }

    .imagenytextotraca2A .texto,
    .imagenytextotraca2 .texto {
        max-width: 400px;
        background: none;
    }

    .traca2 h1 {
        font-size: 10pt;
        font-family: 'LOGOTYPE';
    }

    .textotraca2 h1 {
        font-size: 10pt;
        font-family: 'LOGOTYPE';
    }

    .imagenytextotraca2,
    .imagenytextotraca2A {
        display: flex;
        flex-direction: column;
        align-items: end;
        justify-content: center;
        gap: 20px;
        width: 100%;
        height: 100%;
        background: none;
    }

    .imagenytextotraca2 .fila,
    .imagenytextotraca2A .fila1 {
        display: flex;
        justify-content: center;
        width: 80%;
        height: 100%;
    }

    .imagenytextotraca2 img,
    .imagenytextotraca2A img {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 3 */
    .traca3 {
        height: 100%;
        height: 100vh;
    }

    .textotraca3 {
        width: 90%;
        height: 35%;
    }

    .textotraca3 h1 {
        font-size: 10pt;
    }

    .textotraca3 p {
        font-size: 9pt;
    }

    .imagentraca3 {
        width: 90%;
        height: 45%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 4 */
    .traca4 {
        width: 100%;
        height: 100%;
    }

    .textotraca4 .cajatexto {
        width: 85%;
        height: 100%;
    }

    .textotraca4 h1 {
        font-size: 10pt;
    }

    .textotraca4 p {
        width: 90%;
        font-size: 9pt;
    }

    .FILA4 img {
        width: 100%;
        height: 100%;
    }

    .columna-imagenes img {
        display: flex;
        flex-direction: column;
        gap: 40px;
        width: 100%;
        height: 320px;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 5 */
    .traca5 {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        gap: 70px;
        width: 100%;
        height: 110vh;
    }

    .textotraca5 {
        width: 75%;
        height: 40vh;
    }

    .textotraca5 h1 {
        font-size: 10pt;
    }

    .textotraca5 p {
        font-size: 9pt;
    }

    .imagentraca5 {
        width: 80%;
        height: 45%;
    }

    .imagentraca5 img {
        width: 100%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 6 */
    .traca6 {
        width: 100%;
        height: 100%;
    }

    .fila-superior {
        width: 100%;
    }

    .imagentraca6 img {
        width: 70%;
        height: 100%;
    }

    .imagentraca6 .cuadros {
        width: 10%;
        height: 100%;
    }

    .fila-inferior .textotraca6 {
        width: 100%;
    }

    .textotraca6 h1 {
        font-size: 10pt;
    }

    .textotraca6 p {
        font-size: 9pt;
    }

    .imagentraca6 .cuadros img {
        width: 35%;
        height: auto;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 7 */
    .traca7 {
        width: 100%;
        height: 110vh;
    }

    .texto-imagen-columna {
        width: 90%;
    }

    .texto-imagen-columna h1 {
        width: 100%;
        font-size: 10pt;
    }

    .texto-imagen-columna p {
        width: 100%;
        font-size: 9pt;
    }

    .imagen-texto-columna img {
        width: 100%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 8 */
    .traca8 {
        width: 100%;
        height: 80vh;
    }

    .imagentraca8 {
        width: 100%;
        height: 95%;
    }

    .imagentraca8 img {
        width: 90%;
    }

    .textotraca8 {
        width: 80%;
        height: 85%;
    }

    .textotraca8 h1 {
        width: 100%;
        font-size: 10pt;
    }

    .textotraca8 p {
        font-size: 9pt;
    }

    .textotraca8 img {
        width: 100%;
        height: 85%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 9 */
    .proyec9 {
        width: 100%;
        height: 110vh;
    }

    .proyec9 .content {
        width: 40%;
        height: 100%;
    }

    .proyec9 img {
        width: 60%;
        height: 70%;
    }

    .proyec9 h1 {
        width: 100%;
        font-size: 10pt;
    }

    .proyec9 .subtitulo {
        font-size: 9pt;
    }

    .proyec9 p {
        width: 95%;
        font-size: 9pt;
    }

    .proyec9 .subtitulo {
        font-size: 9pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 10 */
    .traca10 {
        width: 100%;
        height: 100%;
    }

    .textotraca10 {
        width: 50%;
        height: 70vh;
    }

    .textotraca10 .text10 {
        width: 90%;
        height: 100%;
    }

    .text10 h1 {
        font-size: 10pt;
    }

    .text10 .subtitulo {
        font-size: 9pt;
    }

    .text10 .subtitulo span {
        font-size: 9pt;
    }

    .text10 p {
        width: 100%;
        font-size: 9pt;
    }

    .traca10 img {
        width: 100%;
    }

    /* ========================================================= */
    /* FOOTER 01 */
    .fin {
        display: flex;
        justify-content: center;
        width: 100%;
        height: 60vh;
        background: #000;
    }

    .fin h3 {
        display: flex;
        justify-content: center;
        width: 100%;
        font-size: 10pt;
    }

    .fin .color {
        font-size: 27pt;
    }

    .fin p {
        font-size: 12pt;
    }
}

/* ======================================================== */

/* @media (300px <=width <=480px) */
@media (min-width: 300px) and (max-width: 480px) {

    img,
    h1,
    h2,
    h3,
    span,
    p {
        view-timeline-name: --image;
        view-timeline-axis: block;
        animation-timeline: --image;
        animation-name: show;
        animation-range: entry 0% cover 30%;
        animation-fill-mode: both;
    }

    html,
    body {
        margin: 0;
        padding: 0;
        overflow-X: hidden;
        width: 100%;
    }

    /* ================================================== */
    /* MEMBRETE PAGINA */
    .inicio {
        width: 100%;
    }

    .inicio .img {
        width: 80%;
    }

    .membt {
        width: 100%;
    }

    .membt h1 {
        font-size: 10px;
    }

    /* ================================================== */
    /* SECCION INTRODUCCION */
    .nosotros {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 55vh;
    }

    .nosotros h1 {
        display: flex;
        justify-content: center;
        width: 100%;
        font-size: 15pt;
    }

    .nosotros p {
        font-size: 12px;
        width: 70%;
    }

    /* ================================================== */
    /* SECTION MISIO/VISION VALORES*/
    .vision {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 150vh;
    }

    .vision .empre {
        width: 85%;
        height: 60%;
    }

    .empre1 {
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 20px;
        width: 80%;
        height: 40%;
    }

    .vision .empre1 .empre h1 {
        font-size: 15pt;
    }

    .empre p {
        width: 100%;
        font-size: 11px;
    }

    /* ================================================== */
    /* VALORES  CORPORATIVOS  */
    .valor {
        display: flex;
        justify-content: space-around;
        width: 100%;
        height: 80vh;
    }

    .valor div {
        display: flex;
        align-items: start;
    }

    .valor h1 {
        font-size: 15pt;
    }

    .valor p {
        font-size: 11px;
    }

    .valor img {
        width: 35%;
    }

    /* ========================================================= */
    /* SERVICIOS */
    .logosclientes {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 160vh;
    }

    .servicios {
        width: 95%;
        height: 130vh;
    }

    .services {
        display: flex;
        justify-content: start;
        align-items: start;
        flex-direction: column;
        gap: 2px;
        width: 100%;
        height: 100vh;
    }

    .logosclientes .services h1 {
        font-size: 14pt;
    }

    .servicios .sencillo {
        font-size: 9pt;
    }

    .servicios p {
        font-size: 9pt;
    }

    .servicios li {
        font-size: 9pt;
    }

    /* ========================================================= */
    /* SERVICIOS 2 */
    .ser2 {
        display: flex;
        justify-content: start;
        flex-direction: column;
        width: 100%;
        height: 150vh;
    }

    .ser2 h1 {
        width: 100%;
        font-size: 12pt;
    }

    .slider-container {
        display: flex;
        justify-content: start;
        align-items: center;
        flex-direction: row;
        width: 100%;
        height: 50vh;
    }

    .slide img {
        width: 50%;
        height: 80%;
    }

    /* ========================================================= */
    /* TITLEPRO */
    .titlepro {
        width: 100%;
        height: 10vh;
    }

    .titlepro h1 {
        display: flex;
        justify-content: start;
        align-items: center;
        width: 80%;
        font-size: 12pt;
    }

    /* ========================================================= */
    /* PROYECTOS */
    .proyectos {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: row;
        width: 100%;
        height: 100vh;
    }

    /* ========================================================= */
    /* ==== BASES ============ */
    .bases1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        width: 50%;
        height: 90%;
        gap: 10px;
    }

    .bases1 img {
        width: 70%;
    }

    .bases1 span {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================================= */
    /* BASES 2 */
    .bases2 {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
        position: relative;
        top: 45px;
        width: 50%;
        height: 85%;
    }

    .bases2 .obrs {
        width: 70px;
        height: 50px;
    }

    .bases2 p {
        display: flex;
        font-size: 8pt;
    }

    .bases2 h2 {
        font-size: 8pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO TITULO*/
    .trabajodecampo {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 13vh;
    }

    .trabajodecampo h1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 85%;
        font-size: 12pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO TRABAJO DE CAMPO 0 */
    .proyec2 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        height: 125vh;
    }

    .proyec2 img {
        display: flex;
        align-self: center;
        width: 95%;
        height: 35%;
    }

    .proyec2 .content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 90%;
        height: 40%;
    }

    .proyec2 h1 {
        width: 100%;
        height: 100px;
        font-size: 11pt;

    }

    .proyec2 span {
        width: 50%;
        height: 40%;
        font-size: 9pt;
    }

    .proyec2 p {
        position: relative;
        right: 0;
        width: 100%;
        height: 60vh;
        font-size: 9pt;
    }

    /* TRABAJO DE CAMPO 1 */
    .traca1 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        height: 100%;
    }

    .textotraca1 {
        display: flex;
        justify-content: start;
        width: 90%;
    }

    .textotraca1 h1 {
        width: 100%;
        font-size: 12pt;
    }

    .textotraca1 .subtitulo span {
        font-size: 9pt;
    }

    .textotraca1 p {
        width: 100%;
        height: 100%;
        font-size: 9pt;
    }

    .imagentraca1 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 100%;
        height: 50%;
    }

    .imagentraca1 img {
        width: 60%;
        height: 100%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 2 */
    .traca2 {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
        height: 100%;
    }

    .imagenytextotraca2A .aliniz,
    .imagenytextotraca2 .aliniz {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .imagenytextotraca2A .fila1,
    .imagenytextotraca2 .fila {
        width: 100%;
        height: 100%;
    }

    .imagenytextotraca2A img,
    .imagenytextotraca2 img {
        width: 100%;
        height: 100%;
    }

    .traca2 h1 {
        width: 100%;
        height: 20%;
        font-size: 12pt;
    }

    .traca2 p {
        width: 100%;
        font-size: 9pt;
    }

    .traca2 .subtitulo {
        font-size: 9pt;
    }

    .traca2 .subtitulo span {
        font-size: 8.5pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 3 */
    .traca3 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 100vh;
    }

    .imagentraca3 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 95%;
        height: 160px;
    }

    .imagentraca3 img {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .textotraca3 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        width: 95%;
        height: 70%;
    }

    .textotraca3 h1 {
        display: flex;
        justify-content: center;
        width: 95%;
        font-size: 10pt;
    }

    .textotraca3 .subtitulo {
        font-size: 9pt;
    }

    .textotraca3 .subtitulo span {
        font-size: 9pt;
    }

    .textotraca3 p {
        font-size: 9pt;
        width: 95%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 4 */
    .traca4 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 160vh;
    }

    .textotraca4 .cajatexto {
        width: 95%;
        height: 100%;
    }

    .textotraca4 h1 {
        width: 90%;
        font-size: 11pt;
    }

    .textotraca4 .subtitulo {
        font-size: 9pt;
    }

    .textotraca4 p {
        width: 100%;
        font-size: 9pt;
    }

    .textotraca4 .FILA4 {
        width: 90%;
        height: 100%;
    }

    .FILA4 img {
        width: 100%;
        height: 90%;
    }

    .columna-imagenes {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .columna-imagenes img {
        width: 95%;
        height: 100%;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 5 */
    .traca5 {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
        gap: 30px;
        height: 130vh;
    }

    .textotraca5 {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }

    .imagentraca5 {
        width: 90%;
        height: 20%;
    }

    .imagentraca5 img {
        width: 100%;
    }

    .textotraca5 h1 {
        font-size: 12pt;
    }

    .textotraca5 .subtitulo {
        font-size: 9pt;
    }

    .textotraca5 p {
        width: 100%;
        font-size: 9pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 6 */
    .traca6 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }

    .fila-superior {
        display: flex;
        justify-content: start;
        align-items: center;
        width: 100%;
        height: 200px;
    }

    .fila-superior .imagentraca6 {
        display: flex;
        justify-content: center;
        gap: 1px;
        width: 100%;
        height: 100%;
    }

    .fila-superior .imagentraca6 img {
        width: 70%;
        height: 100%;
    }

    .fila-superior .imagentraca6 .cuadros {
        display: flex;
        flex-direction: column;
        gap: 15px;
        width: 40px;
        height: 50%;
    }

    .fila-superior .imagentraca6 .cuadros img {
        width: 100px;
        height: 20px;
    }

    .fila-inferior {
        display: flex;
        justify-content: center;
        align-items: start;
        width: 90%;
        height: 60%;
    }

    .fila-inferior .textotraca6 {
        width: 90%;
        height: 90%;
    }

    .textotraca6 h1 {
        font-size: 12pt;
    }

    .textotraca6 .subtitulo {
        font-size: 9pt;
    }

    .textotraca6 p {
        font-size: 9pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 7 */
    .traca7 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 200vh;
    }

    .traca7 .ttic1 {
        width: 95%;
    }

    .traca7 .tic1 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .traca7 .ttic2 {
        width: 95%;
    }

    .traca7 .tic2 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .imagen-texto-columna {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        width: 95%;
        height: 100%;
    }

    .imagen-texto-columna .fimg2 {
        display: flex;
        justify-content: center;
        align-items: end;
    }

    .texto-imagen-columna h1 {
        width: 90%;
        height: 15vh;
        font-size: 12pt;
    }

    .texto-imagen-columna .subtitulo {
        font-size: 9pt;
    }

    .texto-imagen-columna .subtitulo span {
        font-size: 9pt;
    }

    .texto-imagen-columna p {
        width: 93%;
        font-size: 9pt;
    }

    .imagen-texto-columna img {
        width: 100%;
        height: 100%;

    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 8 */
    .traca8 {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 160vh;
    }

    .imagentraca8 {
        width: 95%;
        height: 70vh;
    }

    .imagentraca8 img {
        width: 100%;
        height: 100%;
    }

    .textotraca8 {
        display: flex;
        justify-content: space-around;
        align-items: start;
        flex-direction: column;
        width: 90%;
        height: 80vh;
    }

    .textotraca8 h1 {
        display: flex;
        justify-content: center;
        width: 100%;
        font-size: 12pt;
    }

    .textotraca8 .subtitulo {
        width: 100%;
        font-size: 9pt;
    }

    .textotraca8 .subtitulo span {
        font-size: 9pt;
    }

    .textotraca8 p {
        width: 100%;
        font-size: 9pt;
    }

    .textotraca8 img {
        width: 100%;
        height: 200px;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 9 */
    .proyec9 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 120vh;
    }

    .proyec9 .content {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 90%;
        height: 70vh;
    }

    .proyec9 img {
        width: 100%;
        height: 40%;
    }

    .proyec9 h1 {
        display: flex;
        justify-content: start;
        width: 100%;
        font-size: 12pt;
    }

    .proyec9 .subtitulo {
        width: 100%;
        font-size: 9pt;
    }

    .proyec9 .subtitulo span {
        font-size: 9pt;
    }

    .proyec9 p {
        width: 100%;
        font-size: 9pt;
    }

    /* ========================================================= */
    /* TRABAJO DE CAMPO 10 */
    .traca10 {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .textotraca10 {
        display: flex;
        justify-content: center;
        align-items: start;
        width: 90%;
        height: 100%;
    }

    .textotraca10 .text10 {
        width: 100%;
        height: 70vh;
    }

    .textotraca10 h1 {
        width: 100%;
        font-size: 12pt;
    }

    .textotraca10 .subtitulo {
        width: 100%;
        height: 10%;
        font-size: 9pt;
    }

    .textotraca10 .subtitulo span {
        font-size: 9pt;
    }

    .textotraca10 p {
        width: 100%;
        height: 50vh;
        font-size: 9pt;
    }

    .imagentraca10 {
        width: 100%;
        height: 200px;
    }

    .imagentraca10 img {
        width: 100%;
        height: 100%;
    }

    /* FOOTER 01 */
    .fin {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50vh;
        background: #000000;
    }

    .fin h3 {
        text-align: center;
        width: 60%;
        font-size: 9pt;
    }

    .fin .color {
        font-size: 13pt;
    }

    .fin p {
        font-size: 10pt;
        color: #fff;
    }
}