/* CSS de IM_JVallejo */
@import url('css2.css');

a {
    text-decoration: none;
}


.w-100 {
    width: 100% !important;
}

/* CSS de IM_JVallejo */
.cont_img .no-gutters {
    height: 100vh;
    margin-top: 0px !important;
}

.img_diag1 {
    order: 1;
    width: 117.5%;
    height: 100%;
    position: absolute;
    clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
}

.img_diag2 {
    margin-left: -18%;
    order: 2;
    width: 135%;
    height: 100%;
    position: absolute;
    clip-path: polygon(26% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.img_diag3 {
    margin-left: -18.5%;
    order: 3;
    width: 135% !important;
    height: 100%;
    position: absolute;
    clip-path: polygon(25% 0%, 100% 0%, 80% 100%, 0% 100%);
}

.img_diag4 {
    margin-left: -13%;
    position: absolute;
    order: 4;
    width: 115% !important;
    height: 100%;
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.cover_img {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    background-position: center;
    overflow: hidden;
    transition: width 2s, height 2s, transform 2s;
}

.txt_cover a {
    font-family: "Montserrat", sans-serif;
}

.txt_cover a span {
    font-family: 'Poppins', sans-serif;
}

@media (max-width: 767px) {
    .cover_img {
        background-position: 0% 70%;
    }
}

.cover_img:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.cover_img:hover {
    transform: scale(1.05);
    transition: transform 666ms cubic-bezier(0.23, 1, 0.32, 1);
}

.txt_cover {
    width: 100%;
    height: 100%;
    font-family: 'Timess', sans-serif;
    position: relative;
}

.txt_cover a {
    padding-top: 45vh;
    position: absolute;
    font-size: 2.5vw !important;
    width: 100% !important;
    height: 100% !important;
    color: #fff !important;
    opacity: 0.65;
    text-align: center !important;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.txt_cover .img_diag2 a {
    margin-right: 200px;
}

.txt_cover a hr {
    visibility: hidden;
    color: #fff !important;
    width: 90px;
    border-top: 1px solid rgba(255, 255, 255, 1);
    margin-top: 20px;
    margin-bottom: 2px !important;
}

.txt_cover a span {
    transition: all 0.3s ease;
    font-size: 11px;
    visibility: hidden;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
}

.txt_cover a:hover {
    cursor: pointer !important;
    opacity: 1 !important;
}

.txt_cover a:hover span {
    visibility: visible;
}

.txt_cover a:hover hr {
    visibility: visible;
}


.txt_feed a {
    color: #fff !important;
}

.txt_feed a:hover {
    color: #fff !important;
    opacity: 0.65;
}

@media (max-width: 992px) {
    .txt_cover span {
        display: none;
    }
}

@media (max-width: 992px) and (min-width: 681px) {

    .cont_img {
        width: 100%;
        height: 94vh;
        display: flex;
        flex-direction: column;
    }

    .cont_img .row {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        flex: 1 1 auto;
    }

    .img_diag1,
    .img_diag2,
    .img_diag3,
    .img_diag4 {
        margin-left: 0% !important;
        clip-path: none !important;
        width: 100% !important;
        height: 100%;
        object-fit: cover;
    }

    .cont_img .col-md-3 {
        flex: 1 1 100%;
        max-width: 100vh;
    }

    .txt_cover a {
        position: relative !important;
        padding-top: 100px !important;
        margin: auto !important;
        float: left !important;
        font-size: 5.5vw !important;
    }
}

@media (max-width: 640px) {
    .cont_img {
        width: 100%;
        height: 94vh;
        display: flex;
        flex-direction: column;
    }

    .cont_img .row {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        flex: 1 1 auto;
    }

    .img_diag1, .img_diag2, .img_diag3, .img_diag4 {
        margin-left: 0% !important;
        clip-path: none !important;
        width: 100% !important;
        height: 100%; 
        object-fit: cover; 
    }

    .cont_img .col-md-3 {
        flex: 1 1 100%;
        max-width: 100vh;
    }

    .txt_cover a {
        position: relative !important;
        padding-top: 130px !important;
        margin: auto !important;
        float: left !important;
        font-size: 6.5vw !important;
    }
}

/* CSS de IM_JVallejo */

@media screen and (max-width: 420px) {
    .cont_img {
        width: 100%;
        height: 85vh;
        display: flex;
        flex-direction: column;
    }

    .cont_img .row {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        flex: 1 1 auto;
    }

    .img_diag1, .img_diag2, .img_diag3, .img_diag4 {
        margin-left: 0% !important;
        clip-path: none !important;
        width: 100% !important;
        height: 100%; 
        object-fit: cover; 
    }

    .cont_img .col-md-3 {
        flex: 1 1 100%;
        max-width: 100vh;
    }

    .txt_cover a {
        position: relative !important;
        padding-top: 65px !important;
        margin: auto !important;
        float: left !important;
        font-size: 6.5vw !important;
    }
    
}
/*
     FILE ARCHIVED ON 03:39:20 Oct 21, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:42:11 Feb 23, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.741
  exclusion.robots: 0.02
  exclusion.robots.policy: 0.008
  esindex: 0.011
  cdx.remote: 49.97
  LoadShardBlock: 530.835 (3)
  PetaboxLoader3.datanode: 527.88 (4)
  load_resource: 159.826
  PetaboxLoader3.resolve: 109.243
*/