/*
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
*/

/* Fallback visual: opacidad 1 hasta el 70%, y 0 al 100%. */
.nectar-animated-gradient,
canvas.nectar-animated-gradient,
.nectar-animated-gradient canvas {
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

/* MENU */
.menu-title-text .nectar-text-reveal-button {
    font-size: 14px !important;
    letter-spacing: 0.1em !important;
}

/* form */
.form_row {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

@media only screen and (min-width: 768px) {
    .form_row {
        flex-direction: row;
    }
}

.form_row + .form_row  {
    margin-top: 15px;
}

@media only screen and (min-width: 768px) {
    .form_row + .form_row  {
        margin-top: 30px;
    }
}

.row_center {
    display: flex;
    justify-content: center;
    margin-top: 50px !important;
}

@media only screen and (min-width: 768px) {
    .row_center {
        margin-top: 70px !important;
    }
}

p.row_center  {
    position: relative;
}

.row_center .wpcf7-spinner {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.wpcf7-not-valid-tip {
    background: transparent;
    font-size: 14px !important;
    margin: 3px 0 0 0;
}

.wpcf7 .wpcf7-response-output {
    background: transparent;
    font-size: 14px !important;
}

input[type="submit"] {
    color: black !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 35px !important;
    padding-left: 35px !important;
    line-height: 1.2em;
}

@media only screen and (max-width: 767px) {
    body[data-responsive] input[type=text],
    body[data-responsive] input[type=email],
    body[data-responsive] input[type=password],
    body[data-responsive] input[type=tel],
    body[data-responsive] input[type=url],
    body[data-responsive] input[type=search],
    body[data-responsive] input[type=date],
    body[data-responsive] input[type=number],
    body[data-responsive] textarea,
    .woocommerce input#coupon_code {
        padding: 7px !important;
}
}


/* form */
.toggles .toggle {
    border: 1px solid #084030 !important;
    border-radius: 20px;
}

.toggle + .toggle {
    margin-top: 20px;
}


.toggle .toggle-title  {
    padding: 15px 30px;
}

.toggle .toggle-title a {
    padding: 0 !important;
    position: relative;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    color: white !important;
}

@media only screen and (min-width: 768px) {
    .toggle .toggle-title a {
    font-size: 20px !important;
}
}

.toggle .toggle-title i {
    width: 22px !important;
    height: 22px !important;
    /* border: 2px solid #084030 !important; */
}

.toggle .toggle-title i:before {
    top: 10px !important;
    left: 5px !important;
    width: 8px !important;
    height: 2px !important;
    /* background: #084030 !important; */
}

.toggle .toggle-title i:after {
    top: 5px !important;
    left: 10px !important;
    width: 2px !important;
    height: 8px !important;
    /* background: #084030 !important; */
}

.inner-toggle-wrap {
    padding: 30px !important;
}


/* TABLET PORTRAIT: 690px - 1000px */
@media only screen and (min-width: 691px) and (max-width: 999px) {
  
  /* Columnas de 1 solo (12 cols) - mantienen 100% */
  .vc_col-sm-12 {
    width: 100% !important;
  }
  
  /* Columnas de 1/2 (6 cols) - 50% en tablet */
  .vc_col-sm-6 {
    width: 50% !important;
  }
  
  /* Columnas de 1/3 (4 cols) - 50% en tablet */
  .vc_col-sm-4 {
    width: 50% !important;
  }
}

/* TABLET LANDSCAPE y DESKTOP: >1000px */
@media only screen and (min-width: 1000px) {
  .vc_col-sm-4 {
    width: 33.333% !important;
  }
  
  /* .vc_col-sm-6 {
    width: 33.333% !important;
  } */
}

/* imag reset */
.img-inherit {
    width: inherit !important;    
}

/* Blog */
.nectar-post-grid-wrap[data-style=content_next_to_image] .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *,
.nectar-post-grid-wrap[data-style=content_under_image] .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *,
.nectar-post-grid-wrap[data-style=vertical_list] .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item:not(:hover) .content * {
    color: white !important;
}

.nectar-post-grid-wrap[data-style=content_under_image] .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content .meta-category a {
    color: #1BCE8D !important;
}

.nectar-post-grid-item__meta-wrap {
    opacity: 0.4;
}

/* Related posts */
body .related-posts[data-style=material] .inner-wrap .meta-category a {
    color: #1BCE8D !important;
}

body .related-posts[data-style=material] .inner-wrap .grav-wrap {
    display: none !important;
}

/* Single */
.featured-media-under-header__cat-wrap .meta-category a {
    color: #1BCE8D !important;
}

.featured-media-under-header__meta-wrap .meta-author {
    display: none !important;
}

.featured-media-under-header__meta-wrap .meta-date:before {
    display: none !important;
}

/* Footer */
.nectar_hook_global_section_footer .row_center {
    justify-content: flex-start !important;
}

.nectar_hook_global_section_footer .row_center {
    margin-top: 30px !important;
}

@media only screen and (min-width: 768px) {
    .nectar_hook_global_section_footer .row_center {
        margin-top: 50px !important;
    }
}

.footer-menu {
    letter-spacing: 0.1em !important;
}

/* Gallery */
.portfolio-items .col .work-item:before  {
    content: "";
    background:rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.portfolio-items .work-info .vert-center {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    position: relative;
}

/* Reemplaza el svg de flecha: play para video, + para imagen */
.portfolio-items .work-info .next-arrow,
.portfolio-items .work-info .line {
    display: none !important;
}

.portfolio-items .work-item .work-info .vert-center::after {
    position: absolute;
    bottom: 0;
    right: 30px;
    content: "+";
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    transition: transform 0.25s ease, background-color 0.25s ease;
}

.portfolio-items .work-item .work-info a.default-link[href*=".mp4" i] + .vert-center::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M8 6v12l10-6-10-6Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}

.portfolio-items .work-item:hover .work-info .vert-center::after {
    transform: scale(1.08);
    background-color: rgba(0, 0, 0, 0.55);
}

/* extras */
@media only screen and (min-width: 768px) {
    #extras h2 {
        font-size: 50px !important;
        line-height: 0.9em !important;
    }
}

@media only screen and (min-width: 992px) {
    #extras h2 {
        font-size: 60px !important;
        line-height: 0.9em !important;
    }
}