/* Estilos generales para tipografía y elementos comunes */
h4,
h5,
h6,
li a,
li,
.meta-excerpt,
.post-author,
p,
a , .wpcf7-submit, input{
    font-family: 'National-BOOK', sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.2px !important;
    color: #353535;
}
  h2 { 
       color: #535353;
    }
 .right-side-inner a{   
    font-family: 'National-Light', sans-serif !important;
    }
.off-canvas-social-links a:hover{
filter: brightness(0) saturate(100%) invert(42%) sepia(90%) saturate(421%) hue-rotate(314deg) brightness(90%) contrast(91%);
}
.wpcf7-form .wpcf7-not-valid-tip {
    padding: 6px 6px !important;
    }
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous, .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
    width: 32px !important;
    height: 32px !important;
}
.nectar-flickity[data-controls*=arrows_overlaid] .previous:after, .nectar-flickity[data-controls*=arrows_overlaid] .next:after {
    display:none !important;
    }
  .overflow-visible{
  overflow:visible;
  }  
 body .nectar_hook_global_section_footer .vc_row-fluid>.span_12>.wpb_column {
    padding-left: 9px;
    padding-right: 9px;
}
.wpcf7 form.invalid .wpcf7-response-output{
display:none;
}
span.select2.select2-container.select2-container--default, span.select2-selection.select2-selection--single {
    height: 51px !important;
}

::placeholder{
    font-family: 'National-BOOK', sans-serif !important;
    font-size: clamp(16px, 17px, 17px) !important;
    }
body[data-form-submit=regular] button[type=submit]:hover{
opacity:1 !important;
}    
.btn{
	font-family: 'National', sans-serif !important;
}
.df-btn:hover .iwt-icon {
    transform: translateX(4px);
}
.df-btn .iwt-icon {
    transition: transform 0.3s ease;
}
a.df-btn.red.back p{
    padding-left: 10px;
}
#header-outer[data-lhe=animated_underline] #top nav>ul>li>a {
    background-color: white;
    padding: 11px !important;
    color:#de5856 !important;
}
h2,
h3{
    font-family: 'National-Light', sans-serif !important;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.2px !important;
    color: #353535;
}
h1 .df-btn p, .post-heading a {
	font-family: 'National-Regular', sans-serif !important;
     color: #ec5d5b;
}
a:hover,a:hover p {
	color: #ec5d5b !important;
}
 
/* Efecto "Bounce to Right" (CSS Puro) */
.btn {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
}
.select2-container--default .select2-selection--single, body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single{
 font-size:18px !important;
}
.btn:disabled::before  {
background:#cccccc;}
.btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ec5d5b;
    transform: scale(1);
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    border-radius: 8px;
}
.btn:hover, 
.btn:focus, 
.btn:active {
    color: white !important;
}
.btn:hover:before, 
.btn:focus:before, 
.btn:active:before {
    transform: scale(1.06);    
}
.normal-container .right-side {
    width: 46% !important;
}

.normal-container .left-side {
    width: 50% !important;
}
    .nectar-scrolling-text h2{
    font-size: 10vw !important;
    }

  h3{  
  font-size: clamp(20px, 1.38vw, 28px) !important;  
  }
  


.post-featured-img img {
    width: 380px !important;
    height: 370px !important;
}

.nectar-close-indicator.visible {
    opacity: 0;
}

a.nectar-button.medium.regular.accent-color.regular-button {
    border-radius: 5px !important;
}

a {
    text-decoration: none !important;
}

h1 {
    font-family: 'National-Regular', sans-serif !important;
    font-size: clamp(32.95px, 4.5vw, 85.77px) !important ;
    color: #535353;
    font-weight: 500 !important;
    line-height: 80%  !important;
}

.related-post-wrap {
    padding-top: 20px;
}

.p {
    font-size: 1.4rem;
    color: #353535;
}
/* Estilos para el menú del footer */
.footerMenu li {
    list-style: none;
    color: white;
    padding-bottom: 2%;
}

.footerMenuBt img {
    width: 92px !important;
}
.nectar-scrolling-text.font_size_10vw .nectar-scrolling-text-inner * {
        margin-left: 7vw;
        }
span#foot {
    color: #ec5d5b;
    font-size: 8.8vw !important;
    margin: 0 2vw;
    line-height: 8vw;
}
.social p {
    font-size: 1.7vw !important;
    padding-bottom: 4%;
    font-family: 'National-Regular', sans-serif !important;
}

