/*
Theme Name: Nutricelia
Theme URI: https://nutricelia.com
Template: luxury-wine
Description: Nutricelia — Nutrición y Bienestar Premium. Tema personalizado para la marca Nutricelia, dietista graduada especializada en hábitos saludables sostenibles.
Author: Nutricelia
Author URI: https://nutricelia.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nutricelia
Tags: wellness, nutrition, health, lifestyle, feminine, minimal
*/

/* ===================================================
   NUTRICELIA BRAND DESIGN SYSTEM
   Paleta extraída del logo oficial
   ================================================== */

:root {
  /* Brand Colors */
  --nc-mint:        #82BFB2;
  --nc-mint-light:  #A8D5CE;
  --nc-mint-pale:   #D4EDEA;
  --nc-teal:        #2D4A45;
  --nc-teal-mid:    #4A6B65;
  --nc-teal-soft:   #607F7A;

  /* Neutral & Warmth */
  --nc-cream:       #F7F4EF;
  --nc-beige:       #EDE7DA;
  --nc-beige-dark:  #D4C9B5;
  --nc-white:       #FFFFFF;
  --nc-off-white:   #FAFAF8;

  /* Text */
  --nc-text-dark:   #1E2D2B;
  --nc-text-mid:    #3A4A48;
  --nc-text-light:  #6B7F7C;
  --nc-text-muted:  #9AADAA;

  /* Status */
  --nc-success:     #5BA67A;
  --nc-accent:      #C4956A;

  /* Typography */
  --font-heading:   'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-body:      'DM Sans', 'Lato', 'Helvetica Neue', sans-serif;
  --font-accent:    'Cormorant Garamond', serif;

  /* Spacing */
  --section-pad:    80px;
  --section-pad-sm: 50px;

  /* Shadows */
  --shadow-soft:    0 4px 24px rgba(45, 74, 69, 0.08);
  --shadow-card:    0 8px 40px rgba(45, 74, 69, 0.12);
  --shadow-hover:   0 16px 56px rgba(45, 74, 69, 0.18);

  /* Border radius */
  --radius-sm:      6px;
  --radius-md:      12px;
  --radius-lg:      24px;
  --radius-xl:      40px;
  --radius-full:    999px;

  /* Transitions */
  --transition:     all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===================================================
   GOOGLE FONTS IMPORT
   ================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500;600&display=swap');

/* ===================================================
   GLOBAL RESET & BASE
   ================================================== */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: var(--nc-text-mid) !important;
  background-color: var(--nc-off-white) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ===================================================
   HEADINGS
   ================================================== */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-heading) !important;
  color: var(--nc-teal) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em;
}

h1 { font-size: clamp(2.2rem, 5vw, 3.5rem) !important; }
h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important; }
h3 { font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important; }
h4 { font-size: 1.4rem !important; }
h5 { font-size: 1.2rem !important; }
h6 { font-size: 1rem !important; }

p {
  font-family: var(--font-body) !important;
  color: var(--nc-text-mid) !important;
  line-height: 1.8 !important;
}

a {
  color: var(--nc-mint) !important;
  text-decoration: none !important;
  transition: var(--transition) !important;
}

a:hover {
  color: var(--nc-teal) !important;
}

/* ===================================================
   LOGO AREA — Eliminar todo lo relacionado con vino
   ================================================== */
.logo_image img,
.site-logo img,
#site-logo img {
  max-height: 70px !important;
  width: auto !important;
}

/* ===================================================
   HEADER
   ================================================== */
.sc_layouts_logo,
.site-branding,
header .logo_wrap {
  display: flex !important;
  align-items: center !important;
}

/* Header Background */
#header_wrap,
.sc_layouts_row_type_normal,
header.site-header,
.header-fixed {
  background-color: var(--nc-white) !important;
  border-bottom: 1px solid var(--nc-beige) !important;
  box-shadow: 0 2px 20px rgba(45, 74, 69, 0.06) !important;
}

/* NAV MENU */
.sc_layouts_menu .sc_layouts_menu_nav > li > a,
nav.main-navigation a,
.menu-item a {
  font-family: var(--font-body) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--nc-teal) !important;
  transition: var(--transition) !important;
}

.sc_layouts_menu .sc_layouts_menu_nav > li > a:hover,
nav.main-navigation a:hover {
  color: var(--nc-mint) !important;
}

