/*
Theme Name: Buddhi
Theme URI: https://wpkoi.com/buddhi-wpkoi-wordpress-theme/
Author: wpkoithemes
Author URI: https://wpkoi.com
Description: Buddhi is a dynamic WPKoi theme, offers a contemporary, solid, colorful, pink, brutalist design for unique portfolio, business or agency websites. It's a versatile multipurpose theme ideal for showcasing your art, business, event, portfolio, blog, webshop, or products. Buddhi seamlessly integrates the power of Elementor's drag-and-drop page builder, WooCommerce shop module, and Contact Form 7 for effective content management. The premium demo leverages the Buddhi premium plugin for added features. With an intuitive admin panel, extensive customizer options, and block-based template parts, Buddhi empowers you to build your dream website without any coding expertise. This responsive theme ensures a flawless display on various devices, enhancing user experience. Craft your online presence with Buddhi and share it with the world. Comprehensive installation and styling guidance is available in our documentation at wpkoi.com/docs.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: buddhi
Tags: one-column, blog, e-commerce, flexible-header, full-width-template, custom-background, custom-colors, sticky-post, translation-ready, featured-images, editor-style
*/
body{
    background-color: #ffffff !important;
    font-family: Inter, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
    text-transform: none !important;
    font-size: var(--buddhi--body-font-size);
    line-height: 1.6 !important;
    color: #1f2937 !important;
    padding-top: var(--buddhi--side-top);
    padding-right: var(--buddhi--side-right);
    padding-bottom: var(--buddhi--side-bottom);
    padding-left: var(--buddhi--side-left);
    border:0;
    margin:0;
}
.buddhi-body-padding-content {
    overflow: hidden;
    position: relative;
    background-color: #ffffff !important;
    border-radius: 0 !important;
}
a {
    color: #0ea75a !important;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: #0a5b34 !important;
}
body #page {
    margin: auto;
    width: 100%;
}
h1{
    font-family: Inter, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 800 !important;
    text-transform: none !important;
    font-size: var(--buddhi--heading-1-font-size);
    line-height: 1.1 !important;
    color: #1f2937 !important;
}
h2{
    font-family: Inter, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
    font-size: var(--buddhi--heading-2-font-size);
    line-height: 1.2 !important;
    margin-top: 0;
    margin-bottom: 20px;
    color: #1f2937 !important;
}
h3{
    font-family: Inter, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    text-transform: none !important;
    font-size: var(--buddhi--heading-3-font-size);
    line-height: 1.3 !important;
    margin-top: 0;
    margin-bottom: 20px;
    color: #1f2937 !important;
}
h4{
    font-family: var(--buddhi--font-heading-4);
    font-weight: var(--buddhi--heading-4-weight);
    text-transform: var(--buddhi--heading-4-transform);
    font-size: var(--buddhi--heading-4-font-size);
    line-height: var(--buddhi--heading-4-line-height);
    margin-top: 0;
    margin-bottom: 20px;
}
h5{
    font-family: var(--buddhi--font-heading-5);
    font-weight: var(--buddhi--heading-5-weight);
    text-transform: var(--buddhi--heading-5-transform);
    font-size: var(--buddhi--heading-5-font-size);
    line-height: var(--buddhi--heading-5-line-height);
    margin-top: 0;
    margin-bottom: 20px;
}
h6{
    font-family: var(--buddhi--font-heading-6);
    font-weight: var(--buddhi--heading-6-weight);
    text-transform: var(--buddhi--heading-6-transform);
    font-size: var(--buddhi--heading-6-font-size);
    line-height: var(--buddhi--heading-6-line-height);
    margin-top: 0;
    margin-bottom: 20px;
}
a,abbr,acronym,applet,big,cite,code,del,dfn,div,dl,dt,em,font,form,html,iframe,ins,kbd,label,legend,li,object,q,s,samp,small,span,strike,strong,sub,sup,tbody,tfoot,thead,tr,tt,var{
    border:0;
    margin:0;
    padding:0 
}
address,dd,h1,h2,h3,h4,h5,h6,ol,p,table,ul{
    border:0;
    padding:0 
}
blockquote,pre{
    border:0 
}
fieldset{
    margin:0 
}
caption,td,th{
    border:0;
    margin:0;
    text-align:left 
}
html{
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100% 
}
article,aside,details,figcaption,figure,footer,header,main,nav,section{
    display:block 
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline 
}
audio:not([controls]){
    display:none;
    height:0 
}
[hidden],template{
    display:none 
}
caption{
    padding:5px 
}
caption,td{
    font-weight:400 
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"" 
}
blockquote,q{
    quotes:"" "" 
}
.dropdown-click nav ul ul ul,a{
    background-color:transparent 
}
a img,hr{
    border:0 
}
hr{
    background-color:#ccc;
    background-color:rgba(0,0,0,.1);
    height:1px;
    margin-bottom:0;
    margin-top:0 
}
ul{
    list-style:disc 
}
ol{
    list-style:decimal 
}
li>ol,li>ul{
    margin-bottom:0;
    margin-left:1.5em 
}
address,p,pre{
    margin:0 0 1.3em 
}
b,dt,strong,th{
    font-weight:900 
}
dd{
    margin:0 1.5em 1.5em 
}
cite,dfn,em,i{
    font-style:italic 
}
img,pre{
    max-width:100% 
}
pre{
    background:rgba(0,0,0,.05);
    font-family:inherit;
    font-size:inherit;
    padding:20px 
}
code,kbd,tt,var{
    font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace 
}
small,sub,sup{
    font-size:75% 
}
abbr,acronym{
    border-bottom:1px dotted #555;
    cursor:help 
}
sub,sup{
    height:0;
    line-height:0;
    position:relative 
}
sup{
    bottom:1ex 
}
sub{
    top:.5ex 
}
big{
    font-size:125% 
}
button,figure,input,select,textarea{
    margin:0 
}
img{
    height:auto 
}
.alignleft{
    display:inline;
    float:left;
    margin-right:1.5em 
}
.alignright{
    display:inline;
    float:right;
    margin-left:1.5em 
}
.aligncenter{
    clear:both;
    display:block;
    margin:0 auto 
}
.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{
    max-width:100%;
    height:auto 
}
.screen-reader-shortcut,.screen-reader-text,.screen-reader-text span{
    position:absolute!important;
    clip:rect(0,0,0,0);
    height:1px;
    width:1px;
    border:0;
    overflow:hidden 
}
.screen-reader-shortcut:focus,.screen-reader-text:focus{
    clip:auto!important;
    height:auto;
    width:auto;
    display:block;
    font-size:1em;
    font-weight:700;
    padding:15px 23px 14px;
    color:#333;
    background:#fff;
    z-index:100000;
    text-decoration:none;
    box-shadow:0 0 2px 2px rgba(0,0,0,.6) 
}
.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.site-info:after,.site-info:before{
    content:"";
    display:table 
}
.clear:after,.comment-content:after,.entry-content:after,.site-content:after,.site-footer:after,.site-header:after,.site-info:after{
    clear:both 
}
.search-item .screen-reader-text{
    top:0;
    right:0;
    left:auto 
}
.gallery-item{
    text-align:center 
}
.post,.sticky{
    margin:0 0 2em 
}
.bypostauthor{
    font-size:inherit 
}
.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title,.comment-metadata .edit-link:before,.posted-on .updated{
    display:none 
}
.byline,.group-blog .byline,.single .byline{
    display:inline 
}
.entry-content,.entry-summary,.page-content{
    margin:2em 0 0 
}
.page-links{
    clear:both;
    margin:0 0 1.5em 
}
.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{
    margin-top:0 
}
.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child,.comment-content p:last-child{
    margin-bottom:0 
}
.comment-content img.wp-smiley,.entry-content img.wp-smiley,.page-content img.wp-smiley{
    border:0;
    margin-bottom:0;
    margin-top:0;
    padding:0 
}
.wp-caption{
    max-width:100%;
    position:relative 
}
.wp-caption img[class*=wp-image-]{
    display:block;
    margin:0 auto;
    max-width:100% 
}
.wp-caption .wp-caption-text{
    font-size:75%;
    padding-top:5px;
    opacity:.8 
}
.wp-caption img{
    position:relative;
    vertical-align:bottom 
}
.gallery,.wp-caption,ol.comment-list{
    margin-bottom:1.5em 
}
.gallery-item{
    display:inline-block;
    vertical-align:top;
    width:100% 
}
.gallery-columns-2 .gallery-item{
    max-width:50% 
}
.gallery-columns-3 .gallery-item{
    max-width:33.33% 
}
.gallery-columns-4 .gallery-item{
    max-width:25% 
}
.gallery-columns-5 .gallery-item{
    max-width:20% 
}
.gallery-columns-6 .gallery-item{
    max-width:16.66% 
}
.gallery-columns-7 .gallery-item{
    max-width:14.28% 
}
.gallery-columns-8 .gallery-item{
    max-width:12.5% 
}
.gallery-columns-9 .gallery-item{
    max-width:11.11% 
}
.widget select,embed,iframe,object{
    max-width:100% 
}
.comment-form #author,.comment-form #email,.comment-form #url,.gallery-caption{
    display:block 
}
a,button,input{
    transition:color .1s ease-in-out,background-color .1s ease-in-out 
}
blockquote{
    border-left:5px solid rgba(0,0,0,.05);
    padding:20px;
    font-size:1.2em;
    font-style:italic;
    margin:0 0 1.5em;
    position:relative 
}
.footer-bar .textwidget p:last-child,.top-bar .inside-top-bar .textwidget p:last-child,blockquote p:last-child{
    margin:0 
}
table,td,th{
    border:1px solid rgba(0,0,0,.1) fcc5d5
}
table{
    border-collapse:separate;
    border-spacing:0;
    border-width:1px 0 0 1px;
    margin:0 0 1.5em;
    width:100% 
}
td,th{
    padding:8px;
    border-width:0 1px 1px 0 
}
fieldset{
    border:0;
    min-width:inherit 
}
fieldset,fieldset legend{
    padding:0 
}
.site-main .gallery,fieldset legend,p{
    margin-bottom:1.5em 
}
.gallery-item img{
    vertical-align:bottom 
}
.gallery-icon{
    padding:5px 
}
.one-container .comments-area{
    margin-top:1.5em 
}
#wp-calendar{
    table-layout:fixed;
    font-size:80% 
}
#wp-calendar #prev,#wp-calendar #prev+.pad{
    border-right:0 
}
.entry-meta{
    font-size:85%;
    margin-top:.5em;
    line-height:1.5 
}
.cat-links,.comments-link,.tags-links,footer.entry-meta .byline,footer.entry-meta .posted-on{
    display:block 
}
.comment-respond{
    margin-top:0 
}
.post-image{
    margin:2em 0 0 
}
.page-header-image,.page-header-image-single{
    line-height:0 
}
.inside-article .page-header-image-single.page-header-below-title{
    margin-top:2em 
}
#mc_embed_signup .clear{
    display:block;
    height:auto;
    visibility:visible;
    width:auto 
}
.widget-area .widget{
    padding:20px 
}
.site-footer .post{
    margin: 0 0 1em;
}
.wpkoi-cf7-row{
    text-align:left;
    width:100% 
}
.wpkoi-cf7-row input{
    width:100% 
}
.wpkoi-cf7-row textarea{
    height:180px;
    width: 100%;
}
.wpkoi-cf7-col1{
    width:47.5%;
    margin-right:2%;
    display:inline-block 
}
.wpkoi-cf7-col2{
    width:48%;
    float:right;
    display:inline-block 
}
.rotate{
    transform:rotate(90deg);
    transform-origin:left bottom 0 
}
.button,.woocommerce a.button,.woocommerce button.button,html input[type=button],input[type=reset],input[type=submit]{
    border:none;
}
.maxwidth{
    max-width:1920px;
    margin:auto 
}
#page #content {
    padding-top: var(--buddhi--content-top);
    padding-bottom: var(--buddhi--content-bottom);
    padding-left: var(--buddhi--content-left);
    padding-right: var(--buddhi--content-right);
}
.wpkoi-content-container #page #content, .grid-container {
    max-width: var(--buddhi--container-width);
    margin-left: auto;
    margin-right: auto;
}
.page-template-elementor_header_footer #page #content {
    padding: 0;
}
.page-template-elementor_header_footer.wpkoi-content-container #page #content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select {
    color: var(--buddhi--form-text-color);
    background-color: var(--buddhi--form-background-color);
    border-color: var(--buddhi--form-border-color);
}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus {
    color: var(--buddhi--form-text-color-focus);
    background-color: var(--buddhi--form-background-color-focus);
    border-color: var(--buddhi--form-border-color-focus);
}
select, input, textarea {
    background-color: var(--buddhi--form-background-color);
    color: var(--buddhi--form-text-color);
    border-color: var(--buddhi--form-border-color);
    padding-top: var(--buddhi--form-padding-top);
    padding-right: var(--buddhi--form-padding-right);
    padding-bottom: var(--buddhi--form-padding-bottom);
    padding-left: var(--buddhi--form-padding-left);
    border-radius: var(--buddhi--form-border-radius);
    border-width: var(--buddhi--form-border-width);
    border-style: var(--buddhi--form-border-style);
    font-family: var(--buddhi--font-body);
    font-size: var(--buddhi--body-font-size);
    font-weight: var(--buddhi--body-font-weight);
    line-height: var(--buddhi--body-line-height);
    text-transform: var(--buddhi--body-font-transform);
}
input::placeholder, textarea::placeholder {
    color: var(--buddhi--form-text-color);
}
select:focus, input:focus, textarea:focus {
    background-color: var(--buddhi--form-background-color-focus);
    color: var(--buddhi--form-text-color-focus);
    border-color: var(--buddhi--form-border-color-focus);
}
input:focus::placeholder, textarea:focus::placeholder {
    color: var(--buddhi--form-text-color-focus);
}
input[type="checkbox"] {
    border-radius: 0;
    position: relative;
    background-color: var(--buddhi--form-background-color);
    padding: var(--buddhi--form-checkbox-padding);
    height: var(--buddhi--form-checkbox-size);
    width: var(--buddhi--form-checkbox-size);
    border-width: var(--buddhi--form-checkbox-bordersize);
    -webkit-appearance: none;
}
input[type="checkbox"]:after {
    border-radius: 0;
    content: '';
    display: block;
    position: relative;
    background-color: var(--buddhi--form-background-color);
    height: var(--buddhi--form-checkbox-innersize);
    width: var(--buddhi--form-checkbox-innersize);
}
input[type="checkbox"]:checked:after {
    background-color: var(--buddhi--form-text-color);
}
input[type="radio"] {
    border-radius: 100%;
    position: relative;
    background-color: var(--buddhi--form-background-color);
    padding: var(--buddhi--form-checkbox-padding);
    height: var(--buddhi--form-checkbox-size);
    width: var(--buddhi--form-checkbox-size);
    border-width: var(--buddhi--form-checkbox-bordersize);
    -webkit-appearance: none;
}
input[type="radio"]:after {
    border-radius: 100%;
    content: '';
    display: block;
    position: relative;
    background-color: var(--buddhi--form-background-color);
    height: var(--buddhi--form-checkbox-innersize);
    width: var(--buddhi--form-checkbox-innersize);
}
input[type="radio"]:checked:after {
    background-color: var(--buddhi--form-text-color);
}
input[type="number"] {
    width: 3em;
}
.select2-container .select2-dropdown {
    background-color: var(--buddhi--form-background-color);
    color:var(--buddhi--form-text-color);
    border-top: 0;
    padding-top: var(--buddhi--form-padding-top);
    padding-right: var(--buddhi--form-padding-right);
    padding-bottom: var(--buddhi--form-padding-bottom);
    padding-left: var(--buddhi--form-padding-left);
}
.select2-container .select2-selection .select2-selection__arrow {
    height: 3.5rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
}
.select2-container .select2-search__field, .select2-container .select2-selection {
    background-color: var(--buddhi--form-background-color);
    color:var(--buddhi--form-text-color);
    height: inherit;
    font-size: var(--buddhi--body-font-size);
    padding-top: var(--buddhi--form-padding-top);
    padding-right: var(--buddhi--form-padding-right);
    padding-bottom: var(--buddhi--form-padding-bottom);
    padding-left: var(--buddhi--form-padding-left);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:var(--buddhi--form-text-color);
}
.select2-container .select2-dropdown, .select2-container .select2-selection, .select2-container .select2-dropdown .select2-search__field {
    border-radius: var(--buddhi--form-border-radius);
    border-color: var(--buddhi--form-border-color);
    border-width: var(--buddhi--form-border-width);
    border-style: var(--buddhi--form-border-style);
}
.select2-container .select2-dropdown .select2-search__field {
    margin-bottom: 1rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected], .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--buddhi--form-background-color-focus);
    color: var(--buddhi--form-text-color-focus);
}
button, input[type="submit"], .wp-block-post-comments-form input[type=submit], .wp-element-button, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
    background-color: #0ea75a !important;
    color: #ffffff !important;
    border-color: #0ea75a !important;
    border-radius: 50px !important;
    border-width: 2px !important;
    border-style: solid !important;
    font-family: Inter, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    padding-top: 16px !important;
    padding-right: 32px !important;
    padding-bottom: 16px !important;
    padding-left: 32px !important;
    transform: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
}
button[type="submit"]:hover, input[type="submit"]:hover, .wp-element-button:hover, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover {
    background: #0a5b34 !important;
    color: #ffffff !important;
    border-color: #0a5b34 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 32px rgba(14, 167, 90, 0.3) !important;
}
.main-navigation {
    z-index: 100;
    padding: 0;
    clear: both;
    display: block;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    font-weight: normal;
    text-transform: none;
    font-size: 15px;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.inside-navigation {
    position: relative;
}
.main-navigation .inside-navigation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main-navigation .main-nav > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--buddhi--navigation-items-spacing);
}
.main-navigation li {
    position: relative;
}
.main-navigation .menu-bar-items {
    display: flex;
    align-items: center;
    font-size: 15px;
}
.main-navigation .menu-bar-items a {
    color: inherit;
}
.main-navigation .menu-bar-item {
    position: relative;
}
.main-navigation .menu-bar-item.search-item {
    z-index: 20;
}
.main-navigation .menu-bar-item > a {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 60px;
}
.nav-align-center .inside-navigation {
    justify-content: center;
}
.nav-align-center .main-nav > ul {
    justify-content: center;
}
.nav-align-right .inside-navigation {
    justify-content: flex-end;
}
.main-navigation ul ul {
    display: block;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    float: left;
    position: absolute;
    left: -99999px;
    opacity: 0;
    z-index: 99999;
    width: var(--buddhi--subnavigation-width);
    text-align: left;
    top: auto;
    transition: opacity 80ms linear;
    transition-delay: 0s;
    pointer-events: none;
    height: 0;
    overflow: hidden;
}
.main-navigation ul ul a {
    display: block;
}
.main-navigation ul ul li {
    width: 100%;
}
.main-navigation .main-nav ul li.menu-item-has-children > a {
    padding-right: 0;
    position: relative;
}
.main-navigation.sub-menu-left ul ul {
    box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1);
}
.main-navigation.sub-menu-left .sub-menu {
    right: 0;
}
.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul, .main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul {
    right: 100%;
    left: auto;
}
.main-navigation.sub-menu-left ul ul {
    box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1);
}
.main-navigation.sub-menu-left .sub-menu {
    right: 0;
}
.main-navigation:not(.toggled) ul li:hover > ul, .main-navigation:not(.toggled) ul li.sfHover > ul {
    left: auto;
    opacity: 1;
    transition-delay: 150ms;
    pointer-events: auto;
    height: auto;
    overflow: visible;
}
.main-navigation:not(.toggled) ul ul li:hover > ul, .main-navigation:not(.toggled) ul ul li.sfHover > ul {
    left: 100%;
    top: 0;
}
.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul, .main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul {
    right: 100%;
    left: auto;
}
.nav-float-right .main-navigation ul ul ul {
    top: 0;
}
.menu-item-has-children .dropdown-menu-toggle {
    display: inline-block;
    height: var(--buddhi--navigation-items-height);
    padding-right: 0px;
    padding-left: 5px;
}
.menu-item-has-children .dropdown-menu-toggle svg {
    display: inline-block;
    vertical-align: sub;
}
.menu-item-has-children ul .dropdown-menu-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
}
nav ul ul .menu-item-has-children .dropdown-menu-toggle {
    float: right;
}
.nav-aligned-center .main-navigation {
    float: none;
    display: flex;
    text-align: center;
}
.nav-aligned-right .main-navigation .inside-navigation {
    justify-content: end;
}
.site-header {
    position: relative;
}
.inside-header {
    display: flex;
    align-items: center;
    padding: var(--buddhi--header-top) var(--buddhi--header-right) var(--buddhi--header-bottom) var(--buddhi--header-left);
}
.nav-below-header .main-navigation .inside-navigation, .nav-above-header .main-navigation .inside-navigation {
    padding-left: var(--buddhi--header-left);
    padding-right: var(--buddhi--header-right);
}
.main-title {
    margin: 0;
    line-height: 1;
    word-wrap: break-word;
    font-weight: bold;
    text-transform: none;
}
.site-description {
    margin: 0;
    font-weight: normal;
    text-transform: none;
}
.site-logo {
    display: inline-block;
    max-width: 100%;
}
.site-header .header-image {
    vertical-align: middle;
    width: var(--buddhi--desktop-logo-width);
    max-width: var(--buddhi--desktop-logo-width);
}
.site-description {
    display: flex;
    align-items: center;
}
.header-widget {
    margin-left: auto;
}
.header-widget p:last-child {
    margin-bottom: 0;
}
.nav-float-right .header-widget {
    margin-left: 20px;
}
.nav-float-right #site-navigation {
    margin-left: auto;
}
.nav-float-left #site-navigation {
    margin-right: auto;
    order: -10;
}
.nav-float-left .header-widget {
    margin-left: 0;
    margin-right: 20px;
    order: -15;
}
.header-aligned-center:not([class*="nav-float-"]) .inside-header {
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.header-aligned-center:not([class*="nav-float-"]) .header-widget {
    margin-left: auto;
    margin-right: auto;
}
.header-aligned-center:not([class*="nav-float-"]) .inside-header > *:not(:first-child) {
    margin-top: 1em;
}
.header-aligned-right:not([class*="nav-float-"]) .inside-header {
    justify-content: flex-end;
}
.header-aligned-right:not([class*="nav-float-"]) .header-widget {
    margin-right: auto;
    margin-left: 0;
    order: -10;
}
.site-branding-container {
    display: inline-flex;
    align-items: center;
    text-align: left;
    flex-shrink: 0;
}
.site-branding-container .site-logo {
    margin-right: 1em;
}
.menu-toggle, .mobile-bar-items, .sidebar-nav-mobile {
    display: none;
}
.menu-toggle {
    padding: 0;
    margin: 0;
    font-weight: normal;
    text-transform: none;
    cursor: pointer;
}
.menu-toggle .mobile-menu {
    padding-left: 3px;
}
.menu-toggle .gp-icon + .mobile-menu {
    padding-left: 9px;
}
.menu-toggle .mobile-menu:empty {
    display: none;
}
button.menu-toggle {
    background-color: transparent;
    flex-grow: 1;
    border: 0;
    text-align: center;
}
.has-menu-bar-items button.menu-toggle {
    flex-grow: 0;
}
.mobile-menu-control-wrapper {
    display: none;
    margin-left: auto;
    align-items: center;
}
.has-inline-mobile-toggle #site-navigation.toggled {
    margin-top: 0.5em;
}
.has-inline-mobile-toggle #site-navigation.has-active-search {
    margin-top: 0.5em;
}
.has-inline-mobile-toggle #site-navigation .nav-search-active {
    left: 0;
}
.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input {
    outline: auto;
}
.nav-float-left .mobile-menu-control-wrapper {
    order: -10;
    margin-left: 0;
    margin-right: auto;
    flex-direction: row-reverse;
}
.close-search .icon-search svg:first-child,.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:first-child {
    display: none 
}
.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2) {
    display: inline-block ;
}
.site-header {
    background-color: var(--buddhi--header-background-color);
    color: var(--buddhi--header-text-color);
}