.material .footerMenu .menu li a {
    font-size: 2.15vw !important;
    line-height: 32.98px;
    font-weight: 400 !important;
    font-family: 'National-Regular', sans-serif !important;
}

.copy h4 {
    color: white;
}

.copy-r {
    display: flex;
    align-items: center;
    /* Centra los elementos verticalmente */
    justify-content: left;
    padding-bottom: 0px !important;
}

.copy-r p {
    margin-top: 19px;
    float: left;
    color: white;
    padding-bottom: 15px;
}

.off-canvas-social-links {
    list-style: none;
    /* Elimina las viñetas */
    display: flex;
    /* Coloca los elementos en línea */
    padding-bottom: 10px;
    margin: 0;
    /* Elimina los márgenes */
}

.off-canvas-social-links li {
    padding: 0px !important;
    display: inline-block;
    /* Asegura que los elementos estén alineados en línea */
}

.off-canvas-social-links a {
    text-decoration: none;
    /* Elimina el subrayado */
    color: inherit;
    /* Mantiene el color del texto */
}

.footerMenuBt .row .col img.img-with-animation.nectar-lazy:not([srcset]) {
    width: 64%;
}
.section-title h2,
.section-title h1 {
    font-family: 'National', sans-serif !important;
    line-height: 1;
    color: #535353;
    font-weight: 500;
}

.section-title {
    border: none !important;
}

.page-header-no-bg {
    display: none;
}

.uppercase-text {
    text-transform: uppercase;
}

/* Estilos específicos para títulos en secciones como .post y .containerScroll */
.blur .wpb_wrapper h2.vc_custom_heading,
.blur.mv h6,
.post h6,
.containerScroll h1,
.containerScroll h2,
.post-heading,
.nectar-scrolling-text-inner__text-chunk {
    font-family: 'National', sans-serif !important;
    font-weight: 400;
}

/* Estilos para el contenedor de texto destacado */

h2 .highlight, h2 highlight-white {
    font-family: 'Literata', sans-serif !important;
    font-weight: 400;
    font-size: calc(2.9vw * 0.893);
    color: #ec5d5b;
}
h1 .highlight,
h1.highlight {
    font-family: 'Literata', sans-serif !important;
    font-weight: 400;
    font-size:calc(clamp(32.95px, 4.5vw, 85.77px) * 0.893)!important;
    color: #ec5d5b;
}
 h1 .highlight-white {
    font-size: clamp(29.98px, 3.96vw, 76px);
 }
.home .quote-text {
    font-family: 'Literata-Regular', sans-serif !important;
    font-weight: 400;
    font-size: calc(2.7vw * 0.893);
    line-height: 1;
    text-align: left;
}

/* Estilos para el encabezado transparente */
#header-outer[data-permanent-transparent="1"][data-transparent-header=true].transparent:not(.dark-slide) #logo img.dark-version {
    opacity: 1 !important;
}

/* Estilos para animaciones de hover */
.right-side-inner:hover a {
    color: #ec5d5b !important;
    animation: dash 1s ease-in forwards;
}

.hover-wrap {
    display: grid;
}

.hover-wrap-inner2 {
    position: relative;
    inset: 20% -40%;
    align-self: start;
}

.hover-wrap-inner img {
    max-width: 100%;
}

/* Estilos para el menú de blog */
#menu-item-6960 a::after {
    content: " - Blog" !important;
    position: relative  !important;
    display: contents  !important;
    color: #ffffff;
    font-size: 30px;
    font-family: 'National-Light', sans-serif !important;
    font-weight: 300;
    margin-left: 5px;
    transition: all 0.3s ease;
}

/* Estilos para el área de widgets deslizante */
#slide-out-widget-area.fullscreen-split .menu li a:hover {
    color: #fff !important;
}

#slide-out-widget-area.fullscreen-split .off-canvas-menu-container li a:after {
    border-top: 1px #000 !important;
}

/* Estilos para el fondo del área de widgets */
#slide-out-widget-area-bg.fullscreen-split {
    background-color: #353535f5 !important;
    backdrop-filter: blur(9px);
    opacity: 1 !important;
}

.blur {
    backdrop-filter: blur(9px);
}

.right-side-inner a {
    font-size: 2vw;
}