/* Active menu item */
.current-menu-item > a,
.current_page_item > a {
  color: var(--nc-mint) !important;
  border-bottom: 2px solid var(--nc-mint) !important;
}

/* ===================================================
   BUTTONS — Complete Override
   ================================================== */
.sc_button,
.wp-block-button__link,
button,
input[type="submit"],
.btn,
.button,
a.btn,
a.button {
  font-family: var(--font-body) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: var(--radius-full) !important;
  padding: 14px 36px !important;
  transition: var(--transition) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Primary Button */
.sc_button_default,
.sc_button.sc_button_style_default,
.wp-block-button__link,
button[type="submit"],
input[type="submit"],
.btn-primary {
  background-color: var(--nc-mint) !important;
  color: var(--nc-white) !important;
  border: 2px solid var(--nc-mint) !important;
  box-shadow: var(--shadow-soft) !important;
}

.sc_button_default:hover,
.sc_button.sc_button_style_default:hover,
.wp-block-button__link:hover,
button[type="submit"]:hover,
.btn-primary:hover {
  background-color: var(--nc-teal) !important;
  border-color: var(--nc-teal) !important;
  color: var(--nc-white) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-hover) !important;
}

/* Outline Button */
.sc_button_bordered,
.btn-outline {
  background-color: transparent !important;
  color: var(--nc-mint) !important;
  border: 2px solid var(--nc-mint) !important;
}

.sc_button_bordered:hover,
.btn-outline:hover {
  background-color: var(--nc-mint) !important;
  color: var(--nc-white) !important;
}

/* ===================================================
   SECTION BACKGROUNDS
   ================================================== */
.page_content_wrap,
.content-wrap,
main#content,
.site-main {
  background-color: var(--nc-off-white) !important;
}

/* Alternate sections */
.scheme_dark,
.sc_layout_scheme_dark,
[data-scheme="dark"] {
  background-color: var(--nc-teal) !important;
  color: var(--nc-white) !important;
}

.scheme_dark h1,
.scheme_dark h2,
.scheme_dark h3,
.scheme_dark p {
  color: var(--nc-white) !important;
}

/* ===================================================
   COLOR OVERRIDES — Replace wine reds/burgundy
   ================================================== */

/* Primary color (was wine red/burgundy) → mint */
.sc_highlight,
.color_style_link2 a,
.sc_icon_type_icons.color_style_dark,
.scheme_default .color_style_link2 a {
  color: var(--nc-mint) !important;
}

/* Background accent (was wine) → mint */
.sc_background_dark,
.scheme_alter .sc_background_dark,
.sc_services_item_icon {
  background-color: var(--nc-mint) !important;
}

/* Border accents */
.sc_item_title_divider,
.sc_button_wrap::before,
.sc_item_subtitle::after {
  background-color: var(--nc-mint) !important;
}

/* ===================================================
   HERO / SLIDER SECTION
   ================================================== */
.slider_container,
.sc_slider_swiper,
.rev_slider_wrapper,
#rev_slider_wrapper {
  min-height: 85vh !important;
}

.slider_container .caption,
.rev_slider .tp-caption {
  font-family: var(--font-heading) !important;
  color: var(--nc-white) !important;
}

/* Hero overlay para imágenes wellness */
.slider_container::after,
.rev_slider::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    135deg,
    rgba(45, 74, 69, 0.5) 0%,
    rgba(130, 191, 178, 0.3) 100%
  ) !important;
  z-index: 1 !important;
}

/* ===================================================
   CARDS & SERVICE BOXES
   ================================================== */
.sc_services_item,
.post_item,
.sc_team_item,
.trx_addons_column,
.elementor-widget-wrap {
  transition: var(--transition) !important;
}

.sc_services_item {
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-soft) !important;
  background-color: var(--nc-white) !important;
  border: 1px solid var(--nc-beige) !important;
}

.sc_services_item:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--shadow-hover) !important;
}

.sc_services_item_title a {
  font-family: var(--font-heading) !important;
  color: var(--nc-teal) !important;
  font-size: 1.4rem !important;
}

.sc_services_item_icon {
  background-color: var(--nc-mint-pale) !important;
  color: var(--nc-teal) !important;
  border-radius: var(--radius-full) !important;
  width: 70px !important;
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 20px !important;
}

