@charset "utf-8";
/* CSS Document */

*{
      margin:0;
      padding:0;
      box-sizing:border-box;
      font-family: Arial, Helvetica, sans-serif;
    }

    body{
		
      background:#f5f5f5;
      color:#111;
	margin:0;
    overflow-x:hidden;
    }

    header{
      background:#111;
      color:white;
      padding:15px 40px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      border-bottom:2px solid #2c2c2c;
    }

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

.logo-box {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

    .logo-text{
      font-size:20px;
      font-weight:bold;
      line-height:1.2;
    }

.customNavbar{

    background:#111;

    padding:18px 0;

    border-bottom:1px solid rgba(255,255,255,.08);
}


/* =========================
   LOGO
========================= */

.logo-box{

    width:58px;
    height:58px;
}

.logo-box img{

    width:100%;
    height:100%;

    object-fit:contain;
}

.logo-text{

    color:white;

    font-size:18px;
    font-weight:700;

    line-height:1.1;
}


/* =========================
   MENÚ
========================= */

.customNavbar .navbar-nav{

    gap:34px;

    margin-right:60px;
}


/* LINKS */

.customNavbar .nav-link{

    color:white !important;

    font-size:17px !important;

    font-weight:500;

    transition:.3s ease;
}

.customNavbar .nav-link:hover{

    color:#c8a46b !important;
}


/* =========================
   BOTÓN
========================= */

.btnCita{

    padding:12px 24px;

    border:1px solid #c8a46b;

    color:#c8a46b;

    text-decoration:none;

    font-size:14px;

    transition:.3s ease;
}

.btnCita:hover{

    background:#c8a46b;

    color:black;
}


/* =========================
   MOBILE
========================= */

@media(max-width:991px){

    .navbar-collapse{

        padding-top:25px;

        text-align:center;
    }

    .customNavbar .navbar-nav{

        gap:14px;

        margin-right:0;
    }

    .btnCita{

        display:inline-block;

        margin-top:20px;
    }

    .customNavbar .nav-link{

        font-size:18px !important;
    }
}
.carousel{
    width:100%;
    height:95.7vh;
}

.carousel-inner{
    height:100%;
}

.carousel-item{
    position:relative;
    height:100%;
}

.carousel-item img{

    width:100%;
    height:100%;

    object-fit:cover;
}

.carouselLink{
    display:block;
    position:relative;
    width:100%;
    height:100%;
    text-decoration:none;
    color:white;
}

/* IMAGEN */
.carouselImg{
    width:100%;
    height:95vh;
    object-fit:cover;
    transition:transform .8s ease;
}

/* HOVER ZOOM */
.carouselLink:hover .carouselImg{
    transform:scale(1.05);
}

/* CAPA OSCURA */
.carouselOverlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.65);
    z-index:1;
}

/* CONTENIDO */
.carouselContent{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:2;
    text-align:center;
    color:white;
    width:100%;
}

/* TITULO */
.carouselContent h1{
    font-size:72px;
    font-weight:700;
}

/* TEXTO */
.carouselContent p{
    font-size:18px;
    opacity:.9;
    margin-top:10px;
}

/* BOTÓN */
.carouselBtn{
    display:inline-block;
    margin-top:20px;
    padding:12px 24px;
    border:1px solid #c8a46b;
    color:#c8a46b;
    transition:.3s ease;
}

.carouselLink:hover .carouselBtn{
    background:#c8a46b;
    color:black;
}

/* RESPONSIVE */
@media(max-width:768px){
    .carouselContent h1{
        font-size:40px;
    }
}


/* CAJA DE TEXTO */

.materialBox{

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%, -50%);

    z-index:2;

    width:100%;

    text-align:center;

    color:white;
}

/* TÍTULO */

.materialBox h1{

    font-size:72px;
    font-weight:700;

    margin-bottom:18px;

    text-shadow:0 4px 20px rgba(0,0,0,.5);
}


/* DESCRIPCIÓN */

.materialBox p{

    font-size:20px;

    line-height:1.6;

    color:rgba(255,255,255,.9);
}

.frase{
      padding:80px 20px;
      text-align:center;
      background:#fafafa;
    }

    .frase h3{
      font-size:50px;
      font-family:Georgia, serif;
      font-weight:normal;
      margin-bottom:20px;
    }