/* ===== CLUB NUEVA ERA - HEADER SIMPLIFICADO ===== */

/* Variables CSS de Nueva Era */
:root {
    --buddhi--body-background: #ffffff !important;
    --buddhi--header-background-color: #ffffff !important;
    --buddhi--site-title-bg-color: transparent !important;
    --buddhi--navigation-background-color: transparent !important;
    --buddhi--sticky-header-background-color: #ffffff !important;
    --buddhi--text-color: #1f2937 !important;
    --buddhi--link-color: #0ea75a !important;
    --buddhi--link-color-hover: #0a5b34 !important;
    
    /* Variables de marca Club Nueva Era */
    --primary: #0ea75a !important;
    --primary-ink: #0a5b34 !important;
    --ink: #1f2937 !important;
    --muted: #6b7280 !important;
    --soft: #f3f6f4 !important;
    --bg: #ffffff !important;
    --radius: 18px !important;
    --shadow: 0 10px 30px rgba(0,0,0,.08) !important;
}

/* ===== HEADER COMPLETO DE CLUB NUEVA ERA ===== */
/* Header con fondo blanco y estructura completa */
.site-header {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(14, 167, 90, 0.1) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

.site-header.is-scrolled {
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(10px) !important;
}

/* Contenedor del header */
.inside-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 70px;
    padding: 0 24px;
    background: transparent !important;
}