/* ===================================================
   PRICING BOXES
   ================================================== */
.sc_pricing_item,
.pricing-table,
.wc-block-grid__product {
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-card) !important;
  background: var(--nc-white) !important;
  border: 2px solid var(--nc-beige) !important;
  transition: var(--transition) !important;
}

.sc_pricing_item:hover,
.pricing-table:hover {
  border-color: var(--nc-mint) !important;
  transform: translateY(-8px) !important;
  box-shadow: var(--shadow-hover) !important;
}

.sc_pricing_item_title {
  font-family: var(--font-heading) !important;
  color: var(--nc-teal) !important;
  font-size: 1.6rem !important;
}

.sc_pricing_item_price .sc_pricing_item_price_value {
  font-family: var(--font-heading) !important;
  color: var(--nc-mint) !important;
  font-size: 3rem !important;
  font-weight: 300 !important;
}

/* Featured pricing */
.sc_pricing_item_featured,
.pricing-featured {
  background: linear-gradient(135deg, var(--nc-teal), var(--nc-teal-mid)) !important;
  border-color: var(--nc-teal) !important;
}

.sc_pricing_item_featured .sc_pricing_item_title,
.sc_pricing_item_featured .sc_pricing_item_price_value,
.sc_pricing_item_featured p {
  color: var(--nc-white) !important;
}

.sc_pricing_item_featured .sc_pricing_item_price_value {
  color: var(--nc-mint-light) !important;
}

/* ===================================================
   TESTIMONIALS
   ================================================== */
.sc_testimonials_item,
.testimonial-item {
  background: var(--nc-white) !important;
  border-radius: var(--radius-md) !important;
  padding: 40px !important;
  box-shadow: var(--shadow-soft) !important;
  border-left: 4px solid var(--nc-mint) !important;
  position: relative !important;
}

.sc_testimonials_item::before {
  content: '"' !important;
  font-family: var(--font-heading) !important;
  font-size: 5rem !important;
  color: var(--nc-mint-pale) !important;
  position: absolute !important;
  top: 10px !important;
  left: 24px !important;
  line-height: 1 !important;
}

