/**/
*{color: #0a0a0a; }
body{ background: rgba(255,255,255,1.00)}

@font-face {
    font-family: 'tungstensemibold';
    src: url('fonts/tungsten-semibold-webfont.woff2') format('woff2'),
         url('fonts/tungsten-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.dtb{ display: table; vertical-align: middle }
.dtr{display: table-row; vertical-align: middle}
.dtc{display: table-cell; vertical-align: middle }


.fs-100{ font-size:100px !important }
.fs-110{ font-size:110px !important }
.fs-120{ font-size:120px !important }
.fs-130{ font-size:130px !important }
.fs-140{ font-size:140px !important }
.fs-150{ font-size:150px !important }
.fs-160{ font-size:160px !important }
.fs-170{ font-size:170px !important }
.fs-180{ font-size:180px !important }
.fs-190{ font-size:190px !important }
.fs-200{ font-size:200px !important }
.fs-210{ font-size:210px !important }
.fs-220{ font-size:220px !important }
.fs-230{ font-size:230px !important }
.fs-240{ font-size:240px !important }
.fs-250{ font-size:250px !important }
.fs-260{ font-size:260px !important }
.fs-270{ font-size:270px !important }


.text-outline-r { 
    color: #fff !important;    
    text-shadow: rgba(164,140,99,1.00) 1px 0px 0px, rgba(164,140,99,1.00) 0.540302px 0.841471px 0px, rgba(164,140,99,1.00) -0.416147px 0.909297px 0px, rgba(164,140,99,1.00) -0.989992px 0.14112px 0px, rgba(164,140,99,1.00) -0.653644px -0.756802px 0px, rgba(164,140,99,1.00) 0.283662px -0.958924px 0px, rgba(164,140,99,1.00) 0.96017px -0.279415px 0px
}

.lgInd { display: block; max-width: 200px; width: 30vw; margin-bottom: 25px !important; padding-bottom: 25px; margin: auto}


.facts-section .content h2 {
    color: #a48c63;
    margin-bottom: 0;
}

.mw-page{ font-family: 'proxima_novaregular', sans-serif; letter-spacing: 0.1rem; font-size: 16px}
.main-header, .sticky-header {
    background-color: #ffffff;
}
.main-header .header-lower {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.preloader:after{ background: #A48C63}
.logo-outer, .fixed-header .sticky-header .logo { filter: brightness(0.1) !important;}

.gral-page .page-wrapper .header-style-two .main-menu .navigation > li a.text-white{ color:#0a0a0a !important }


.wraphomeslide {
    width: 100%;
    height: calc(100vh - 160px);
}
.gral-page .page-wrapper section .fullvideowrap {height: 0;padding: 25px;}
.logoMAY { margin: auto; text-align: center; width: 100%;position: relative}
.logoMAY img {margin: auto;max-width: 1200px;position: relative;top: 0;left: 0;right: 0;}



.main-menu .navigation > li > ul > li > a{color:#0a0a0a}



.main-menu .navigation > li > a:before { background-color: #A48C63}
.main-menu .navigation > li > ul {
    background-color: #ffffff;
    border-top-color: #A48C63;
}
.main-menu .navigation > li > ul > li:before{ background: #A48C63}
.main-menu .navigation > li > ul > li:hover > a {
    color: #ffffff ;
}

.sec-title h2 { text-transform: inherit; color: inherit}
.gral-page * .sec-title h2, .gral-page * .sec-title h2 span {
    line-height: 3.3rem;
    border-bottom: solid 3px #0a0a0a;
    display: inline;
    text-shadow: 0.5px 0.5px;
    font-weight: 800
}

.text-primary-a, .text-primary-a * {color: #a48c63 !important;}
.facts-section .title-boxed:before { display: none}


.facts-section .title-boxed {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    padding: 40px !important;
    border: solid 3px #a48c63;
    max-width: 80vw;
    margin: auto;
}

.featured-block:last-child .inner-box {
    margin-bottom: 0px;
    padding: 0;
    padding-bottom: 35px;
    border-bottom: 0;
}

.facts-section .content h2 span {
    line-height: 7.2rem !important;
    letter-spacing: 0.3rem;
    display: inline-block;
}

.featured-block .inner-box .text, .text {
    color: #0a0a0a !important;
}


.facts-section .lower-boxed .testimonial-column .owl-dots .owl-dot:hover, .facts-section .lower-boxed .testimonial-column .owl-dots .owl-dot.active{ background-color: #A48C63}


.welcome-section:before{ display: none}
    
.content-marqu {
    position: relative;
    width: 140%;
    height: 180px;
    left: 0;
    rotate: -2deg;
    right: 0;
    margin-bottom: 45px;
    opacity: 0.1;
    overflow: hidden;
}

.marquee_text {
    font-family: 'tungstensemibold', sans-serif;
    font-size: 6rem;
    line-height: 7rem;
    position: absolute;
    width: 200%;
    white-space: nowrap;
    text-transform: uppercase;
    left: -50%;
    right: -50%;
    display: block; margin: auto
}
.marquee_izq {
    top: 0;
}
.marquee_der {
    top: 50%;
    opacity: 0.25
}

.js-marquee{ margin-right: 0 !important}

.news-block .inner-box .lower-content {
    background-color: #f4f4f4;
}
.hvr-sweep-to-top:before {
    background: #a48c63;
}

.btn-style-one .btn-title{
    background-color: #a48c63;
    color: #fff !important;}

 .btn-style-one .btn-title i{
    color: #fff !important;}



 .btn-style-one .btn-title:hover i{
    color: #0a0a0a !important;}

.main-footer {
    position: relative;
    background-color: #f4f4f4;
}

.main-footer::before {
    
    display: none

    
}

.main-footer .footer-title h2 {
    position: relative;
    font-size: 16px;
    font-weight: 800;
    color: #0a0a0a;
    letter-spacing: 1px;
    text-transform: uppercase;
}




.primary-color {
    color: #a38b62 !important;
}

.main-footer .links-widget .list li a {
    position: relative;
    color: #0a0a0a !important;
}

.news-block .inner-box .lower-content h3 {
    color: #0a0a0a;
    font-weight: 800;
    letter-spacing: normal;
    margin-top: 22px;
    text-transform: none;
}


.news-block .inner-box .lower-content h3 a {
    color: #a48c63;}


.gallery-section:before{ display: none }



.gallery-block-two .inner-box .image .overlay-box h3 i {
    color: #a48c63;
}

.fullvideowrap{ background: rgba(0,0,0,1.00)}
.video-background {
    opacity: 0.7;
    z-index: 0;
}
.welcome-section .title-boxed {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    padding: 40px;
    border: solid 3px #a48c63;
    max-width: 80vw;
    margin: auto;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.gallery-block-two .inner-box:hover .image:before {
    border-color: #a48c63;
}

.sucboxbtns span, .sucboxbtns a {
    display: inline-block;
    font-family: 'tungstensemibold', sans-serif;
    padding: 6px;
    font-size: 60px;
    text-transform: uppercase;
    opacity: 0.5; transition: all 1.5s ease
}

.sucboxbtns a:hover { opacity: 1;}

h2.font-esp-b.fs-120.text-uppercase.primary-color, h2.font-esp-b.fs-120.text-uppercase.primary-color span {
    display: inline-block;
    line-height: 7rem;
}

.picImgMY {
  position: absolute;
  bottom: 120%; /* encima del texto */
  left: 50%;
  transform: translateX(-50%) scale(0.95);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.4s ease;
  min-width: 280px;
}

.picImgMY img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0px 4px 12px rgba(0,0,0,0.25);
}

/* Animación de paneo suave */
@keyframes panMove {
  0% { transform: translate(-50%, 0px); }
  50% { transform: translate(-50%, -4px); }
  100% { transform: translate(-50%, 0px); }
}

                            .btn-suc-mw{ position: relative}
.btn-suc-mw:hover .picImgMY {
  opacity: 1;
  transform: translateX(-50%) scale(1);
  animation: panMove 2s ease-in-out infinite;
}                        
      



.boxentena{ position: relative; padding: 25px}
.boxentena .bxntr:nth-child(odd){ text-align: right}
.bxntr{display: inline-block;width: 48%;padding: 0;}
.bxntr span {
    padding: 25px;
    max-width: 250px;
    background: #a38b62;
    margin: 15px 0;
    display: inline-block;
    width: 180px;
    text-align: center;
    border-radius: 0;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bolder;
}

                                .bxntr  span { position: relative}
                            
                                .bxntr  span .l1 { position: absolute; right:-100%; width: 100%; height: 50px; background: url(images/-_l1.svg); background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important}
                                .bxntr  span .l2 { position: absolute; right:-100%; width: 100%; height: 50px; background: url(images/-_l2.svg); background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important}
                                .bxntr  span .l3 { position: absolute; right:-100%; width: 100%; height: 50px; background: url(images/-_l2.svg); background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important}
                                .bxntr  span .l4 { position: absolute; right:-100%; width: 100%; height: 50px; background: url(images/-_l3.svg); background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important}
                                .bxntr  span .r1 { position: absolute; left:-100%; width: 100%; height: 50px; background: url(images/-_r1.svg); background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important}
                                .bxntr  span .r2 { position: absolute; left:-100%; width: 100%; height: 50px; background: url(images/-_r2.svg); background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important}
                                .bxntr  span .r3 { position: absolute; left:-100%; width: 100%; height: 50px; background: url(images/-_r2.svg); background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important}
                                .bxntr  span .r4 { position: absolute; left:-100%; width: 100%; height: 50px; background: url(images/-_r3.svg); background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important}
                                
                            
/* Contenedor */
.fade-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background: #fff;
    z-index: -1;
}
/* Ítems apilados uno sobre otro */
.fade-item {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #fff;
    opacity: 0;
    animation: fadeCycle 18s ease-in-out infinite;
    animation-delay: calc(var(--i) * 6s);
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Colores de ejemplo (opcional) */
.fade-item:nth-child(1){ background: url(images/ab1.jpg) ;  } /* azul */
.fade-item:nth-child(2){ background: url(images/ab2.jpg) ; } /* verde */
.fade-item:nth-child(3){ background: url(images/ab3.jpg) ; } /* rosa */

/* Keyframes: aparición y desaparición suaves */
@keyframes fadeCycle{
  0%, 100% { opacity: 0; }
  8%, 28%  { opacity: 1; }  /* tiempo visible */
  40%      { opacity: 0; }  /* se desvanece */
}

/* Accesibilidad: respeta usuarios que prefieren menos animación */
@media (prefers-reduced-motion: reduce){
  .fade-item{ animation: none; }
  .fade-item:not(:first-child){ display: none; }
}
                            
         
                          
.main-footer .logo-widget .logo {
    position: relative;
    margin-bottom: 20px;
    filter: brightness(0.1);
}                          
                          
.main-footer .footer-bottom .scroll-to-top i {color: rgba(255,255,255,1.00)}
.main-footer .footer-bottom .scroll-to-top {
    background: #a48c63;}

.main-footer .footer-bottom .scroll-to-top:hover {
    background: #a48c63;
    color: #a48c63;
}
.scroll-to-top.scroll-to-target span{ color: #fff !important }

.main-footer .footer-bottom {
    background: #ffffff;
    border-top-color: #fff;
}

.default-form input[type="text"]:focus, .default-form input[type="email"]:focus, .default-form input[type="password"]:focus, .default-form input[type="url"]:focus, .default-form input[type="tel"]:focus, .default-form input[type="search"]:focus, .default-form select:focus, .default-form textarea:focus {
    border-color: #a48c63;
}
.default-form input[type="text"], .default-form input[type="email"], .default-form input[type="password"], .default-form input[type="url"], .default-form input[type="tel"], .default-form input[type="search"], .default-form select, .default-form textarea {

    background: #f4f4f4;
    color: #0a0a0a;}



.contact-form-section.welcome-section{ padding-bottom: 100px}

    .pop-box *  .btn-title{ color: #fff}  


.sucboxbtns span, .sucboxbtns a {
    color: #696969 !important;
}



@media only screen and (max-width: 767px) {

.marquee_text {
    font-size: 4rem;
    line-height: 4rem;
}
    
.marquee_der {
    top: 42%;
    opacity: 0.25;
}   
    
    .questions-section{ padding-top: 0; padding-bottom: 0}
    
.content-marqu {
    height: 120px;
    margin-bottom: 0;
    overflow: visible;
    padding-top: inherit;
    margin-top: 25px;
}
    
.gral-page * .sec-title h2, .gral-page * .sec-title h2 span  {
    line-height: 2.3rem;
    font-size: 25px !important;
}    
    
h2.font-esp-b.fs-120.text-uppercase.primary-color, h2.font-esp-b.fs-120.text-uppercase.primary-color span {
    line-height: 1.8rem;
    font-size: 27px !important;
}    
        
    
    
    .questions-section .auto-container {padding: 0 20px !important;}    
    
    
.facts-section .content h2, .facts-section .content h2 span{
    font-size: 35px !important;
    line-height: 2.1rem !important;
}    
    
.bxntr span {
    padding: 10px;
    max-width: 110px;
    font-size: 10px;
}    
  
    
    .bxntr span b {
        display: none;
    }
    
    .title-boxed-no .auto-container,    .title-boxed .auto-container, .title-boxed { padding: 0 !important}
    
.boxentena {
    position: relative;
    padding: 0;
}    
    
    
.sucboxbtns span, .sucboxbtns a {
    font-size: 30px;
}    
    
    .welcome-section .title-boxed { border: 0}    
    
    
.welcome-section {
    padding: 0;
}    
    
.picImgMY {
    left: 80%;
    min-width: 160px;
}    
    
.gallery-section .auto-container h2, .contact-form-section .auto-container h2 {
    font-size: 23px !important;
}    
    
    span#ubicacion-texto {
        display: block;
        color: #fff;
    }
    
    .mobile-menu * {
    color: #ffffff;
}
    
    
.social-links * {
    color: #a38b62;
}    
    
.mobile-menu .navigation li.dropdown .dropdown-btn.open {
    background: #a38b62;
}  
    
.contact-form-section.welcome-section {
    padding-bottom: 0;
}    
    
    
    
}    
    







    