/* Estructura del contenido del header */
.header-content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Logo y branding */
.site-branding {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
}

.site-title {
    margin: 0;
}

.site-title a {
    color: var(--primary) !important;
    font-family: Inter, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

.site-title a:hover {
    color: var(--primary-ink) !important;
}

/* Navegación principal */
.main-navigation {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
}

.inside-navigation {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
}

.main-nav {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
}

#primary-menu {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 32px;
    background: transparent !important;
}

#primary-menu li {
    margin: 0 !important;
    background: transparent !important;
}

#primary-menu a {
    color: var(--ink) !important;
    font-family: Inter, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
    padding: 8px 0;
}

#primary-menu a:hover {
    color: var(--primary) !important;
}

/* Botón de acceso */
.header-actions {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
}

.header-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    background: var(--primary) !important;
    border: 2px solid var(--primary) !important;
    border-radius: 8px;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: Inter, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}

.header-btn:hover {
    background: var(--primary-ink) !important;
    border-color: var(--primary-ink) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(14, 167, 90, 0.3);
}

/* ===== LAYOUT RESPONSIVE OPTIMIZADO ===== */

/* ===== MOBILE (≤768px) ===== */
@media (max-width: 768px) {
    /* Header móvil fijo */
    .site-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 1000 !important;
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: blur(10px) !important;
        border-bottom: 1px solid rgba(14, 167, 90, 0.1) !important;
    }
    
    /* Contenedor del header móvil */
    .inside-header {
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0 16px !important;
    }
    
    /* Estructura del header en móvil */
    .header-content {
        flex-direction: column !important;
        gap: 12px !important;
        padding: 8px 0 !important;
    }
    
    /* Logo en móvil */
    .site-branding {
        order: 1 !important;
    }
    
    .site-title a {
        font-size: 20px !important;
    }
    
    /* Navegación en móvil - ocultar */
    .main-navigation {
        display: none !important;
    }
    
    /* Botón de acceso en móvil */
    .header-actions {
        order: 2 !important;
    }
    
    .header-btn {
        padding: 10px 18px !important;
        border-radius: 25px !important;
        font-size: 14px !important;
        min-width: 100px !important;
        max-width: 150px !important;
        height: 40px !important;
    }
    
    /* Ajustar contenido para header fijo */
    body {
        padding-top: 80px !important;
    }
    
    /* Optimizar contenido de Nueva Era */
    .cne-card--text h2 {
        font-size: clamp(20px, 4vw, 28px) !important;
    }
    
    .cne-card--text p {
        font-size: 14px !important;
    }
    
    .cne-btn {
        padding: 12px 16px !important;
        font-size: 14px !important;
        min-width: 120px !important;
    }
    
    .cne-wrap {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 0 16px !important;
    }
    
    .cne-inverted-hero {
        padding: 20px 16px !important;
    }
    
    .cne-card {
        border-radius: 16px !important;
    }
    
    .cne-card--text {
        padding: 20px !important;
    }
    
    .cne-actions {
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .cne-btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* ===== TABLET (769px-1024px) ===== */
@media (min-width: 769px) and (max-width: 1024px) {
    .site-header {
        background: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(15px) !important;
    }
    
    .inside-header {
        padding: 0 24px !important;
        min-height: 70px !important;
    }
    
    .header-btn {
        padding: 14px 24px !important;
        font-size: 15px !important;
    }
    
    .cne-wrap {
        gap: 24px !important;
        padding: 0 24px !important;
    }
    
    .cne-card--text h2 {
        font-size: clamp(24px, 3.5vw, 30px) !important;
    }
}

/* ===== DESKTOP (≥1025px) ===== */
@media (min-width: 1025px) {
    .site-header {
        background: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(20px) !important;
    }
    
    .inside-header {
        padding: 0 32px !important;
        min-height: 80px !important;
    }
    
    .header-btn {
        padding: 16px 28px !important;
        font-size: 16px !important;
    }
    
    .header-btn:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(14, 167, 90, 0.4) !important;
    }
}