.right-side-inner {
    inset: 16% 0%;
    position: relative;
}

.right-side-inner h3 {
    font-size: clamp(21px, 3.9vw, 75px) !important;
    line-height: 1;
    font-family: 'National-Regular', sans-serif !important;
}

/* Estilos para el menú transparente */
#header-outer.transparent.dark-slide>#top nav .sf-menu>.current_page_item>a {
    color: #ec5d5b;
}

.right-side-inner:hover #flecha {
    animation: dashmenu 1s ease-in forwards !important;
}
.mobile-only.df-btn {
display: none;
}
/* Media queries para dispositivos móviles */
@media (max-width: 767px) {
  #menu-item-6960 a::after {
    font-size: 20px;}
    
    .pc{
    display: none !important;
    }
    body .nectar_hook_global_section_footer .vc_row-fluid>.span_12>.wpb_column {
    padding-left: 7%;
}
span#foot {
	font-size:  calc(11vw * 0.893)!important;
    line-height: 10vw;
}
    .mobile-only.df-btn {
    display: flex;
    align-items: center;
    background-color: #ec5d5b;
    color: white;
    border-radius: 6px;
    justify-content: center;
    position: relative;
    width: fit-content;
    min-width: min-content;
    padding: 22px;
}
.mobile-only.df-btn p{
 color: #fff;
 padding-left: 10px;
 font-size: clamp(20px, 1.04vw, 20px);
 font-family: National-Regular !important;
 font-weight: 500 !important;
 }
    .featured-media-under-header__content, .link {
    padding-left: 0% !important;
	}
    .post-heading {
    line-height: 1.2 !important;
    }
    .copy-r p {
    font-size: 16px;
    }
    .vc_separator.vc_sep_color_pink .vc_sep_line {
    left: 40%;
    width: 50% !important;
    }
    .highlight-white, .highlight {
    font-size: calc(1.6rem * 0.893) !important;
    }
    .section-title h2, .section-title h1 {
    font-size: calc(2rem * 0.893) !important;
    }
    h2{
    	font-size: 8.99vw !important;
         line-height: 1 !important;
    }
    .normal-container .left-side {
        width: 100% !important;
        top: -30px;
        position: relative;
    }
.text-mask h1, .text-mask2 h1, .text-mask3 h1 {
    font-size: 8vw !important;
    }

.contenedor-relativo {
    position: relative;
    padding-top: 424px !important;
}
    .contenedor-imagen {
    width: 114% !important;
    left: -7% !important;
}
    #slide-out-widget-area.fullscreen-split .inner>.container {
    margin-top: 16% !important;
}
.footerMenuBt {
    padding-top: 30px !important;
}
body #slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li > a{
		font-size: 30px !important;
        line-height: 88% !important;
}
body .off-canvas-menu-container .menu li:hover::before {
    width: 2rem;
    height: 2rem;
}
    .normal-container .right-side {
        width: 100% !important;
    }

    .hover-wrap-inner2 {
        display: none;
    }

    .right-side-inner {
        position: relative;
        background-color: #ec5d5b;
        width: 80%;
        margin-left: 0px;
        padding: 10px 24px;
        height: auto;
        border-radius: 8px;
        margin: auto;
    }

    .movil-img-arr {
        display: block !important;
        padding-top: 2%;
        width: 60%;
        left: -11%;
        position: fixed;
    }


    #logo {
        top: -5px;
    }

    .off-canvas-social-links {
        padding-top: 0px !important;
    }

    #ajax-content-wrap .vc_row.left_padding_tablet_8pct .row_col_wrap_12 {
        padding-right: 0%;
        padding-left: 0% !important;
    }

    #menu-footer-menu,
    #menu-footer-menu-2 {
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .nectar_hook_global_section_footer .wpb_column:not([class*=vc_col-xs]) {
        margin-bottom: 35px;
    }
 
    .wpcf7 p {
        display: block;
        line-height: 1;
        padding-bottom: 1.2em;
    }
 body[data-fancy-form-rcs="1"] .fancy-select-wrap {
     padding-top: 0px !important; 
}
    .social p {
        font-size: 14px !important;
        font-family: 'National-Regular', sans-serif !important;
    }

    .material .footerMenu .menu li a,
    .material h6 {
        font-size: 20px !important;
    }

    .mobile-only .nectar-cta.mobile-only {
        left: 60%;
        position: relative;
    }

    .mobile-only .nectar-cta.has-icon .link_wrap i {
        margin-right: 0px;
    }

    body #slide-out-widget-area .inner .off-canvas-menu-container li a {
        font-size: 30px !important;
        line-height: 1 !important;
    }

    a i.label {
        display: none;
    }

    .right-side-inner h3 {
        font-size: 21.6px !important;
       line-height: 1;
    }

    .right-side-inner a {
        font-size: 0.8rem;
    }
}