.frase h1{
	font-size:16px;
	font-weight: bold;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"serif;
	color: #9F7737;
	padding:80px 20px;
	text-align:left;
}


    .frase p{
      font-size:22px;
      color:#444;
	text-align:center;
}

.frase p2{
      font-size:17px;
      color:#000000;
	text-align:left;
}

.customFooter{

    background:#111;
}


/* TÍTULOS */

.footerTitle{

    font-size:20px;

    font-weight:600;

    margin-bottom:28px;

    color:white;
}


/* TEXTO */

.footerText{

    color:rgba(255,255,255,.7);

    line-height:1.9;

    max-width:500px;
}


/* LINKS */

.footerLinks{

    list-style:none;

    padding:0;
}

.footerLinks li{

    margin-bottom:14px;
}

.footerLinks a{

    color:rgba(255,255,255,.7);

    text-decoration:none;

    transition:.3s ease;
}

.footerLinks a:hover{

    color:#c8a46b;
}


/* CONTACTO */

.footerContact{

    list-style:none;

    padding:0;
}

.footerContact li{

    color:rgba(255,255,255,.7);

    margin-bottom:18px;

    display:flex;

    align-items:center;

    gap:12px;
}


.social-icons{

    display:flex;

    align-items:center;

    gap:16px;
}


.footerSocial{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    width:46px;
    height:46px;

    border:1px solid rgba(255,255,255,.15);

    border-radius:50%;

    color:white;

    font-size:22px;

    text-decoration:none;

    transition:.3s ease;
}


/* ÍCONOS */

.footerSocial i{

    line-height:1;

    text-decoration:none;
}


/* HOVER */

.footerSocial:hover{

    color:#c8a46b;

    border-color:#c8a46b;

    transform:translateY(-3px);
}

/* LÍNEA */

.footerLine{

    border-color:rgba(255,255,255,.1);

    margin:40px 0 25px;
}


/* COPYRIGHT */

.copyrightText{

    color:rgba(255,255,255,.5);

    margin:0;
}


/* POLÍTICAS */

.footerPolicies{

    display:flex;

    justify-content:end;

    gap:12px;
}

.footerPolicies a,
.footerPolicies span{

    color:rgba(255,255,255,.5);

    text-decoration:none;

    transition:.3s ease;
}

.footerPolicies a:hover{

    color:#c8a46b;
}


/* =========================
   RESPONSIVE
========================= */

@media(max-width:768px){

    .footerPolicies{

        justify-content:center;

        margin-top:15px;
    }

    .footerTitle{

        margin-bottom:18px;
    }
}

/* =========================
   SECCIONES
========================= */

.aboutSection,
.historySection,
.valuesSection{

    padding:100px 0;

    background:white;
}


/* =========================
   TITULITOS
========================= */

.sectionMiniTitle{

    color:#AE8635;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;
}


/* =========================
   TITULOS
========================= */

.sectionTitle{

    font-size:52px;

    font-weight:700;

    line-height:1.1;

    margin:20px 0;
}


/* =========================
   LINEA DORADA
========================= */

.goldLine{

    width:80px;
    height:2px;

    background:#c8a46b;

    margin:30px 0;
}


/* =========================
   TEXTO
========================= */

.sectionText{

    color:#555;

    line-height:1.9;

    margin-bottom:35px;
}


/* =========================
   IMAGENES
========================= */

.aboutImage,
.historyImage{

    width:100%;

    height:500px;

    object-fit:cover;
}


/* =========================
   BOTON
========================= */

.btnGold{

    display:inline-block;

    padding:14px 28px;

    background:#111;

    color:#c8a46b;

    text-decoration:none;

    transition:.3s ease;
}

.btnGold:hover{

    background:#c8a46b;

    color:black;
}


/* =========================
   FEATURES
========================= */

.featureBox{

    padding:20px;
}

.featureBox i{

    font-size:42px;

    color:#c8a46b;

    margin-bottom:20px;
}


/* =========================
   VALORES
========================= */

.valueBox{

    padding:20px;
}

.valueBox i{

    font-size:42px;

    color:#c8a46b;

    margin-bottom:18px;
}

.valuesIconsSection{

    padding:20px 0 120px;

    background:white;
}


/* FILA */

.valuesRow{

    justify-content:center;

    gap:10px;
}


/* CAJAS */

.valueBox{

    text-align:center;

    padding:0 20px;

    height:100%;

    position:relative;

    transition:.3s ease;
}