.sc_testimonials_item_author_title {
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  color: var(--nc-teal) !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* ===================================================
   FAQ SECTION
   ================================================== */
.sc_accordion_item,
.wp-block-group.faq-item,
details.faq-item {
  border: 1px solid var(--nc-beige) !important;
  border-radius: var(--radius-md) !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
  background: var(--nc-white) !important;
  transition: var(--transition) !important;
}

.sc_accordion_item_header,
.faq-question {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  color: var(--nc-teal) !important;
  padding: 20px 24px !important;
  cursor: pointer !important;
  background: transparent !important;
  border-bottom: none !important;
}

.sc_accordion_item_header:hover {
  background: var(--nc-mint-pale) !important;
  color: var(--nc-teal) !important;
}

.sc_accordion_item.active .sc_accordion_item_header {
  background: var(--nc-mint-pale) !important;
  border-bottom: 1px solid var(--nc-beige) !important;
}

/* ===================================================
   TEAM / ABOUT SECTION
   ================================================== */
.sc_team_item_avatar img,
.team-photo img {
  border-radius: var(--radius-full) !important;
  border: 4px solid var(--nc-mint) !important;
  box-shadow: var(--shadow-card) !important;
}

.sc_team_item_title a {
  font-family: var(--font-heading) !important;
  color: var(--nc-teal) !important;
  font-size: 1.4rem !important;
}

.sc_team_item_subtitle {
  color: var(--nc-mint) !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

/* ===================================================
   BLOG / POSTS
   ================================================== */
.post_item .post_header .post_title a {
  font-family: var(--font-heading) !important;
  color: var(--nc-teal) !important;
  font-size: 1.4rem !important;
}

.post_item .post_header .post_title a:hover {
  color: var(--nc-mint) !important;
}

.post_item .post_meta .post_meta_item,
.post_meta_item {
  color: var(--nc-text-light) !important;
  font-size: 0.8rem !important;
}

.post_item_categories a,
.post_categories a {
  background: var(--nc-mint-pale) !important;
  color: var(--nc-teal) !important;
  padding: 4px 12px !important;
  border-radius: var(--radius-full) !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
}

/* ===================================================
   FORMS
   ================================================== */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea,
select {
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  color: var(--nc-text-dark) !important;
  background-color: var(--nc-white) !important;
  border: 1.5px solid var(--nc-beige-dark) !important;
  border-radius: var(--radius-sm) !important;
  padding: 14px 18px !important;
  width: 100% !important;
  transition: var(--transition) !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  border-color: var(--nc-mint) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(130, 191, 178, 0.15) !important;
}

label {
  font-family: var(--font-body) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: var(--nc-teal) !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* ===================================================
   WOOCOMMERCE
   ================================================== */
.woocommerce .price,
.woocommerce-Price-amount {
  color: var(--nc-mint) !important;
  font-family: var(--font-heading) !important;
  font-size: 1.8rem !important;
  font-weight: 400 !important;
}

.woocommerce .product_title {
  font-family: var(--font-heading) !important;
  color: var(--nc-teal) !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #payment #place_order {
  background-color: var(--nc-mint) !important;
  color: var(--nc-white) !important;
  border-radius: var(--radius-full) !important;
  border: none !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  padding: 14px 32px !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background-color: var(--nc-teal) !important;
  color: var(--nc-white) !important;
}

/* Star ratings */
.woocommerce .star-rating span,
.woocommerce .star-rating::before {
  color: var(--nc-accent) !important;
}

/* ===================================================
   FOOTER
   ================================================== */
.footer_wrap,
#footer_wrap,
footer.site-footer,
.sc_layouts_row_type_alt {
  background-color: var(--nc-teal) !important;
  color: rgba(255, 255, 255, 0.75) !important;
}

.footer_wrap h1,
.footer_wrap h2,
.footer_wrap h3,
.footer_wrap h4,
.footer_wrap h5,
.footer_wrap h6 {
  color: var(--nc-white) !important;
  font-family: var(--font-heading) !important;
}

.footer_wrap a,
footer a {
  color: var(--nc-mint-light) !important;
}

.footer_wrap a:hover,
footer a:hover {
  color: var(--nc-white) !important;
}

.footer_wrap p {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Copyright bar */
.footer_copyright_wrap,
.copyright_wrap {
  background-color: var(--nc-text-dark) !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  padding: 20px 0 !important;
}

.footer_copyright_wrap p,
.copyright_wrap p {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 0.8rem !important;
  margin: 0 !important;
}

/* ===================================================
   NEWSLETTER / SUBSCRIBE
   ================================================== */
.mc4wp-form input[type="email"],
.subscribe_form input[type="email"] {
  border-radius: var(--radius-full) 0 0 var(--radius-full) !important;
  border-right: none !important;
}

.mc4wp-form input[type="submit"],
.subscribe_form input[type="submit"],
.subscribe_form button {
  border-radius: 0 var(--radius-full) var(--radius-full) 0 !important;
  background: var(--nc-mint) !important;
  color: var(--nc-white) !important;
  border: none !important;
}

/* ===================================================
   BADGES / LABELS / CHIPS
   ================================================== */
.nc-badge {
  display: inline-block;
  background: var(--nc-mint-pale);
  color: var(--nc-teal);
  padding: 6px 16px;
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: var(--font-body);
}

.nc-badge-accent {
  background: var(--nc-beige);
  color: var(--nc-teal);
}

/* ===================================================
   SECTION SUBTITLE LABEL (above headings)
   ================================================== */
.sc_item_subtitle,
.sc_item_title_tag {
  font-family: var(--font-body) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--nc-mint) !important;
  display: inline-block !important;
  margin-bottom: 12px !important;
}

/* ===================================================
   PAGE TITLE AREA
   ================================================== */
.sc_layouts_title,
.page_title_wrap {
  background-color: var(--nc-cream) !important;
  padding: 60px 0 !important;
}

.sc_layouts_title .sc_layouts_title_title,
.page_title_wrap .page_title {
  font-family: var(--font-heading) !important;
  color: var(--nc-teal) !important;
  font-size: 2.8rem !important;
}

.sc_layouts_title .sc_layouts_title_breadcrumbs a,
.breadcrumb a {
  color: var(--nc-mint) !important;
}

/* ===================================================
   SIDEBAR
   ================================================== */
.sidebar .widget_title,
.widget-title {
  font-family: var(--font-heading) !important;
  color: var(--nc-teal) !important;
  font-size: 1.2rem !important;
  border-bottom: 2px solid var(--nc-mint) !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
}

/* ===================================================
   DIVIDERS / DECORATIVES
   ================================================== */
hr {
  border: none !important;
  border-top: 1px solid var(--nc-beige) !important;
  margin: 40px 0 !important;
}

.sc_item_title_divider {
  width: 50px !important;
  height: 2px !important;
  background-color: var(--nc-mint) !important;
  display: block !important;
  margin: 16px auto !important;
}

/* ===================================================
   ADMIN BAR OVERRIDE
   ================================================== */
#wpadminbar {
  background: var(--nc-teal) !important;
}

#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item {
  background: var(--nc-mint) !important;
  color: var(--nc-white) !important;
}

/* ===================================================
   RESPONSIVE
   ================================================== */
@media (max-width: 768px) {
  :root {
    --section-pad: 50px;
    --section-pad-sm: 30px;
  }

  h1 { font-size: 2rem !important; }
  h2 { font-size: 1.6rem !important; }
  h3 { font-size: 1.3rem !important; }

  .sc_button,
  .btn,
  .button {
    padding: 12px 28px !important;
    font-size: 0.8rem !important;
  }
}

@media (max-width: 480px) {
  h1 { font-size: 1.8rem !important; }
  h2 { font-size: 1.4rem !important; }
}

/* ===================================================
   NUTRICELIA CUSTOM COMPONENTS
   ================================================== */

/* WhatsApp Floating Button */
.nc-whatsapp-float {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  width: 60px;
  height: 60px;
  background: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 24px rgba(37, 211, 102, 0.4);
  transition: var(--transition);
  cursor: pointer;
  text-decoration: none;
}

.nc-whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 10px 32px rgba(37, 211, 102, 0.5);
  background: #20BA5A !important;
}

