@charset "utf-8";

/* *****************************************************************
Theme Name: Theme sin nombre
Theme URI: http://www.xxx.xx/
Description: Theme para el sitio web de...
Author: 4sale
Author URI: http://www.4sale.cl
Version: xx/xx/xxxx
****************************************************************** */
a { transition: all 0.3s ease; text-decoration: none; cursor: default; }
a:hover, a:focus { transition: all 0.3s ease; text-decoration: none; }
body { display: flex; min-height: 100vh; flex-direction: column; padding-top: 85px; background-color: #000; /*para que no quede un fonde blanco al aldegasar la lieneas */ }
section#contenido { flex: 1; }
header { position: fixed; width: 100%; top: 0px; z-index: 3; }
.pointer { position: relative; top: -79px; }
.pointer.margin-top { top: -150px; }
.bg-transparente.menos-black { opacity: 0.3; }
nav.navbar { background-color: #000 !important; border-bottom: 3px solid #cb6c1c; padding: 16px 5px; }
nav.navbar a.navbar-brand img { width: 170px; }
ul.navbar-nav { margin-right: 0px !important; margin-left: auto; }
ul.navbar-nav li.nav-item a { font-family: latolight; text-transform: uppercase; color: #fff !important; font-size: 15px; padding: 5px 15px !important; margin-right: 30px; }
ul.navbar-nav li.nav-item:last-child a { margin-right: 0px; }
ul.navbar-nav li.nav-item a:hover { color: #cb6c1c !important; }
.socials ul { padding: 0px; list-style: none; margin-bottom: 0px; margin-left: 25px; }
.socials ul li { display: inline-block; font-size: 24px; margin: 0px 4px; }
.socials ul li a { color: #cb6c1c; }
.socials ul li a:hover { color: #fff; }
.navbar-dark .navbar-toggler.collapsed { color: #fff; }
.navbar-dark .navbar-toggler { color: #cb6c1c; }
.wrapper-carrusel { position: relative; border-bottom: 3px solid #cb6c1c; }
.wrapper-carrusel .slogan { position: absolute; width: 100%; height: 100%; display: table; }
.wrapper-carrusel .slogan .vertical-align { display: table-cell; vertical-align: middle; text-align: center; }
.wrapper-carrusel .slogan .vertical-align img { max-width: 70%; position: relative; z-index: 2; }
.wrapper-carrusel .carrusel-home .owl-dots { position: absolute; bottom: 15px; width: 100%; z-index: 4; text-align: center; }
.wrapper-carrusel .carrusel-home .owl-dots button { width: 10px; height: 10px; background-color: #ffffff24; margin: 0px 3px; border-radius: 15px; outline: none; transition: .3s ease; }
.wrapper-carrusel .carrusel-home .owl-dots button.active { background-color: #cb6c1c; }
footer { background-color: #000; text-align: center; padding: 15px 0px; border-top: 3px solid #cb6c1c; }
footer h6 { display: inline-block; margin: 0px; font-family: latolight; color: #989898; font-size: 14px; }
footer .socials { display: inline-block; }
footer .socials ul { margin-left: 5px; position: relative; top: 2px; }
footer .socials ul li { font-size: 19px; }
.video-carrusel .item { position: relative; margin-bottom: -5px; }
.video-carrusel .item .play-bg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-repeat: no-repeat; background-position: center;    /* background-color: #000000b0; */ cursor: pointer; transition: .3s ease; opacity: 1; }
.video-carrusel .item:hover .play-bg { transform: scale(1); opacity: 1; }
.wrapper-carrusel-video .video-carrusel .owl-nav button { position: absolute; top: 50%; z-index: 3; transform: translateY(-50%); outline: none; height: calc(100% - 170px); }
.wrapper-carrusel-video .video-carrusel .owl-nav button.owl-prev { left: 15px; }
.wrapper-carrusel-video .video-carrusel .owl-nav button.owl-next { right: 15px; }
.wrapper-carrusel-video .video-carrusel .owl-nav button.disabled { opacity: 0; }
.video-carrusel .item .header-vid { position: absolute; z-index: 3; top: 0px; width: 100%; padding: 15px; }
.video-carrusel .item .header-vid h2 { color: #fff; font-family: latoBold; font-size: 41px; line-height: 40px; }
.video-carrusel .item .header-vid .wrapper-sub { display: table; width: 100%; }
.video-carrusel .item .header-vid .wrapper-sub .cell { color: #Fff; display: table-cell; vertical-align: middle; }
.video-carrusel .item .header-vid .wrapper-sub .cell.bajada { width: auto; white-space: nowrap; }
.video-carrusel .item .header-vid .wrapper-sub .cell.line { width: 100%; padding: 0px 15px; }
.video-carrusel .item .header-vid .wrapper-sub .cell.bajada p { margin: 0px; font-family: latolight; font-size: 21px; letter-spacing: 2px; }
.video-carrusel .item .header-vid .wrapper-sub .cell.line span { display: block; width: 100%; height: 1px; background-color: #fff; }
.video-carrusel .item .header-vid .wrapper-sub .cell.year { font-family: latolight; font-size: 21px; vertical-align: middle; letter-spacing: 2px; }
.video-carrusel .item .header-vid .wrapper-sub .cell.year p { margin: 0px; }
.video-carrusel .item video { width: 100%; height: auto; }
.wrapper-carrusel-video { border-bottom: 3px solid #cb6c1c; }
.clientes { background-color: #d0d0d0; padding: 70px 0px; }
.premios { color: white; background-color: #292422; padding: 70px 0px; }
.titulo-container { position: relative; display: table; width: 100%; margin-bottom: 40px; }
.titulo-container .cell { color: #000; display: table-cell; vertical-align: middle; }
.titulo-container .txt-1 { width: auto; white-space: nowrap; }
.titulo-container .txt-2 { vertical-align: middle; }
.titulo-container .separador  span { display: block; width: 100%; height: 1px; background-color: #cb6c1c; }
.logos .item img { max-width: 100%; height: auto; }
.premios .container .titulo-container .cell { color: white; font-family: plussansextrabold-italicRg; text-transform: uppercase; letter-spacing: 3px; }
.titulo-container .separador { width: 100%; padding: 0px 15px; }
.titulo-container p { margin: 0px; font-family: plussansextrabold-italicRg; text-transform: uppercase; font-size: 22px; letter-spacing: 4px; }
.logos .item { padding: 30px; }
.logos .item:hover img { transform: scale(1.2); }
.logos .item img { transition: .3s ease; }
.premios .titulo-container { margin-bottom: 75px; }
.premios .cont .wrapper { display: table; height: 100%; width: 100%; }
.premios .cont .wrapper .imagen { display: table-cell; vertical-align: bottom; text-align: center; padding-right: 35px; }
.premios .cont .wrapper .datos { display: table-cell; vertical-align: top; }
.premios .cont .wrapper .imagen img { max-width: 100%; height: auto; }
.premios .cont .wrapper .datos .wrapper-logo .logo img { max-width: 100%; height: auto; }
.premios .cont .wrapper .datos .logo { text-align: center; margin-bottom: 15px; border-bottom: 2px solid #000; padding-bottom: 30px; }
.cont .datos .logros p { margin: 0px; font-family: Latobold; font-size: 16px; color: #989898; }
.cont .datos .logros .item { margin-bottom: 15px; }
.cont .datos .logros .item ul { list-style: none; padding: 0px; font-family: latolight; color: #989898; font-size: 15px; margin-bottom: 0px; }
.prefooter { background-color: #181819; padding: 70px 0px; }
.prefooter .cell { color: #fff; }
.prefooter .contenido-text { color: #fff; font-family: latolight; font-size: 20px; }
.prefooter .contenido-text p { margin-bottom: 0px; }
.prefooter .contenido-text p a { color: #cb6c1c; font-family: latobold; }
.prefooter .contenido-text p a:first-child { text-decoration: underline; }
.prefooter { padding-bottom: 115px; }
.btn-play { position: absolute; width: 100%; height: 100%; }
.btn-play img { max-width: 115px; width: auto !important; display: inline-block !important; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%;    /* z-index: 2; */ opacity: 0; transition: .3s ease; }
.video-carrusel .item:hover .btn-play img { opacity: 1; }
.bg-transparente { position: absolute; top: 0px; bottom: 0; left: 0; right: 0; background-color: #000; opacity: 0.5; }
@media (max-width:991px) {
    nav .socials { position: absolute; top: 5px; right: 0; }
    nav.navbar .container { position: relative; }
    nav.navbar button { position: absolute; top: 5px; right: 65px; outline: none; }
    .navbar-dark .navbar-toggler { border: 0px; padding: 6px; transition: .3s ease; z-index: 3; }
    .navbar-dark .navbar-toggler i.fas.fa-bars { font-size: 28px; }
    ul.navbar-nav li.nav-item { text-align: center; border-bottom: 1px solid #ffffff12; }
    ul.navbar-nav li.nav-item a { margin: 0px; padding: 8px 0px !important; }
    ul.navbar-nav li.nav-item:last-child { border-bottom: 0px; }
    .video-carrusel .item .header-vid h2 { font-size: 30px; line-height: 32px; }
    .video-carrusel .item .header-vid .wrapper-sub .cell.bajada p { font-size: 18px; }
    .video-carrusel .item .header-vid .wrapper-sub .cell.year { font-size: 18px; }
    .video-carrusel .item .play-bg { background-size: 100px; }
    .btn-play img { opacity: 1 !important; }
    .logos .item { padding: 10px; }
    .premios .cont .wrapper { padding-top: 50px; }
}
@media (max-width:767px) {
    nav.navbar a.navbar-brand img { width: 150px; }
    nav.navbar { padding: 15px; }
    .video-carrusel .item .header-vid h2 { font-size: 18px; line-height: 20px; margin-bottom: 0px; }
    .video-carrusel .item .header-vid .wrapper-sub .cell.bajada p { font-size: 12px; }
    .video-carrusel .item .header-vid .wrapper-sub .cell.year { font-size: 12px; }
    .video-carrusel .item .header-vid .wrapper-sub .cell.line { padding: 0px 7px; }
    .video-carrusel .item .play-bg { background-size: 34px; }
    .wrapper-carrusel-video .video-carrusel .owl-nav button img { width: 100%; height: auto; }
    .wrapper-carrusel-video .video-carrusel .owl-nav button { width: 15px; }
    .btn-play img { width: 29px !important; }
    .titulo-container p { font-size: 12px; }
    .clientes { padding: 30px; }
    .logos .item { padding: 4px; }
    .premios { padding: 30px 0px; }
    .premios .cont .wrapper { padding-top: 0px; }
    .premios .titulo-container { margin-bottom: 30px; }
    .prefooter { padding: 30px 0px; }
    .prefooter .contenido-text { font-size: 14px; }
    .premios .cont .wrapper .datos .logo { padding: 15px; }
}
.logos.logos-2025 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; width: 100%; }
.logos.logos-2025 .item { display: flex; justify-content: center; align-items: center; padding: 15px; }
.logos.logos-2025 .item img { max-width: 100%; height: auto; }
@media (max-width:1200px) {
    .logos.logos-2025 { grid-template-columns: repeat(5, 1fr); }
}
@media (max-width:992px) {
    .logos.logos-2025 { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width:768px) {
    .clientes.clientes-2025 { padding: 0; padding-top: 40px; }
    .logos.logos-2025 { grid-template-columns: repeat(3, 1fr); gap: 0; }
    .logos.logos-2025 .item { padding: 10px; }
}
@media (max-width:480px) {
    .logos.logos-2025 { grid-template-columns: repeat(3, 1fr); }
}
.piso-nustros-trabajos { background-color: #181819; min-height: 180px; display: flex; align-items: center; }
.piso-nustros-trabajos .container { display: flex; }
.piso-nustros-trabajos .text { }
.piso-nustros-trabajos .text h2 { margin: 0; color: #fff; font-family: plussansextrabold-italicRg; text-transform: uppercase; font-size: 22px; letter-spacing: 4px; }
.piso-nustros-trabajos .line { display: flex; flex: 1; padding-left: 15px; align-items: center; }
.piso-nustros-trabajos .line span { display: flex; flex: 1; height: 1px; background-color: #cb6c1c; }
.wrapper-carrusel-video.no-borders { border: 0; }
@media (max-width:768px) {
    .wrapper-carrusel-video.no-borders { border: 0; }
    .piso-nustros-trabajos { min-height: 90px; }
    .piso-nustros-trabajos .text h2 { font-size: 14px; }
}
footer.nuevo-2025 { background-color: #181819; border: 0; padding: 0; padding-top: 0; text-align: left; }
footer.nuevo-2025 .top { display: flex; align-items: center; padding: 22px 0px; }
footer.nuevo-2025 .top .text { font-family: latobold, sans-serif; font-size: 18px; color: #fff; font.w: b; font.w: b; font-weight: bold; font-style: normal; }
footer.nuevo-2025 .top .separate { flex: 1; align-items: center; display: flex; padding: 0px 10px; }
footer.nuevo-2025 .top .separate span { display: flex; height: 1px; background-color: #D1701E; width: 100%; }
footer.nuevo-2025 .logo-texto-btn { display: flex; padding: 15px 0px; padding-bottom: 40px; }
footer.nuevo-2025 .logo-texto-btn .logo { width: 38%; display: flex; align-items: center; }
footer.nuevo-2025 .logo-texto-btn .logo figure { margin: 0; width: 100%; height: auto; margin-bottom: 30px; }
footer.nuevo-2025 .logo-texto-btn .logo figure img { max-width: 100%; height: auto; }
footer.nuevo-2025 .logo-texto-btn .text { flex: 1; }
footer.nuevo-2025 .logo-texto-btn .text ul { list-style: none; color: #fff; font-family: 'latolight', sans-serif; font-weight: 300; font-size: 16px; text-align: left; border-left: 1px solid #707070; margin: 0; margin-left: 60px; padding-left: 15px; padding-right: 35px; }
footer.nuevo-2025 .logo-texto-btn .text ul li { }
footer.nuevo-2025 .logo-texto-btn .btn { }
footer.nuevo-2025 .logo-texto-btn .btn a { }
footer.nuevo-2025 .boton { display: flex; align-items: center; }
footer.nuevo-2025 .boton a { color: #fff; font-family: 'latobold', sans-serif; font-size: 18px; border: 2px solid #fff; padding: 16px 40px; border-radius: 300px; display: block; cursor: pointer; }
footer.nuevo-2025 .bottom { position: relative; padding: 25px 0px; }
footer.nuevo-2025 .bottom .rrss { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
footer.nuevo-2025 .bottom .rrss ul { padding: 0; margin: 0; display: flex; align-items: center; }
footer.nuevo-2025 .bottom .rrss ul li { list-style: none; display: flex; align-items: center; justify-content: center; margin: 1px 8px; }
footer.nuevo-2025 .bottom .rrss ul li a { color: #fff; font-size: 22px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
footer.nuevo-2025 .bottom .rrss ul li a i { }
footer.nuevo-2025 .bottom .content { text-align: center; display: flex; align-items: center; justify-content: center; }
footer.nuevo-2025 .bottom .content h6 { margin: 0; font-family: 'latolight', sans-serif; font-size: 13px; color: #FFFFFF; }
footer.nuevo-2025 .boton a:hover { background-color: #d1701e; border-color: #d1701e; }
footer.nuevo-2025 .bottom .rrss ul li:last-child { margin-right: 0; }
@media (max-width:991px) {
    footer.nuevo-2025 .logo-texto-btn { flex-direction: row; flex-wrap: wrap; padding-top: 15px; }
    footer.nuevo-2025 .logo-texto-btn .logo { width: 100%; justify-content: center; }
    footer.nuevo-2025 .logo-texto-btn .logo figure { max-width: 370px; margin-bottom: 45px; }
    footer.nuevo-2025 .logo-texto-btn .text { }
    footer.nuevo-2025 .boton { }
}
@media (max-width:768px) {
    footer.nuevo-2025 .logo-texto-btn .logo figure { max-width: 196px; }
    footer.nuevo-2025 .logo-texto-btn .text { width: 100%; flex: initial; }
    footer.nuevo-2025 .logo-texto-btn .text ul { margin: 0; margin-left: 30px; padding-left: 25px; padding-right: 0; }
    footer.nuevo-2025 .boton { width: 100%; justify-content: center; margin-top: 40px; }
    footer.nuevo-2025 .bottom .rrss { position: relative; align-items: center; justify-content: center; display: flex; top: initial; transform: translateY(0); margin-bottom: 20px; }
    footer.nuevo-2025 .bottom { padding-top: 0; }
    footer.nuevo-2025 .bottom .rrss ul li a { font-size: 30px; }
}

.trama-1 {
    background-image: url(../img/trama-1.png);
    opacity: 0.7;
    background-color: rgba(0,0,0,0.6);
}

.trama-2 {
    background-image: url(../img/trama-2.png);
    opacity: 0.7;
    background-color: rgba(0, 0, 0, 0.6);
}

.trama-3 {
    background-image: url(../img/trama-3.png);
    opacity: 0.7;
    background-color: rgba(0, 0, 0, 0.6);
}