.porpais_wrapper, .porpais_wrapper * { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
    -webkit-font-smoothing: antialiased; 
    -webkit-tap-highlight-color: transparent; 
    user-select: none; 
    -webkit-user-select: none; 
}

.porpais_wrapper { 
    width: 100%; 
    background-color: #ffffff; 
    padding: 50px 0 150px 0; 
    overflow: hidden; 
    position: relative; 
    scroll-margin-top: 80px; 
}

.porpais_container { 
    width: 1200px; 
    margin: 0 auto; 
    position: relative; 
}

.porpais_titulo { 
    font-family: 'euclid_circular_abold'; 
    font-size: 42px; 
    line-height: 34px; 
    text-align: center; 
    letter-spacing: -1px; 
    color: rgba(50, 50, 50, 1); 
    margin-bottom: 0px; 
}

.porpais_subtitulo { 
    font-family: 'brandon_textlight'; 
    font-size: 34px; 
    line-height: 42px; 
    text-align: center; 
    letter-spacing: -1px; 
    color: rgba(50, 50, 50, 1); 
    margin-bottom: 40px; 
}

.porpais_viewport { 
    width: 100%; 
    overflow: hidden; 
    border-radius: 25px; 
    position: relative; 
}

.porpais_track { 
    display: flex; 
    gap: 2px; 
    will-change: transform; 
    cursor: grab; 
    touch-action: pan-y; 
}

.porpais_track:active { 
    cursor: grabbing; 
}

.porpais_page { 
    display: contents; 
}

.porpais_card { 
    width: calc((1200px - 8px) / 5); 
    height: 360px; 
    flex-shrink: 0; 
    position: relative; 
    overflow: hidden; 
    border-radius: 10px; 
    background: #000; 
}

.porpais_card_link { 
    text-decoration: none; 
    display: block; 
    width: 100%; 
    height: 100%; 
    -webkit-user-drag: none; 
}

.porpais_card img { 
    width: 100% !important; 
    height: 100% !important; 
    object-fit: cover; 
    pointer-events: none; 
    filter: brightness(1); 
    transition: filter 0.6s ease;
    display: block;
}

.porpais_video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    pointer-events: none;
    z-index: 2;
}

.porpais_card_overlay { 
    position: absolute; 
    inset: 0; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    z-index: 4; 
    opacity: 1; 
    transition: opacity 0.4s ease-in-out; 
}

.porpais_card_titulo { 
    font-family: 'euclid_circular_amedium', sans-serif; 
    font-size: 28px; 
    letter-spacing: -0.15px; 
    color: #fff; 
    text-transform: normal; 
    text-shadow: 0 4px 8px rgba(0,0,0,5); 
}










@media (min-width: 1200px) {
    .porpais_card:hover .porpais_video { 
        opacity: 1; 
    }
    .porpais_card:hover img {
        filter: brightness(1);
    }
    .porpais_card:hover .porpais_card_overlay { 
        opacity: 0; 
    }
}

.porpais_arrow { 
    position: absolute; 
    top: 180px; 
    transform: translateY(-50%); 
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    background: #fff; 
    border: none; 
    z-index: 10; 
    cursor: pointer; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
}

.porpais_arrow svg { 
    width: 24px; 
    stroke: #000; 
    stroke-width: 2.5; 
    fill: none; 
}

.porpais_left { left: -25px; }
.porpais_right { right: -25px; }
.porpais_hidden { display: none !important; }

.porpais_indicators { 
    display: flex; 
    justify-content: center; 
    gap: 10px; 
    margin-top: 35px; 
}

.porpais_dot { 
    width: 8px; 
    height: 8px; 
    border-radius: 50%; 
    background: rgba(50,50,50,0.15); 
    cursor: pointer; 
    transition: 0.3s; 
}

.porpais_dot.porpais_active { 
    width: 50px; 
    border-radius: 10px; 
    background: #323232; 
}










@media (max-width: 1200px) {
    .porpais_wrapper { 
        padding-top: 0px !important;
        padding-bottom: 50px !important;
    }
    
    .porpais_container { 
        width: 100%; 
        padding: 0 20px 0 20px;
    }

    .porpais_viewport { 
        overflow: visible; 
    }

    .porpais_arrow {
        display: none !important;
    }

    .porpais_titulo { 
        font-size: 28px;
        line-height: 30px;
    }

    .porpais_subtitulo { 
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 30px; 
    }

    .porpais_track { 
        gap: 0 !important; 
    }

    .porpais_page { 
        display: grid !important; 
        min-width: 100%; 
        grid-template-areas: "p1 p1" "p2 p3"; 
        grid-template-columns: 1fr 1fr; 
        gap: 10px; 
        margin-right: 20px; 
    }

    .porpais_page .porpais_card { 
        width: 100% !important; 
        height: 240px; 
        border-radius: 25px; 
    }

    .porpais_page .porpais_card:nth-child(1) { 
        grid-area: p1; 
    }

    .porpais_page .porpais_card:nth-child(1) .porpais_card_titulo { 
        font-size: 38px; 
    }

    .porpais_page .porpais_card:nth-child(2) .porpais_card_titulo,
    .porpais_page .porpais_card:nth-child(3) .porpais_card_titulo { 
        font-size: 24px; 
    }

    .porpais_card_overlay {
        align-items: flex-end;
        justify-content: flex-start;
        padding-left: 20px;
        padding-bottom: 35px;
    }

    .porpais_card_titulo {
        text-align: left; 
    }
}