/* ===== CLUB NUEVA ERA - COMPONENTES ===== */

/* Variables de marca */
:root {
  --cne-primary: #7447ff;   /* violeta NE */
  --cne-accent:  #4c5d4c;   /* verde oscuro NE */
  --cne-green:   #16a34a;   /* acción */
  --cne-soft:    #f1f5f9;   /* fondo suave */
  --cne-radius:  22px;      /* radios base */
  --cne-hole:    28px;      /* tamaño del "corte" invertido */
}

/* Hero section */
.cne-inverted-hero {
  padding: clamp(20px, 4vw, 48px);
  background: linear-gradient(180deg, #f8fafc, #eef2ff);
}

/* Grid container */
.cne-wrap {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  gap: clamp(16px, 3vw, 28px);
  grid-template-columns: 1.05fr 1fr;
  align-items: center;
}

@media (max-width: 900px) {
  .cne-wrap { 
    grid-template-columns: 1fr; 
  }
}

/* Tarjetas base */
.cne-card {
  position: relative;
  border-radius: 18px;
  background: #0f172a;
  color: #fff;
  overflow: clip;
  filter: drop-shadow(0 20px 35px rgba(15, 23, 42, 0.18));
}

/* Imagen con esquina invertida */
.cne-card--img {
  background: #000;
}

.cne-card--img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 4/3;
  border-radius: 18px;
}