body #header-outer {
    background-color: transparent !important;
}

/* Estilos para el título de las publicaciones */
.post-heading span {
    font-size: 40px !important;
    font-weight: 500;
}


/* Estilos para el menú off-canvas */
.off-canvas-menu-container .menu li a {
    position: relative;
    transition: transform 0.1s ease !important;
}

.off-canvas-menu-container .menu li a:hover {
    transform: translateX(10px);
}

.off-canvas-menu-container .menu li::before {
    content: '';
    position: absolute;
    background-color: #ec5d5b;
    width: 0;
    height: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: width 0.2s ease, height 0.2s ease;
    z-index: -1;
}

.off-canvas-menu-container .menu li:hover::before {
    width: 4rem;
    height: 4rem;
}

/* Estilos para documentos y precios */
.document {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.document .data,
.document .datablack {
    margin: 5px 0 5px 0;
    padding: 4px 8px 2px 8px;
}

.document .data {
    background-color: #fff;
    color: black !important;
}

.document .datablack {
    background-color: #848585;
    color: #fff !important;
}



#ajax-content-wrap {
    z-index: 100;
}

@media (min-width: 1px) and (max-width: 999px) {
    .mobile-only .menu {
        display: none;
    }

    #top .slide-out-widget-area-toggle a span .lines-button.hover-effect {
        left: -30px;
        margin-top: -2px;
        display: none;
    }

    #header-outer #top nav,
    .slider-nav span span {
        display: block !important;
    }


    #top #mobile-cart-link,
    #top .mobile-search,
    #top .span_9>.slide-out-widget-area-toggle {
        display: none;
    }
}

.df-btn {
    display: flex;
    align-items: center;
    width: 32px;
    height: 32px;
    width: 100%;
}

.df-btn p {
    padding: 0px;
    margin-right: 8px;

}


.df-btn .iwt-icon {
    background-color: #ec5d5b;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    padding: 6px;
}


.close-line.close-line1 {

    height: 100%;
    width: 2px;
    background: #ec5d5b !important;
    backface-visibility: hidden;
    position: absolute;
    border-radius: 5px;
    left: 9px;
    /* transition: opacity .2s ease, background-color .2s ease; */
    transform: translateY(0px) translateX(10px) rotate(45deg);

}

.close-line.close-line2 {

    height: 100%;
    width: 2px;
    background: #ec5d5b !important;
    backface-visibility: hidden;
    position: absolute;
    border-radius: 5px;
    left: 9px;
    /* transition: opacity .2s ease, background-color .2s ease; */
    transform: translateY(0px) translateX(10px) rotate(-45deg);

}

/* Media queries para ajustes responsivos */
@media (min-width: 1023px) {
.right-side svg{
scale: 1.1;
}
sa svg{
scale: 1.15;
}
 h2 .highlight, h2 .highlight-white {
    font-size: calc(2.9vw / 0.893)!important;
    padding-left: 0px !important;
}
 
    h2 { 
      font-size: 3.75vw !important;
      line-height: 1 !important;
    }
}
@media (min-width: 1366px) {
        .content h2.post-heading span {
    font-size: 35px !important;
    }
    .right-side-inner h3 {
        font-size: 75px;
        line-height: 1;
    }
    .text h4 {
    font-size: 27px !important;
    }
}


