/*

Theme Name: Salient Child Theme

Description: This is a custom child theme for Salient

Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266

Author: ThemeNectar

Author URI:  https://themeforest.net/user/themenectar

Template: salient

Version: 1.0

*/



/*

Letras claras: #F4F4F4

Beige fondo: #EBE8E1

Beige botón: #DFD7C9

Dorado botón: #C0BAAD

Background marrón: #756E61

Negro fuente: #756E61

*/

@font-face {
    font-family: 'PPEditorialOld';
    src: url('fonts/PPEditorialOld-Ultralight.woff2') format('woff2'),
        url('fonts/PPEditorialOld-Ultralight.woff') format('woff'),
		url('fonts/PPEditorialOld-Ultralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PPEditorialOld';
    src: url('fonts/PPEditorialOld-UltralightItalic.woff2') format('woff2'),
        url('fonts/PPEditorialOld-UltralightItalic.woff') format('woff'),
		url('fonts/PPEditorialOld-UltralightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

.ppfont{font-family: "PPEditorialOld"; font-weight: 200 !important}
.ppfontita{font-family: "PPEditorialOld"; font-style: italic;  font-weight: 200 !important}
.ppfontita.big{font-size: 66px}
h1{font-family: "PPEditorialOld"; font-style: italic; font-size: 100px; text-transform: uppercase}
h2{font-family: "PPEditorialOld"; font-style: italic; font-size: 44px; line-height: 1.4em}
.milink a{text-transform: uppercase; text-decoration: underline; font-weight: 400; font-size: 18px}
p{line-height: 1.4em !important}
.wpb_wrapper .nectar-button.medium.btnbeige, .wpb_wrapper .nectar-button.large{border-radius: 25px !important}
.w100{width: 100%}

/* Header */

#header-outer.dark-slide .slight{opacity: 0 !important; display: none !important}
#header-outer:not([data-transparent-header="true"]) .slight{opacity: 0; display: none}
#header-outer[data-transparent-header="true"]:not(.dark-slide) .sdark{ opacity: 0; display: none}
.simbolo{padding-top: 10px}
.right-aligned-menu-items a .menu-title-text{text-transform: uppercase; font-weight: 600; text-decoration: underline}
#header-outer .nectar-header-text-content{padding-right: 0}
#header-outer .nectar-header-text-content div{font-size: 14px;}
header#top .buttons li a{margin-left: 0 !important; margin-right: 10px !important; padding: 0 !important}

/* Menu canvas */
#slide-out-widget-area .off-canvas-menu-container, #slide-out-widget-area .widget.widget_nav_menu{text-align: left; padding: 0 10% !important}
#nav_menu-2 a, #nav_menu-3 a{text-transform: uppercase; font-size: 16px !important; text-decoration: underline; font-family: "DM Sans" !important; line-height: 1em !important}
#slide-out-widget-area .widget.widget_nav_menu li{display: inline-block; margin-right: 40px}
#slide-out-widget-area.fullscreen-alt .inner-wrap > .inner{height: 100% !important}
#nav_menu-2{position: absolute; bottom: 150px}
#nav_menu-3{position: absolute; bottom: 50px}
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a{font-family: "PPEditorialOld" !important; font-style: italic; font-size: 40px !important; text-transform: uppercase; display: inline-block !important; padding-right: 20px !important}


#slide-out-widget-area .hover-image {
  position: absolute;
  top: 200px;
  left: calc(50% - 250px);
  width: 500px;
  height: 400px;
 background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  pointer-events: none;
  z-index: 1000;
  transition: opacity 0.25s ease;
}
/* Cuando el menú se cierra → oculta al instante */
#slide-out-widget-area:not(.open) .hover-image {
  opacity: 0 !important;
}


/* Home */
.homeslide1 *{color: #fff !important}
.homeslide1 .button a.primary-color{border-radius: 0; border: 0 !important; text-decoration: underline; padding: 0; font-size: 20px; letter-spacing: 1px;}
#home2 h2{font-size: 60px; padding-bottom: 20px}
#home2 .wpb_text_column{max-width: 700px; margin: 0 auto}
#home2 p{font-size: 24px; }
#home2 .milink{margin-top: 20px}
#home4 h2{margin-top: 40px; margin-bottom: 20px}
#home4 .wpb_text_column{max-width: 500px}
#home4 .flickity-viewport{margin-bottom: 0}
#home4 .flickity-button{top: inherit; bottom: 40px; transform: none; width: 70px; height: 100px; background-size: cover;}
#home4 .flickity-button svg{display: none;}
#home4 .flickity-button:before, #home4 .flickity-button:after{content: none}
#home4 .flickity-button.previous{left: calc(50% - 200px); background-image: url('https://www.erarustica.com/wp-content/themes/salient-child/images/angle-left-thin-full.svg'); background-repeat: no-repeat;}
#home4 .flickity-button.next{left: calc(50% - 120px); background-image: url('https://www.erarustica.com/wp-content/themes/salient-child/images/angle-right-thin-full.svg');background-repeat: no-repeat;}
#home5 h2{}
#home5 p{color: #F4F4F4}
#home5 .flickity-button svg{display: none;}
#home5 .flickity-button:before, #home5 .flickity-button:after{content: none}
#home5 .flickity-button.previous{display: none}
#home5 .flickity-button.next{left: inherit;  right: -100px; background-image: url('https://www.erarustica.com/wp-content/themes/salient-child/images/angle-left-thin-full-white.svg');background-repeat: no-repeat; transform: none; width: 70px; height: 100px; background-size: cover;}
#home5 .cell:not(.is-selected) .row-bg-wrap{background: rgba(0,0,0,0.4); z-index: 100}
#home6 h2{}
#home6 p{font-size: 18px}
#home6 .swiper-slide .container .content{max-width: calc(50% - 80px);  background: rgba(112,112,112,0.5);  padding: 40px;  margin: 0 40px;}
#home6 .swiper-container .slider-prev i, #home6 .swiper-container .slider-next i{display: none}
#home6 .swiper-container .slider-prev{background-image: url('https://www.erarustica.com/wp-content/themes/salient-child/images/angle-left-thin-full-white.svg'); background-repeat: no-repeat;top: inherit;  bottom: 30px;width: 70px; height: 85px; background-size: cover;}
#home6 .swiper-container .slider-next{background-image: url('https://www.erarustica.com/wp-content/themes/salient-child/images/angle-right-thin-full-white.svg'); background-repeat: no-repeat;top: inherit;  bottom: 30px;width: 70px; height: 85px; background-size: cover; right: 50px}
.homeproyecto .vc_col-sm-12{height: 100vh}
.homeproyecto h2{}
.homeproyecto h3{margin: 20px 0}
.homeproyecto .wpb_wrapper{max-width: 600px;  margin: 100px auto !important}

/* Pagina */
#toppagina .wpb_text_column{max-width: 800px; text-align: center; margin: auto;}
#toppagina .wpb_text_column p{font-size: 26px;}

/* Form */
#bcoment{margin-bottom:100px}
#bcoment h2{ margin-bottom: 40px}
#bcoment form{width: 80%}
form input:not(.wpcf7-submit), form textarea{color: #fff !important; background-color: transparent !important}
.wpcf7 form.wpcf7-form input.wpcf7-submit{background-color: #DFD7C9; color: #756E61 !important; border-radius: 50px !important; padding: 30px 100px !important; text-transform: uppercase; width: 100%; margin-top: 40px}
form small{color: #F4F4F4; font-size: 14px}

#bcoment .vc_column-inner{padding: 5%}
#bcoment .vc_column-inner::after{
  content: '';
  position: absolute;
  bottom: -140px;
  right: 120px;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 140px solid transparent;
  border-top: 140px solid #756E61;
}

/* Proyecto */
#casa1 .button a.extra-color-1{border-radius: 25px !important; text-decoration: none; letter-spacing: 1px; font-size: 18px}
#casa1 .swiper-slide .container{max-width: 90%}
#casa1 .swiper-slide .container .content{bottom: 150px !important}
#casa3 .flickity-viewport{margin-top: 0}
#casa3 .flickity-prev-next-button.previous, #casa3 .flickity-prev-next-button.next{top: inherit; bottom: 20px}
#casa3 .flickity-prev-next-button.previous{right: 100px; left: inherit}
#casa3 .flickity-button:before{background-color: #DFD7C9}
#casa3 .wpb_wrapper > .nectar-hor-list-item:not([data-hover-effect="full_border"]):last-child{border-bottom: 1px solid rgba(0,0,0,.12)}
#casa4 #chapa{position: absolute; top: 50%; z-index: 100; left: 50%; text-align: center; background: rgba(0,0,0,0.2); padding: 50px 40px; border-radius: 84px; color: #fff;}
#bshowimg h3{font-family: "PPEditorialOld"; font-style: italic; font-size: 30px}
#bshowimg p{max-width: 750px; padding-top: 10px}

/* Proyecto logueado */
#carru .row_col_wrap_12{padding-left: 10%; padding-right: 10%}
#carru .wpb_row .vc_col-sm-6{padding: 0 1%}

.hover-image {
  position: absolute;
  top: 50%;
  left: 50%; /* empieza justo al lado del div */
  transform: translateY(-50%);
  width: 400px;
  height: 600px;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1;
}

/* --- Efecto hover --- */
#bshowimg:hover .hover-image {
  opacity: 1;
}

.hover-image.himg1{background-image: url('https://www.erarustica.com/wp-content/uploads/2025/10/era1.jpg');}
.hover-image.himg2{background-image: url('https://www.erarustica.com/wp-content/uploads/2025/10/era1.jpg');}
.hover-image.himg3{background-image: url('https://www.erarustica.com/wp-content/uploads/2025/10/era1.jpg');}
.hover-image.himg4{background-image: url('https://www.erarustica.com/wp-content/uploads/2025/10/era1.jpg');}
.hover-image.himg5{background-image: url('https://www.erarustica.com/wp-content/uploads/2025/10/era1.jpg');}

/* Timeline */
/* Línea general del timeline */
.timeline .row-bg{height: 1px; background-color: #000; position: relative; top: 50%;}
.timeline .row_col_wrap_12{padding-bottom: 100px}
.timedown{top: 112px}
.timeup .timeline-point{top: 132px}
.timeup .timeline-item{bottom: 20px}
.formuserreg .wpb_text_column{color: #DFD7C9}
#bcoment.formuserreg h2{margin-bottom: 0}
#bcoment.formuserreg .wpcf7-textarea{border: 1px solid #DFD7C9}

.vc_row.timeline {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
.vc_row.timeline::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 1px;
  background-color: #7a5a3a; /* color de línea */
	width: 100%
}

/* Elementos individuales */
.timeline-item {
  text-align: center;
  position: relative;
}

/* Punto del timeline */
.timeline-point {
  width: 18px;
  height: 18px;
  background-color: #7a5a3a;
  border-radius: 50%;
  position: relative;
  margin: 0 auto 15px auto;
  z-index: 2;
}

/* Texto principal */
.timeline-quarter {
  font-family: "Playfair Display", serif;
  font-size: 20px;
  font-style: italic;
  color: #514636;
  margin-bottom: 8px;
}

/* Texto secundario */
.timeline-text {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: #4b4b4b;
  text-decoration: underline;
  cursor: pointer;
}


/* --- Cursor personalizado --- */
/*.custom-cursor {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-10%, -10%);
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.1s linear;
  z-index: 3;
}*/

.custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    /*border: 2px solid #000;*/
	background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.1s ease;
    z-index: 9999;
}
.cursor-active .custom-cursor {
    opacity: 1;
}
.cursor-active {
    cursor: none !important;
}

@media (min-width: 1600px){
	h1{font-size: 120px}
	h2{font-size: 66px}
	p{font-size: 22px}
}