/* "Inverted corner" usando -webkit-mask */
.cne-card--img {
  -webkit-mask:
    radial-gradient(var(--cne-hole) at calc(var(--cne-hole) + 8px) calc(var(--cne-hole) + 8px),
                    transparent 98%, #000 101%),
    linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out, source-over;
}

/* Badge sobre la imagen */
.cne-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #d9f99d;
  color: #0f172a;
  padding: 6px 12px;
  font-weight: 800;
  border-radius: 999px;
  font-size: 13px;
  letter-spacing: 0.4px;
}

/* Texto con esquinas invertidas */
.cne-card--text {
  padding: clamp(18px, 3.2vw, 28px);
  background: #0b1220;
  border-radius: 22px;
  -webkit-mask:
    radial-gradient(var(--cne-hole) at calc(100% - calc(var(--cne-hole) + 10px)) calc(var(--cne-hole) + 10px),
                    transparent 98%, #000 101%),
    radial-gradient(var(--cne-hole) at calc(var(--cne-hole) + 10px) calc(100% - calc(var(--cne-hole) + 10px)),
                    transparent 98%, #000 101%),
    linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out, destination-out, source-over;
}

/* Títulos y contenido */
.cne-card--text h2 {
  margin: 0 0 8px;
  font-size: clamp(22px, 3.4vw, 32px);
  line-height: 1.15;
  color: #fff;
}

.cne-card--text p {
  color: #cbd5e1;
  margin: 0.4rem 0 1rem;
}

/* Lista de bullets */
.cne-bullets {
  margin: 0 0 1rem 0;
  padding: 0;
  list-style: none;
  color: #e2e8f0;
}

.cne-bullets li {
  padding-left: 22px;
  margin: 6px 0;
  position: relative;
}

.cne-bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.52em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: conic-gradient(from 0turn, var(--cne-primary), var(--cne-accent));
  filter: drop-shadow(0 0 6px rgba(116, 71, 255, 0.45));
}

/* Botones de acción */
.cne-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.cne-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.1rem;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.15s ease, filter 0.15s ease, background 0.15s ease;
  will-change: transform, filter;
}

.cne-btn--solid {
  background: var(--cne-green);
  color: #fff;
}

.cne-btn--ghost {
  background: #fff;
  color: #0b1220;
  border: 2px solid #e2e8f0;
}