/* LÍNEAS DIVISORIAS */

.valueBox::after{

    content:"";

    position:absolute;

    top:10%;

    right:0;

    width:1px;

    height:80%;

    background:rgba(0,0,0,.08);
}


/* QUITAR ÚLTIMA LÍNEA */

.col-lg-2:last-child .valueBox::after{

    display:none;
}


/* ICONOS */

.valueBox i{

    font-size:46px;

    color:#AE8635;

    margin-bottom:24px;

    display:block;

    transition:.3s ease;
}


/* TITULOS */

.valueBox h5{

    font-size:15px;

    font-weight:700;

    margin-bottom:18px;

    letter-spacing:.5px;
}


/* TEXTO */

.valueBox p{

    font-size:14px;

    line-height:1.8;

    color:#666;

    text-align:center;

    max-width:220px;

    margin:auto;
}


/* HOVER */

.valueBox:hover{

    transform:translateY(-6px);
}

.valueBox:hover i{

    color:#c8a46b;
}


/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

    .valuesIconsSection{

        padding:20px 0 80px;
    }

    .valueBox{

        margin-bottom:45px;
    }

    .valueBox::after{

        display:none;
    }
}

.centerSection{

    padding:70px 0 40px;

    background:white;
}


/* CONTENIDO */

.centerContent{

    max-width:1000px;

    margin:auto;

    text-align:center;
}


/* TITULO */

.centerTitle{

    text-align:center;
}


/* LINEA */

.centerLine{

    margin:35px auto;
}


/* TEXTO */

.centerText{

    text-align:center;

    max-width:950px;

    margin:0 auto;

    line-height:2;

    color:#555;
}

/* =========================
   HERO BANNER
========================= */

.heroBanner{

    position:relative;

    width:100%;

    height:100vh;

    overflow:hidden;
}


/* IMAGEN */

.heroImage{

    width:100%;
    height:100%;

    object-fit:cover;
}


/* CAPA OSCURA */

.heroOverlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.75);

    z-index:1;
}


/* CONTENIDO */

.heroContent{

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%, -50%);

    z-index:2;

    color:white;
}


/* TITULO */

.heroTitle{

    font-size:72px;

    font-weight:700;

    line-height:1.05;

    margin:22px 0;
}


/* TEXTO */

.heroText{

    max-width:650px;

    font-size:18px;

    line-height:1.9;

    color:rgba(255,255,255,.88);

    margin-bottom:40px;
}


/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

    .heroBanner{

        height:75vh;
    }

    .heroTitle{

        font-size:48px;
    }

    .heroText{

        font-size:18px;
    }
}

@media(max-width:576px){

    .heroTitle{

        font-size:36px;
    }

    .heroText{

        font-size:16px;

        line-height:1.7;
    }
}

/* =========================
   CARDS SECTION
========================= */

.cardsSection{

    padding:100px 0;

    background:#f8f8f8;
}


/* HEADER */

.cardsHeader{

    text-align:center;

    margin-bottom:40px;
}


/* CARD */

.materialCard{

    background:#111111;

    overflow:hidden;

    transition:.4s ease;

    box-shadow:0 10px 30px rgba(0,0,0,.05);
}


/* HOVER */

.materialCard:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 40px rgba(0,0,0,.12);
}


/* IMAGEN */

.materialImageBox{

    overflow:hidden;

    height:200px;
}

.materialImage{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.5s ease;
}

.materialCard:hover .materialImage{

    transform:scale(1.08);
}


/* CONTENIDO */

.materialContent{

    padding:35px 30px;

    text-align:center;
}


/* TITULO */

.materialContent h3{

    font-size:22px;

    font-weight:700;

    margin-bottom:25px;
	
	color: white;
}


/* RESPONSIVE */

@media(max-width:991px){

    .cardsSection{

        padding:90px 0;
    }

    .materialImageBox{

        height:260px;
    }
}

@media(max-width:576px){

    .materialContent h3{

        font-size:24px;
    }
}

/* =========================
   ACCORDION BUTTON (CORRECTO)
========================= */

.accordionBtn{

    width:100%;

    padding:14px 20px;

    border:none;

    background:#1b1b1b;

    color:#c8a46b;

    font-size:16px;

    letter-spacing:.5px;

    margin-top:10px;

    cursor:pointer;

    transition:.3s ease;
}

.accordionBtn:hover{

    background:#c8a46b;

    color:black;
}