@media (min-width: 1441px) {
.right-side svg{
scale: 1.1;
scale: 1.5;
transform: translate(-3%, -8%);
}
           h1 .highlight, h1.highlight, h2 .highlight, h1 .highlight-white {
    font-size: calc(3.4.rem * 0.893); 
}
    .section-title h2, .section-title h1 {
    font-size: calc(4.8rem * 0.893) !important;
    }
   
    body[data-fancy-form-rcs="1"] .select2-container .select2-selection--single .select2-selection__rendered {
        padding-top: 0.5%;
    }

    .img-with-aniamtion-wrap.translate_x_desktop_40pct.translate_y_desktop_-75pct {
        -webkit-transform: translateX(40%) translateY(-75%);
        transform: translateX(38%) translateY(-100%);
    }

    body #slide-out-widget-area .inner .off-canvas-menu-container li a {
        font-size: 4rem !important;
        line-height: 1 !important;
      
    }

    .right-side-inner h3 {
        font-size: 3.9vw !important;
        line-height: 6rem;
    }

    .off-canvas-menu-container .menu li:hover::before {
        width: 6rem;
        height: 6rem;
    }

}

/* Animaciones para SVG */
.dpath1 {
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
}

@keyframes dash {
    from {
        stroke-dashoffset: 2822;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes marker {
    to {
        stroke-opacity: 1;
    }
}


.blogpath {
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
}

.dpath2 {
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
}

@keyframes dashmenu {
    from {
        stroke-dashoffset: 2822;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.hover-wrap-inner2 .bg-slate-400.origi {
    display: flex;
}

.nectar_hook_global_section_footer {
    z-index: 1;
}

.wpcf7 {
    position: relative;
    z-index: 2;
}

.btn, .wpcf7-submit{
    width: fit-content;
    display: inline-flex;
    background-color: #ec5d5b;
    color: white !important;
    border-radius: 8px!important;
    font-size: clamp(20px, 1.04vw, 20px); !important;
    margin-top: 10px;
    line-height: 1 !important;
    padding: 10px 26px !important;
    text-align: center;
    align-items: center;
    justify-content: center;
    float: left;
    border: none;
    height: 48px;
    font-family: 'National-BOOK', sans-serif !important;
}
.nectar-button.btn {
	border-radius: 8px !important;
}

.btn:disabled {
    background-color: #cccccc;
    /* Color cuando está deshabilitado */
    cursor: not-allowed;
    /* Cambia el cursor a "no permitido" */
    opacity: 0.7;
    /* Reduce la opacidad */
}

.contenedor-imagen {
    width: 100%;
    /* Ocupa todo el ancho disponible */
    max-height: 480px;
    /* Altura fija de 480px */
    background-size: cover;
    /* La imagen cubre todo el contenedor */
    background-position: center;
    /* Centra la imagen */
    background-repeat: no-repeat;
    /* Evita que la imagen se repita */
    display: flex;
    position: fixed;
    left: 0px;
    top: -10px;
    height: 45vh !important;
}

.contenedor-relativo {
    position: relative;
    padding-top: 20% !important;
    /* Igual a la altura del div absoluto */
}

.featured-media-under-header__content,
.link {
    padding-left: 10%;
}


.related-title,
.meta-category,
.article-content-wrap .grav-wrap {
    display: none !important;
}

button.flickity-button.hidden {
    display: block !important;
}

.hidden {
    display: none !important;
}

.nectar-button.tilt:hover,
.swiper-slide .button.solid_color_2 a:hover {
    transform: none !important;
}

.loader img {
    z-index: 1;
    border-radius: 45px;
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=search],
input[type=date],
input[type=number],
input[type=textarea],
.woocommerce input#coupon_code {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 1em;
    background-color: #ffffff;
    border: solid 1px #53535382;
}

.current-lang span {
    color: #ec5d5b;
}
span.meta-date.date.published {
    text-transform: capitalize;
}
.nectar-link-underline-effect a {
    background-size: 100% 0px !important;
}
.post-date, .meta-date{
	text-transform: capitalize;
}
body #slide-out-widget-area .inner .off-canvas-menu-container li a {
        mix-blend-mode: plus-lighter;
    }
/* Tablet vertical (2 columnas por defecto) */
@media (min-width: 768px) and (max-width: 991px) {
  .btn{
      font-size: 20px !important;
  }
}

body .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button:before {
    border-radius: 0px !important;
}
.first-txt{
  font-size: clamp(18px, 2vw, 36px) !important;
  font-family: 'Literata-Regular' !important;
  line-height: 140% !important;
}
.post-navigation a {
    display: contents;
}
.post-area  strong, .post-area .bold {
    font-family: 'National-Medium';
    font-weight: 600;
    font-size: clamp(22px, 2vw, 36px) !important;
}
.post-area p:has(> strong), .post-area p:has(> .bold){
  padding: 20px 0;
}