/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 3 jul. 2025, 09:32:10
    Author     : Eric Palacios
*/

:root {
    --bs-light-rgb: 255, 255, 255;
    --bs-font-sans-serif:'robotoregular', sans-serif;
    --font-navbar: 'robotobold', sans-serif;
    --font-navbar-color: rgba(48, 66, 84, 1);
    --font-navbar-hover-color: rgba(109, 122, 134, 1);
    --font-navbar-aling-menu: center;
}

.navbar {
    font-family: var(--font-navbar);

}
.nav-link{
    color:  var(--font-navbar-color);
}

.nav-link:hover, .nav-link:focus {
    color: var(--font-navbar-hover-color);
}
.navbar-collapse {
    text-align: var(--font-navbar-aling-menu);
    justify-content: center;
}
.video-container {
    position: relative;
    width: 100%;
    height: 80vh;
    max-height: 800px;
    overflow: hidden;
}
.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 900px;
    object-fit: cover;
    z-index: 1;
}
header,
.carousel-item {
    position: relative;
    height: 100vh;
    max-height: 900px;
    overflow: hidden;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* negro con 10% de opacidad */
    z-index: 1;
}

.video-container-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 3rem;
    z-index: 2;
    text-align: center;
}
.container-logotipo{
    position: relative;
    background: url(../images/logotipo-skala.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 582px;
    height: 160px;
    margin: 0 auto 30px auto;
}
.navbar-brand{
    position: relative;
    background: url(../images/logotipo-skala.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 327px;
    height: 90px;
    padding-top: 0;
    padding-bottom: 0;
}
.video-container-text h4{
    font-family: 'robotobold';
    font-size: 0.35em;
    color: rgb(255, 255, 255);
    letter-spacing: 0.481em;
    text-transform: uppercase;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
}
.video-container-text h3{
    font-family: 'robotoregular';
    font-size: 1em;
    color: rgb(255, 255, 255);
    margin-bottom: 0;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
}
.video-container-text h1{
    font-family: 'robotobold';
    font-size: 1.5em;
    color: rgb(255, 163, 0);
    letter-spacing: -0.02em;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
}
.btn-header{
    font-size: 24px;
    font-weight: 700;
    color: rgb(0, 48, 87);
    letter-spacing: 1px;
    background-color: white;
    border-color: white;
    border-radius: 50px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 0.7rem;
    padding-bottom: 0.8rem;
    -webkit-box-shadow: 0px 13px 0px 0px #003057;
    box-shadow: 0px 12px 0px 0px #003057;
}
.btn-header:hover, .btn-header:active, :not(.btn-check) + .btn-header:active {
    color: var(--bs-btn-hover-color);
    background-color: rgb(0, 48, 87);
    border-color: rgb(0, 48, 87);
    -webkit-box-shadow: 0px 13px 0px 0px #ffffff;
    box-shadow: 0px 12px 0px 0px #ffffff;
}
.container-nosotros{
    position: relative;
    width: 100%;
    min-height: 190px;
    height: auto;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 80px;
}
.container-nosotros h2{
    font-family: 'robotoregular';
    font-size: 2.4rem;
    color: rgb(241, 73, 2);
    text-transform: uppercase;
    line-height: 1;
}
.container-nosotros h2 strong{
    font-family: 'robotobold';
}
.container-nosotros h3{
    font-family: 'robotobold';
    font-size: 3.3rem;
    color: rgb(31, 43, 33);
    margin-bottom: 5px;
    line-height: 1;
}
.container-nosotros h4{
    font-family: 'robotolight';
    font-size: 2.5rem;
    color: rgb(31, 43, 33);
    line-height: 1;
    margin-top: 10px;
}
.container-nosotros-social{
    position: relative;
    float: right;
    width: 170px;
    min-height: 50px;
    height: auto;
}
.icon-nostros-mail{
    position: relative;
    float: left;
    width: 42px;
    height: 27px;
    background: url(../images/mail.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    margin-right: 20px;
    margin-top: 3px;
}
.icon-nostros-linkedin{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    background: url(../images/icon-linkedin.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    margin-right: 20px;
}
.icon-nostros-instagram{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    background: url(../images/icon-instagram.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.container-presupuesto{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 420px;
    background: url(../images/bg-presupuesto.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.container-btn-presupuesto{
    position: relative;
    width: 100%;
    height: 100px;
}
.btn-presupuesto{
    position: absolute;
    font-family: 'robotobold';
    font-size: 26px;
    font-weight: 700;
    color: rgb(0, 48, 87);
    background-color: rgb(244, 179, 36);
    border-color: rgb(244, 179, 36);
    border-radius: 50px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.7rem;
    padding-bottom: 0.8rem;
    -webkit-box-shadow: 0px 13px 0px 0px #003057;
    box-shadow: 0px 8px 0px 0px #003057;
    top: -35px;
    right: 0;
}
.btn-presupuesto:hover, .btn-presupuesto:active, :not(.btn-check) + .btn-presupuesto:active {
    color: var(--bs-btn-hover-color);
    background-color: rgb(0, 48, 87);
    border-color: rgb(0, 48, 87);
    -webkit-box-shadow: 0px 13px 0px 0px #ffffff;
    box-shadow: 0px 12px 0px 0px #ffffff;
}
.container-logotipo-2{
    position: absolute;
    background: url(../images/logotipo-skala-2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 180px;
    height: 97px;
    bottom: 8%;
}
.container-proyectos{
    position: relative;
    width: 100%;
    min-height: 200px;
    height: auto;
    overflow: hidden;
    background-color: #1f2b21;
}

.container-proyectos-amarillo{
    position: relative;
    width: 100%;
    min-height: 200px;
    height: auto;
    overflow: hidden;
    background-color: #f4b324;
}
.container-proyectos-naranja{
    position: relative;
    width: 100%;
    min-height: 200px;
    height: auto;
    overflow: hidden;
    background-color: #f14902;
}
.container-proyectos-azul{
    position: relative;
    width: 100%;
    min-height: 200px;
    height: auto;
    overflow: hidden;
    background-color: #07a5c3;
}
.container-proyectos-img-1{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 490px;
    background: url(../images/proyectos-img-1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
}
.container-proyectos-img-2{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 490px;
    background: url(../images/proyectos-img-2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
}
.container-proyectos-img-3{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 490px;
    background: url(../images/proyectos-img-3.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
}
.container-proyectos-txt{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 50px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: clamp(20px, 6vw, 70px);
    display: block;
    overflow: hidden;
}

a.container-proyectos-txt-1, a.container-proyectos-txt-2, a.container-proyectos-txt-3{
    text-decoration: none;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 90px;
    overflow: hidden;
    display: block;
}
a.container-proyectos-txt-1 h1{
    position: relative;
    float: left;
    font-family: 'robotobold';
    color: rgb(1, 43, 27);
    font-size: 45px;
    line-height: 1;
}
.flecha-1{
    position: relative;
    float: left;
    background: url(../images/flecha-verde.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 17px;
    height: 25px;
    margin-left: 8px;
    margin-top: 15px;
}
a.container-proyectos-txt-1 h4{
    position: relative;
    float: left;
    width: 100%;
    padding-right: 100px;
    font-family: 'robotoregular';
    color: rgb(1, 43, 27);
    font-size: 1.2rem;
    line-height: 1;
    display: block;
    text-align: right;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
a.container-proyectos-txt-2 h1{
    position: relative;
    float: left;
    font-family: 'robotobold';
    color: white;
    font-size: 45px;
    line-height: 1;
}
.pading-estudio{

    padding-left: 50px;
}
.flecha-2{
    position: relative;
    float: left;
    background: url(../images/flecha-blanco.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 17px;
    height: 25px;
    margin-left: 8px;
    margin-top: 15px;
}
a.container-proyectos-txt-2 h4{
    position: relative;
    float: left;
    width: 100%;
    padding-right: 125px;
    font-family: 'robotoregular';
    color: white;
    font-size: 1.2rem;
    line-height: 1;
    display: block;
    text-align: right;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
.line-proyectos-1{
    position: relative;
    width: 290px;
    height: 1px;
    background-color: white;
}
.container-tirulo-proyectos {
    position: absolute;
    top: 90%;
    left: -100px;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: left top;
    width: max-content;
    height: auto;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    z-index: 10;
    white-space: nowrap;
}
.container-tirulo-proyectos h1{
    font-family: 'robotobold';
    color: white;
    font-size: 65px;
    line-height: 1;
}
.container-inmobiliarios{
    position: relative;
    width: 100%;
    min-height: 200px;
    height: auto;
    overflow: hidden;
    padding: 60px 0 0 0;
}
.container-inmobiliarios-2{
    position: relative;
    width: 100%;
    min-height: 200px;
    height: auto;
    overflow: hidden;
    padding: 60px 0 0 0;
    padding-left: 90px;
    padding-right: 90px;

}
.container-inmobiliarios h1, .container-inmobiliarios-2 h1{
    font-family: 'robotobold';
    color: #1f2b21;
    font-size: 65px;
    line-height: 1;
    text-align: center;
}
.container-inmobiliarios h5, .container-inmobiliarios-2 h5{
    font-family: 'robotoregular';
    letter-spacing: 0.12em;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.container-inmobiliarios h1 span, .container-inmobiliarios-2 h1 span{
    color: #f4b324;
}
.container-inmobiliarios img{

}
.overlay-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.85);
    padding: 13px 60px 15px 60px;
    text-align: center;
}

.overlay-text {
    font-family: 'robotobold';
    font-size: 17px;
    letter-spacing: 0.12em;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    color: #1f2b21;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}
.position-relative {
    /*    overflow: hidden;*/
}
.video-wrapper-4-3 {
    aspect-ratio: 4 / 3; /* Puedes probar 16/9, 3/2 o lo que funcione mejor visualmente */
    overflow: hidden;
}

.video-wrapper-4-3 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
}

.imagen-inmobiliarios-1 {
    height: 28vh;
    max-height: 280px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}
.imagen-inmobiliarios-1 img, .imagen-inmobiliarios-2 img, .imagen-inmobiliarios-3 img, .imagen-inmobiliarios-4 img, .imagen-inmobiliarios-5 img, .imagen-inmobiliarios-13 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.imagen-inmobiliarios-2, .imagen-inmobiliarios-3 {
    height: 24.5vh;
    max-height: 245px;
    overflow: hidden;
    position: relative;
}
.container-inmobiliarios-edificios{
    position: relative;
    margin-top: 0px;
}
.container-inmobiliarios-edificios-2{
    position: relative;
    margin-top: -25px;
}
.container-inmobiliarios-edificios-3{
    position: relative;
    margin-top: 0px;
}
.imagen-inmobiliarios-4 {
    height: 31vh;
    max-height: 310px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
    position: relative;
}
.imagen-inmobiliarios-5 {
    height: 65vh;
    max-height: 650px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.video-edificios-1{
    max-height: 410px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
    position: relative;
}
.video-edificios-2{
    max-height: 850px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}
.video-edificios-3{
    max-height: 415px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}
.video-interiores-1{
    max-height: 385px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}
.video-estudio-1{
    max-height: 220px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}
.container-inmobiliarios-edificios{
    position: relative;
}
.overlay-link-2 {
    position: relative;
    padding: 13px 60px 15px 60px;
    text-align: center;
    z-index: 2;
    display: block;
}
.overlay-link-3 {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.85);
    padding: 13px 60px 15px 60px;
    text-align: center;
    z-index: 2;
}
.overlay-title h1{
    font-family: 'robotobold';
    font-size: clamp(32px, 5vw, 65px);

    text-align: center;
    color: #1f2b21;
    text-decoration: underline;
    text-decoration-thickness: 6px;
    text-underline-offset: 7px;
    text-decoration-color: #1f2b21;
}
.overlay-title h1 span{
    color: #f4b324;
    text-decoration: underline;
    text-decoration-thickness: 6px;
    text-underline-offset: 7px;
    text-decoration-color: #f4b324;
}
.overlay-title h2{
    font-family: 'robotobold';
    font-size: 40px;
    text-align: center;
    color: #1f2b21;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.imagen-inmobiliarios-8 img, .imagen-inmobiliarios-9 img, .imagen-inmobiliarios-10 img, .imagen-inmobiliarios-13 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.imagen-inmobiliarios-8 {
    height: 47vh;
    max-height: 470px;
    width: 100%;
    overflow: hidden;
}
.video-inmobiliarios-3{
    height: 275px;
    width: 100%;
    overflow: hidden;
}
.imagen-inmobiliarios-9 {
    max-height: 385px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}
.imagen-inmobiliarios-10, .video-inmobiliarios-10{
    max-height: 250px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}
.imagen-inmobiliarios-12 {
    height: 35vh;
    max-height: 350px;
    width: 100%;
    overflow: hidden;
     margin-bottom: 25px;
}
.imagen-inmobiliarios-13 {
    height: 35.5vh;
    max-height: 355px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}
.container-conjuntos{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 300px;
    background: url(../images/conjuntos-1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 27%;
    margin-top: -1px;
}
.container-inmobiliarios-edificios-4{
    position: relative;
    margin-top: 25px;
}
.imagen-conjuntos-1 img, .imagen-conjuntos-2 img, .imagen-conjuntos-3 img, .imagen-conjuntos-4 img, .imagen-estudio-1 img, .imagen-estudio-2 img, .imagen-estudio-3 img, .imagen-estudio-4 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.imagen-conjuntos-1 {
    height: 15vh;
    max-height: 150px;
    width: 100%;
    overflow: hidden;
}
.imagen-conjuntos-2 {
    height: 28vh;
    max-height: 280px;
    width: 100%;
    overflow: hidden;
    margin-top: 25px;
}
.video-conjuntos-1{
    height: 46vh;
    max-height: 460px;
    width: 100%;
    overflow: hidden;
}
.container-inmobiliarios h1 span.sub-rojo, .container-inmobiliarios-2 h1 span.sub-rojo, .container-elegirnos h3 span.sub-rojo{
    color: #f14902;
}
.imagen-estudio-1 {
    max-height: 290px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}
.imagen-estudio-2 {
    max-height: 220px;
    width: 100%;
    overflow: hidden;
}
.imagen-estudio-3 {
    max-height: 465px;
    width: 100%;
    overflow: hidden;
}
.container-inmobiliarios h1 span.sub-azul, .container-inmobiliarios-2 h1 span.sub-azul, .container-elegirnos h3 span.sub-azul{
    color: #07a5c3;
}
.container-inmobiliarios h1 span.sub-amarillo, .container-inmobiliarios-2 h1 span.sub-amarillo, .container-elegirnos h3 span.sub-amarillo{
    color: #f4b324;
}
.imagen-industriales-1 img, .imagen-industriales-2 img, .imagen-industriales-3 img, .imagen-industriales-4 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.imagen-industriales-1 {
    max-height: 320px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}
.imagen-industriales-2{
    max-height: 238px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}
.video-industriales-1{
    max-height: 583px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}
.video-industriales-2{
    max-height: 320px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}
.container-detalle-3d{
    position: relative;
    width: 100%;
    min-height: 200px;
    height: auto;
    background-color: #1f2b21;
    overflow: hidden;
}
.video-detalle-3d{
    height: 700px;
    width: 100%;
    overflow: hidden;
}
.container-detalle-3d-texto{
    position: relative;
    width: 100%;
    min-height: 200px;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}
.container-detalle-3d-texto-skala{
    position: relative;
    float: right;
    width: 160px;
    height: 40px;
    margin-top: 20px;
    text-align: right;
}
.container-detalle-3d-texto-skala h5{
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    color: white;
    letter-spacing: -0.04em;
}
.contenido-txt{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 200px;
    overflow: hidden;
    margin-top: 110px;
    text-align: right;
}
.contenido-txt h1{
    font-family: 'robotoregular';
    font-size: clamp(40px, 8vw, 90px); /* dinámico y con límites */
    line-height: 1;
    margin-bottom: 0;
    color: #f4b324;
}
.contenido-txt h1 strong{
    font-family: 'robotobold';
}
.contenido-txt h1 span{
    font-family: 'robotobold';
    color: #f14902;
}
.container-elegirnos{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 200px;
    overflow: hidden;
    padding: 80px 0;
}
.container-detalle-3d-texto-skala-2{
    position: relative;
    float: right;
    width: 160px;
    height: 40px;
    text-align: right;
}
.container-detalle-3d-texto-skala-2 h5{
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    color: #1c191a;
    letter-spacing: -0.04em;
}
.container-elegirnos h1{
    font-family: 'robotoregular';
    font-size: 70px;
    line-height: 1;
    margin-bottom: 0;
    color: #1f2b21;
    letter-spacing: -0.05em;
}
.container-elegirnos h1 strong{
    font-family: 'robotobold';
}
.container-elegirnos h1 span{
    color: #f4b324;
}
.container-img-elegirnos{
    position: relative;
    margin: 25px 0;
}
.container-elegirnos h3{
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    font-size: 30px;
    line-height: 1;
    color: #012b1b;
    text-align: center;
}
.container-footer{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 200px;
    overflow: hidden;
    padding: 80px 0;
    background-image:
        linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),
        url(../images/footer.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:  center;
}

.container-detalle-3d-texto-3{
    position: relative;
    float: left;
    width: 160px;
    height: 40px;
    margin-top: 20px;
    text-align: left;
}
.container-detalle-3d-texto-3 h5{
    font-family: 'Proxima Nova Rg';
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    color: white;
    letter-spacing: -0.04em;
}
.container-footer-txt{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 200px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 60px;
}
.container-footer-txt h4{
    font-family: 'robotoregular';
    font-size: 26px;
    line-height: 1;
    margin-bottom: 30px;
    color: white;
}
.container-footer-txt h1{
    font-family: 'robotobold';
    font-size: 60px;
    line-height: 1;
    margin-bottom: 30px;
    color: white;
}
.container-footer-txt h3{
    font-family: 'robotobold';
    font-size: 28px;
    line-height: 1;

    color: white;
}
.container-footer-txt h3 a{
    color: #f4b324;
}
.btn-footer{
    font-size: 24px;
    font-weight: 700;
    color: white;
    letter-spacing: 1px;
    background-color: #f14902;
    border-color: #f14902;
    border-radius: 50px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 0.7rem;
    padding-bottom: 0.8rem;
}
.btn-footer:hover, .btn-footer:active, :not(.btn-check) + .btn-footer:active {
    color: white;
    background-color: #f4b324;
    border-color: #f4b324;
}
.container-footer-social{
    position: relative;
    width: 160px;
    min-height: 40px;
    height: auto;
    overflow: hidden;
    margin: 60px auto 0 auto;
}
form{
    width: 80%;
    margin: 0 auto;
}
.g-recaptcha{
    float: right;
    margin-right: 50px;
    margin-top: 20px;
}
@media (max-width: 768px){
    .video-detalle-3d{
        display: none;
    }
    .container-detalle-3d-texto {
        padding-top: 30px;
        padding-bottom: 70px;
    }
    .contenido-txt {
        margin-top: 80px;
    }
    .video-container-text {
        font-size: 2rem;

    }
    .carousel-caption {
        right: 0;
    }
    .background-video, .overlay, header, .carousel-item {
        max-height: 740px;

    }
    .line-proyectos-1 {
        width: 93%;
    }
}