/* CONTENIDO COLAPSABLE */

.materialCollapse{

    padding-top:18px;

    transition: all .3s ease;
}

.materialCollapse p{

    color:rgba(255,255,255,.75);

    line-height:1.8;

    font-size:13px;

    margin:0;

    text-align:center;
}

/* =========================
   HERO CITA
========================= */

.heroCita{

    position:relative;

    width:100%;
    height:97vh;

    background:url("../img/sala.jpg") center/cover no-repeat;

    display:flex;

    align-items:center;

    margin-top:0px;

    overflow:hidden;
}


/* CAPA OSCURA */

.heroCita::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.80);

    z-index:1;
}


/* CONTENIDO */

.heroCita .container{

    position:relative;

    z-index:2;
}


/* TITULO */

.heroCita h1{

    font-size:72px;

    font-weight:700;

    color:white;

    line-height:1.05;

    margin-bottom:12px;
}


/* SUBTITULO */

.heroCita h2{

    font-size:38px;

    color:#c8a46b;

    margin-bottom:30px;

    font-weight:500;
}


/* TEXTO */

.heroCita p{

    color:rgba(255,255,255,.88);

    font-size:20px;

    line-height:1.9;
	
	margin-bottom:30px;
    
	max-width:650px;
}


/* =========================
   SECTION CITA
========================= */

.sectionCita{

    padding:110px 0;

    background:#f8f8f8;
}


/* =========================
   INFO BOX
========================= */

.infoBox h3{

    font-size:34px;

    font-weight:700;

    margin-bottom:50px;
}


/* ITEMS */

.stepItem{

    display:flex;

    gap:22px;

    margin-bottom:45px;
}


/* ICONOS */

.stepIcon{

    width:70px;
    height:70px;

    min-width:70px;

    background:#111;

    color:#c8a46b;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:14px;

    font-size:28px;
}


/* TITULOS */

.stepItem h5{

    font-size:20px;

    font-weight:700;

    margin-bottom:10px;
}


/* TEXTO */

.stepItem p{

    color:#666;

    line-height:1.8;

    margin:0;
}


/* =========================
   CONTACT BOX
========================= */

.contactBox{

    background:white;

    padding:35px;

    margin-top:60px;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.contactBox h4{

    font-size:26px;

    margin-bottom:10px;

    font-weight:700;
}

.contactBox p{

    color:#666;

    margin-bottom:25px;
}

.contactBox ul{

    list-style:none;

    padding:0;

    margin:0;
}

.contactBox li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    color:#444;
}


/* =========================
   FORM BOX
========================= */

.formBox{

    background:white;

    padding:55px;

    border-radius:22px;

    box-shadow:0 15px 40px rgba(0,0,0,.07);
}


/* TITULO */

.formBox h3{

    font-size:36px;

    font-weight:700;

    margin-bottom:15px;
}


/* TEXTO */

.formBox p{

    color:#666;

    margin-bottom:40px;
}


/* INPUTS */

.form-control{

    height:58px;

    border-radius:10px;

    border:1px solid #ddd;

    padding:0 18px;
}


/* TEXTAREA */

textarea.form-control{

    height:auto;

    padding-top:16px;
}


/* CHECKBOX */

.form-check-input:checked{

    background-color:#c8a46b;

    border-color:#c8a46b;
}


/* BOTON */

.btnEnviar{

    width:100%;

    padding:18px;

    border:none;

    background:#111;

    color:#c8a46b;

    font-size:16px;

    font-weight:600;

    letter-spacing:.5px;

    border-radius:10px;

    transition:.3s ease;
}


/* HOVER */

.btnEnviar:hover{

    background:#c8a46b;

    color:black;

    transform:translateY(-2px);
}


/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

    .heroCita{

        height:70vh;
    }

    .heroCita h1{

        font-size:48px;
    }

    .heroCita h2{

        font-size:28px;
    }

    .heroCita p{

        font-size:18px;
    }

    .formBox{

        padding:35px;
    }
}


@media(max-width:576px){

    .heroCita{

        height:65vh;
    }

    .heroCita h1{

        font-size:38px;
    }

    .heroCita h2{

        font-size:24px;
    }

    .heroCita p{

        font-size:16px;

        line-height:1.7;
    }

    .sectionCita{

        padding:80px 0;
    }

    .formBox{

        padding:28px;
    }

}