.nc-whatsapp-float svg {
  width: 32px;
  height: 32px;
  fill: white;
}

/* Process Steps */
.nc-process-step {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  margin-bottom: 32px;
}

.nc-process-step-number {
  width: 48px;
  height: 48px;
  min-width: 48px;
  background: var(--nc-mint);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: 1.4rem;
  font-weight: 400;
}

.nc-process-step-content h4 {
  font-family: var(--font-heading) !important;
  color: var(--nc-teal) !important;
  margin-bottom: 8px !important;
  font-size: 1.2rem !important;
}

.nc-process-step-content p {
  color: var(--nc-text-light) !important;
  font-size: 0.9rem !important;
  margin: 0 !important;
}

/* Stats/Numbers */
.nc-stat-number {
  font-family: var(--font-heading);
  font-size: 3.5rem;
  color: var(--nc-mint);
  font-weight: 300;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
}

.nc-stat-label {
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--nc-text-light);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 500;
}

/* Include checklist */
.nc-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nc-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px 0;
  font-family: var(--font-body);
  color: var(--nc-text-mid);
  line-height: 1.5;
}

.nc-checklist li::before {
  content: '✓';
  min-width: 22px;
  height: 22px;
  background: var(--nc-mint-pale);
  color: var(--nc-teal);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: 2px;
}

/* Highlight band */
.nc-highlight-band {
  background: linear-gradient(135deg, var(--nc-teal) 0%, var(--nc-teal-mid) 100%);
  color: white;
  padding: 80px 0;
  text-align: center;
}

.nc-highlight-band h2,
.nc-highlight-band h3 {
  color: white !important;
  font-family: var(--font-heading) !important;
}

.nc-highlight-band p {
  color: rgba(255,255,255,0.8) !important;
}

/* Feature card with icon */
.nc-feature-card {
  background: var(--nc-white);
  border-radius: var(--radius-md);
  padding: 36px 28px;
  text-align: center;
  box-shadow: var(--shadow-soft);
  border: 1px solid var(--nc-beige);
  transition: var(--transition);
}

.nc-feature-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-hover);
  border-color: var(--nc-mint);
}

.nc-feature-card .nc-icon {
  width: 64px;
  height: 64px;
  background: var(--nc-mint-pale);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 1.8rem;
}

.nc-feature-card h4 {
  font-family: var(--font-heading) !important;
  color: var(--nc-teal) !important;
  font-size: 1.2rem !important;
  margin-bottom: 12px !important;
}

.nc-feature-card p {
  color: var(--nc-text-light) !important;
  font-size: 0.9rem !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}