.cne-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* Quote con esquina invertida */
.cne-quote {
  margin: 14px 0 0;
  padding: 12px 14px;
  background: #d9f99d;
  color: #052e16;
  font-size: 14px;
  border-radius: 16px;
  max-width: 520px;
  -webkit-mask:
    radial-gradient(18px at 18px calc(100% - 18px), transparent 98%, #000 101%),
    linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out, source-over;
}

/* Fallbacks para navegadores sin soporte de -webkit-mask */
@supports not (-webkit-mask: linear-gradient(#000 0 0)) {
  .cne-card--img,
  .cne-card--text,
  .cne-quote {
    border-radius: 22px;
  }
}

/* ===== LIMPIEZA DE ESTILOS CONFLICTIVOS ===== */

/* Eliminar fondos no deseados */
[style*="background-color: #fcc5d5"],
[style*="background-color: rgb(252, 197, 213)"],
[style*="background-color: pink"],
[style*="background-color: #ffc0cb"] {
    background-color: transparent !important;
}

/* Asegurar transparencia en elementos del header */
.site-header-holder,
.site-default-header,
.nav-float-right,
.nav-float-left,
.nav-float-center,
.inside-header,
.header-widget,
.site-branding-container,
.site-branding,
#site-navigation,
.main-navigation,
.inside-navigation,
#primary-menu,
.main-nav,
.main-nav ul,
.main-nav ul li,
.main-nav ul li a {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Header principal con blur */
.site-header {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(14, 167, 90, 0.1) !important;
}

/* Eliminar sombras y efectos no deseados */
.site-header,
.site-header *,
.site-header a,
.site-header a:hover,
.site-header a:visited {
    text-shadow: none !important;
}

.site-header.is-scrolled,
.site-header.is-scrolled *,
.site-header.is-scrolled a,
.site-header.is-scrolled a:hover,
.site-header.is-scrolled a:visited {
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
}
/* ===== ESTILOS DE NAVEGACIÓN ===== */

.site-header a,
.site-header a:visited {
    color: #0ea75a !important;
}

.site-header a:hover {
    color: #0a5b34 !important;
}

.site-branding {
    background-color: transparent !important;
    padding: var(--buddhi--site-title-top) var(--buddhi--site-title-right) var(--buddhi--site-title-bottom) var(--buddhi--site-title-left);
}

.site-header .main-title a,
.site-header .main-title a:hover,
.site-header .main-title a:visited {
    color: #1f2937 !important;
    font-family: Inter, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
    font-size: var(--buddhi--site-title-font-size);
    text-decoration: none;
    line-height: 1;
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
    display: block;
}

.main-navigation .main-nav ul li a {
    background-color: transparent !important;
    color: #1f2937 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
    font-family: Inter, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 500 !important;
    text-transform: none !important;
    font-size: var(--buddhi--navigation-font-size);
    padding-left: var(--buddhi--navigation-items-width);
    padding-right: var(--buddhi--navigation-items-width);
    line-height: var(--buddhi--navigation-items-height);
}
.mobile-bar-items, .mobile-menu-control-wrapper button {
    background-color: var(--buddhi--navigation-background-color);
    color: var(--buddhi--navigation-text-color);
    padding: 0.3vw 2vw 0.5vw;
    line-height: var(--buddhi--navigation-items-height);
}
.wpkoi-nav-border .mobile-bar-items, .wpkoi-nav-border .mobile-menu-control-wrapper button {
    border: var(--wpkoi--nav-border-width) solid var(--buddhi--navigation-border-color);
}
.mobile-bar-items .amount {
    font-family: var(--buddhi--font-navigation);
    font-weight: var(--buddhi--navigation-font-weight);
    text-transform: var(--buddhi--navigation-font-transform);
    font-size: var(--buddhi--mobile-navigation-font-size);
    padding-left: 1vw;
}
.main-navigation .main-nav ul li svg {
    fill: var(--buddhi--navigation-text-color);
    stroke: none;
    width: var(--buddhi--navigation-font-size);
    max-width: var(--buddhi--navigation-font-size);
    max-height: var(--buddhi--navigation-font-size);
    height: var(--buddhi--navigation-font-size);
    display: inline-block;
    vertical-align: middle;
}
.icon-menu-bars svg, .mobile-bar-items svg {
    fill: var(--buddhi--navigation-text-color);
    width: var(--buddhi--mobile-site-title-font-size);
    max-width: var(--buddhi--mobile-site-title-font-size);
    display: inline-block;
    vertical-align: middle;
}
.main-navigation .main-nav ul li.search-item svg {
    padding-bottom: 10%;
}
.main-navigation .main-nav ul li.wc-menu-item .amount {
    padding-left: var(--buddhi--navigation-items-width);
    font-size: 75%;
}
.main-navigation .main-nav ul li a:hover {
    background-color: transparent !important;
    color: #0ea75a !important;
}
.main-navigation .main-nav ul li:hover svg {
    fill: #0ea75a !important;
}
.main-navigation .main-nav ul li.current-menu-item a {
    background-color: transparent !important;
    color: #0ea75a !important;
}
.main-navigation .main-nav ul li.current-menu-item svg {
    fill: #0ea75a !important;
}
.main-navigation .main-nav ul ul li a, .main-navigation .main-nav ul li.current-menu-item ul li a {
    background-color: var(--buddhi--subnavigation-background-color);
    color: var(--buddhi--subnavigation-text-color);
}
.main-navigation .main-nav ul ul li svg, .main-navigation .main-nav ul li.current-menu-item ul li svg {
    fill: var(--buddhi--subnavigation-text-color);
    stroke: none;
}
.main-navigation .main-nav ul ul li a:hover, .main-navigation .main-nav ul li.current-menu-item ul li a:hover {
    background-color: var(--buddhi--subnavigation-background-hover-color);
    color: var(--buddhi--subnavigation-text-hover-color);
}
.main-navigation .main-nav ul ul li.current-menu-item a, .main-navigation .main-nav ul li.current-menu-item ul li.current-menu-item a {
    background-color: var(--buddhi--subnavigation-background-current-color);
    color: var(--buddhi--subnavigation-text-current-color);
}
.site-header-holder{
    display: block;
    position: relative;
    z-index: 10;
}
.nav-above-header .main-navigation, .nav-below-header .main-navigation {
    position: relative;
}
.site-header-holder.block-is-sticky .site-header,
.site-header-holder.block-is-sticky,
.site-default-header.block-is-sticky {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(14, 167, 90, 0.1) !important;
}
.wpkoi-nav-border .main-navigation .main-nav ul li a, .wpkoi-nav-border .wpkoi-back-to-top, .wpkoi-nav-border .wpkoi-side-left-content .wpkoi-side-left-socials ul, .wpkoi-nav-border .wpkoi-side-left-content .wpkoi-side-left-text-content {
    border: var(--wpkoi--nav-border-width) solid var(--buddhi--navigation-border-color);
}
.wpkoi-nav-border .wpkoi-side-left-content .wpkoi-side-left-socials ul {
    border-left: none;
}
.wpkoi-nav-border .wpkoi-side-left-content .wpkoi-side-left-text-content {
    border-bottom: none;
}
.buddhi-footer a {
    color: #fff;
}
#content a {
    text-decoration: underline;
}
.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-blocks-components-select .wc-blocks-components-select__container {
    max-height: inherit !important;
    height: inherit !important;
}
.wc-blocks-components-select .wc-blocks-components-select__select {
    padding: 1.5em .5em .5em !important;
}
.wc-block-checkout__main .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    border-width: var(--buddhi--form-checkbox-bordersize);
    height: var(--buddhi--form-checkbox-size);
    min-height: var(--buddhi--form-checkbox-size);
    min-width: var(--buddhi--form-checkbox-size);
    width: var(--buddhi--form-checkbox-size);
}
.site-default-header .menu-item-has-children:focus-within > .sub-menu, .site-default-header .page_item_has_children:focus-within > .children {
    left: auto;
    opacity: 1;
    transition-delay: 150ms;
    pointer-events: auto;
    height: auto;
    overflow: visible;
}
.site-default-header .menu-item-has-children .sub-menu .menu-item-has-children:focus-within > .sub-menu, .site-default-header .page_item_has_children .children .page_item_has_children:focus-within > .children {
    left: 100%;
    top: 0;
}
.site-info {
    padding: 1vw 4vw;
}
.wpkoiblockicon .elementor-icon {
    display: block;
}
.wpkoishadowicon .elementor-icon {
    display: block;
    stroke: #000;
    stroke-width: 3px;
}
.wp-block-social-link {
    border-radius: 0;
}
.wpkoi-side-left-content .wpkoi-side-left-text-content {
    text-wrap-mode: nowrap;
}
.buddhi-footer-title {
    display: inline-block;
}
.wpkoi-nav-border .site-header {
    border-bottom: var(--wpkoi--nav-border-width) solid var(--buddhi--navigation-border-color);
}
@media (min-width: 1025px) {
    .hide-on-desktop {
        display: none !important;
    }
}
@media (max-width:1024px) {
    .main-navigation .main-nav ul li a {
        font-size: var(--buddhi--tablet-navigation-font-size);
    }
}
@media (min-width:768px) {
    .transparent-header .site-header {
        position:absolute;
        width:100%;
        z-index:100;
        background-color: transparent;
    }
}
@media (max-width: 768px) {
    body{
        padding-top: var(--buddhi--mobile-side-top);
        padding-right: var(--buddhi--mobile-side-right);
        padding-bottom: var(--buddhi--mobile-side-bottom);
        padding-left: var(--buddhi--mobile-side-left);
        font-size: var(--buddhi--mobile-body-font-size);
    }
    .site-header .main-title a,.site-header .main-title a:hover,.site-header .main-title a:visited {
        font-size: var(--buddhi--mobile-site-title-font-size);
    }
    .main-navigation .main-nav ul li a {
        font-size: var(--buddhi--mobile-navigation-font-size);
    }
    .main-navigation .main-nav ul li a svg {
        width: var(--buddhi--mobile-navigation-font-size);
        max-width: var(--buddhi--mobile-navigation-font-size);
        max-height: var(--buddhi--mobile-navigation-font-size);
        height: var(--buddhi--mobile-navigation-font-size);
    }
    h1{
        font-size: var(--buddhi--mobile-heading-1-font-size);
    }
    h2{
        font-size: var(--buddhi--mobile-heading-2-font-size);
    }
    h3{
        font-size: var(--buddhi--mobile-heading-3-font-size);
    }
    h4{
        font-size: var(--buddhi--mobile-heading-4-font-size);
    }
    h5{
        font-size: var(--buddhi--mobile-heading-5-font-size);
    }
    h6{
        font-size: var(--buddhi--mobile-heading-6-font-size);
    }
    #page #content {
        padding-top: var(--buddhi--mobile-content-top);
        padding-bottom: var(--buddhi--mobile-content-bottom);
        padding-left: var(--buddhi--mobile-content-left);
        padding-right: var(--buddhi--mobile-content-right);
    }
    .page-template-elementor_header_footer #page #content {
        padding: 0;
    }
    .wpkoi-cf7-col1, .wpkoi-cf7-col2 {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0 
    }
    .buddhi-side-left-content, .desktop-mobile-top-bar .buddhi-top-bar-content {
        display: none;
    }
    .fixed-side-mobile .buddhi-side-left-content {
        display: block;
    }
    button, input[type="submit"], .wp-block-post-comments-form input[type=submit], .wp-element-button, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
        font-size: var(--buddhi--mobile-buttons-font-size);
    }
    .buddhi-side-left-content{
        font-size: var(--buddhi--mobile-fixed-side-font-size);
    }
    .buddhi-side-left-socials a svg {
        width: var(--buddhi--mobile-fixed-side-font-size);
        max-height: var(--buddhi--mobile-fixed-side-font-size);
    }
    .site-info {
        font-size: var(--buddhi--mobile-footer-font-size);
    }
    .hide-on-mobile {
        display: none !important;
    }
    .main-navigation .menu-toggle {
        display: block;
    }
    .nav-below-header .main-navigation .menu-toggle, .nav-above-header .main-navigation .menu-toggle {
        flex-grow: inherit;
    }
    .nav-below-header.nav-aligned-right .main-navigation, .nav-above-header.nav-aligned-right .main-navigation {
        justify-content: end;
    }
    .nav-below-header.nav-aligned-center .main-navigation, .nav-above-header.nav-aligned-center .main-navigation {
        justify-content: center;
    }
    nav.toggled ul ul.sub-menu {
        width: 100%;
    }
    .main-navigation.toggled .main-nav {
        flex-basis: 100%;
        order: 3;
    }
    .main-navigation.toggled .main-nav > ul {
        display: block;
    }
    .main-navigation.toggled .main-nav li {
        width: 100%;
        text-align: left;
    }
    .main-navigation.toggled .main-nav ul ul {
        transition: 0s;
        visibility: hidden;
        box-shadow: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    .main-navigation.toggled .main-nav ul ul li:last-child > ul {
        border-bottom: 0;
    }
    .main-navigation.toggled .main-nav ul ul.toggled-on {
        position: relative;
        top: 0;
        left: auto !important;
        right: auto !important;
        width: 100%;
        pointer-events: auto;
        height: auto;
        opacity: 1;
        display: block;
        visibility: visible;
        float: none;
    }
    .main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
        float: right;
    }
    .main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){
        display:none;
    }
    .site-default-header .site-branding-container {
        margin-bottom: .5em;
    }
    .site-default-header .main-navigation ul,.site-default-header .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul {
        display: flex;
    }
    .site-default-header .main-navigation ul ul,.site-default-header .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul ul {
        display: block;
    }
    .nav-align-right .inside-navigation,.nav-align-center .inside-navigation{
        justify-content:space-between;
    }
    .has-inline-mobile-toggle .mobile-menu-control-wrapper{
        display:flex;
        flex-wrap:wrap;
    }
    .has-inline-mobile-toggle .inside-header{
        flex-direction:row;
        text-align:left;
        flex-wrap:wrap;
    }
    .has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{
        flex-basis:100%;
    }
    .nav-float-left .has-inline-mobile-toggle #site-navigation{
        order:10;
    }
    .main-navigation .main-nav li.wc-menu-item, .main-navigation .main-nav li.search-item {
        display: none;
    }
    .wpkoi-nav-border .site-header-holder:not(.site-default-header) .main-navigation .main-nav ul li a {
        border: none;
    }
    .mobile-menu-control-wrapper .mobile-bar-items {
        display: inline-block;
        margin-right: 2vw;
    }
    a, body, button, input, select, textarea {
        transition: all 0s ease-in-out;
    }
    .inside-header {
        flex-direction: column;
        text-align: center;
        padding: var(--buddhi--mobile-header-top) var(--buddhi--mobile-header-right) var(--buddhi--mobile-header-bottom) var(--buddhi--mobile-header-left);
    }
    .site-header .header-widget {
        margin-top: 1.5em;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .site-branding {
        padding: var(--buddhi--mobile-site-title-top) var(--buddhi--mobile-site-title-right) var(--buddhi--mobile-site-title-bottom) var(--buddhi--mobile-site-title-left);
    }
    .site-content {
        flex-direction: column;
    }
    .container .site-content .content-area {
        width: auto;
    }
    .is-left-sidebar.sidebar, .is-right-sidebar.sidebar {
        width: auto;
        order: initial;
    }
    .is-left-sidebar + .is-right-sidebar .inside-right-sidebar {
        margin-top: 0;
    }
    .both-right .inside-left-sidebar, .both-left .inside-left-sidebar, .both-right .inside-right-sidebar, .both-left .inside-right-sidebar {
        margin-right: 0;
        margin-left: 0;
    }
    #main {
        margin-left: 0;
        margin-right: 0;
    }
    body:not(.no-sidebar) #main {
        margin-bottom: 0;
    }
    .alignleft, .alignright {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .comment .children {
        padding-left: 10px;
        margin-left: 0;
    }
    .entry-meta {
        font-size: inherit;
    }
    .entry-meta a {
        line-height: 1.8em;
    }
    .site-header .header-image {
        vertical-align: middle;
        width: var(--buddhi--mobile-logo-width);
        max-width: var(--buddhi--mobile-logo-width);
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .hide-on-tablet {
        display: none !important;
    }
}

/* ===== CLUB NUEVA ERA - ESTILOS ADICIONALES ===== */
/* Variables CSS adicionales */
:root {
    --primary: #0ea75a !important;
    --primary-ink: #0a5b34 !important;
    --ink: #1f2937 !important;
    --muted: #4b5563 !important;
    --soft: #f3f6f4 !important;
    --bg: #ffffff !important;
    --radius: 18px !important;
    --shadow: 0 10px 30px rgba(0,0,0,.08) !important;
}

/* Layout - Estilo PedidosYa */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.section {
    padding: 80px 0;
    position: relative;
}

.section:nth-child(even) {
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
}

.section h2 {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 800;
    text-align: center;
    margin-bottom: 16px;
    color: var(--ink);
    line-height: 1.2;
}

.section > .container > p {
    text-align: center;
    color: var(--muted);
    font-size: 18px;
    max-width: 600px;
    margin: 0 auto 48px;
    line-height: 1.6;
}

/* Botones - Estilo PedidosYa */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 32px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 16px;
    border: 2px solid transparent;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    min-height: 56px;
}

.btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.btn:hover::before {
    left: 100%;
}

.btn--solid {
    background: linear-gradient(135deg, var(--primary) 0%, #13c06f 100%);
    color: #fff;
    box-shadow: 0 8px 32px rgba(14, 167, 90, 0.3);
}

.btn--solid:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(14, 167, 90, 0.4);
}

.btn--ghost {
    border-color: var(--primary);
    color: var(--primary);
    background: transparent;
    box-shadow: 0 4px 16px rgba(14, 167, 90, 0.1);
}

.btn--ghost:hover {
    background: var(--primary);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(14, 167, 90, 0.3);
}

/* Cards */
.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin: 48px 0;
}

.card {
    background: #fff;
    border-radius: var(--radius);
    padding: 32px;
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    border: 1px solid #e5e7eb;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.card h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 16px 0 8px;
    color: var(--ink);
}

.card p {
    color: var(--muted);
    line-height: 1.6;
    margin: 0;
}

/* Formularios */
form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 500px;
    margin: 0 auto;
}

input, select, textarea {
    padding: 16px;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    font-size: 16px;
    transition: all 0.3s ease;
    background: #fff;
}

input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(14, 167, 90, 0.1);
}

/* Credencial card */
.credencial-card {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    border: 2px solid #e5e7eb;
}

.qr-code {
    margin: 24px auto;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

/* Notificaciones */
.notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 12px 20px;
    border-radius: 8px;
    color: white;
    font-weight: 500;
    z-index: 1000;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    max-width: 300px;
}

.notification--success {
    background: #10b981;
}

.notification--error {
    background: #ef4444;
}

.notification--info {
    background: #3b82f6;
}

/* Hero section */
.hero {
    background: linear-gradient(135deg, #f3f6f4 0%, #ffffff 100%);
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.hero .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.hero h1 {
    font-size: clamp(36px, 7vw, 64px);
    line-height: 1.1;
    letter-spacing: -0.03em;
    margin: 20px 0 24px;
    color: var(--ink);
    font-weight: 800;
}

.hero p {
    color: var(--muted);
    max-width: 600px;
    margin-bottom: 32px;
    line-height: 1.7;
    font-size: 18px;
}

.hero-actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
}

/* Responsive para hero */
@media (max-width: 1024px) {
    .hero .container {
        grid-template-columns: 1fr;
        gap: 48px;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .hero {
        padding: 60px 0;
    }
    
    .hero h1 {
        font-size: 36px;
    }
    
    .hero p {
        font-size: 16px;
    }
    
    .hero-actions {
        flex-direction: column;
        align-items: stretch;
    }
    
    .btn {
        justify-content: center;
        padding: 14px 24px;
        min-height: 48px;
    }
    
    .cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .card {
        padding: 24px;
    }
    
    .section {
        padding: 60px 0;
    }
    
    .container {
        padding: 0 16px;
    }
}