@media (hover: hover) {
      * { cursor: none !important; }
      #leaf-cursor { position: fixed; pointer-events: none; z-index: 99999; transform: translate(-50%,-1px); }
    }

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Roboto:wght@300;400;500;700&display=swap');
      *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
      :root {
        --forest:#005F73; --moss:#0683C6; --fern:#63B558; --leaf:#63B558;
        --sage:#A8D64D; --cream:#F8F4E3; --warm:#fffdf7; --bark:#98724C;
        --gold:#FEC716; --amber:#F48C06; --earth:#98724C;
        --text:#333333; --textLight:#62686c; --white:#ffffff; --shadow:rgba(0,95,115,0.16);
      }
      html { scroll-behavior: smooth; }
      body { font-family:'Roboto',sans-serif; background:var(--warm); color:var(--text); line-height:1.6; overflow-x:hidden; }
      h1,h2,h3,h4 { font-family:'Montserrat',sans-serif; line-height:1.2; }

      /* HEADER */
      .header {
        position:fixed; top:0; left:0; right:0; z-index:100;
        display:flex; align-items:center; justify-content:space-between;
        padding:0 2.5rem; height:68px;
        background:rgba(255,255,255,0.97); backdrop-filter:blur(8px);
        border-bottom:1px solid rgba(0,95,115,0.15); transition:all 0.3s;
      }
      .header.scrolled { box-shadow:0 4px 24px var(--shadow); }
      .logo { display:flex; align-items:center; cursor:pointer; text-decoration:none; }
      .header-logo { display:block; width:auto; height:54px; max-width:min(270px,38vw); object-fit:contain; }
      .nav { display:flex; align-items:center; gap:0.25rem; }
      .nav-link {
        background:none; border:none;
        color:var(--forest); font-family:'Roboto',sans-serif; font-size:0.88rem;
        font-weight:600; letter-spacing:0.04em; padding:0.5rem 0.9rem;
        border-radius:6px; transition:all 0.2s;
      }
      .nav-link:hover { color:var(--moss); background:rgba(6,131,198,0.08); }
      .nav-link.active { color:var(--amber); }
      .nav-cta {
        background:var(--gold); color:var(--forest); border:none;
        font-family:'Roboto',sans-serif; font-size:0.85rem; font-weight:700;
        padding:0.55rem 1.1rem; border-radius:8px; margin-left:0.4rem;
        transition:all 0.2s; letter-spacing:0.03em;
        display:inline-flex; align-items:center; gap:0.4rem;
      }
      .nav-cta:hover { background:var(--amber); transform:translateY(-1px); }

      /* PAGE */
      .page { padding-top:68px; min-height:100vh; }

      /* HERO */
      .hero {
        position:relative; min-height:92vh; display:flex; align-items:stretch;
        background:linear-gradient(160deg,var(--forest) 0%,#003f4d 42%,#006b80 100%);
        overflow:hidden;
      }
      .hero-bg-pattern {
        position:absolute; inset:0; opacity:0.06;
        background-image:
          radial-gradient(circle at 20% 50%,var(--leaf) 0%,transparent 50%),
          radial-gradient(circle at 80% 20%,var(--gold) 0%,transparent 40%),
          radial-gradient(circle at 60% 80%,var(--fern) 0%,transparent 45%);
      }
      .hero-leaves { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
      .leaf-float { position:absolute; opacity:0.07; animation:floatLeaf 8s ease-in-out infinite; }
      @keyframes floatLeaf {
        0%,100% { transform:translateY(0) rotate(0deg); }
        50%      { transform:translateY(-20px) rotate(8deg); }
      }
      /* HERO STATS SIDEBAR */
      .hero-stats-side {
        position:relative; z-index:2; width:158px; flex-shrink:0;
        display:flex; flex-direction:column; justify-content:center;
        background:rgba(10,28,18,0.82); backdrop-filter:blur(6px);
        border-right:1px solid rgba(107,170,128,0.18);
      }
      .hero-stat-item {
        padding:1.3rem 0.75rem; text-align:center;
        border-bottom:1px solid rgba(107,170,128,0.1);
        display:flex; flex-direction:column; align-items:center; gap:0.3rem;
      }
      .hero-stat-item:last-child { border-bottom:none; }
      .hero-stat-icon-img { display:block; width:30px; height:30px; object-fit:contain; }
      .hero-stat-title { color:var(--cream); font-weight:700; font-size:0.82rem; }
      .hero-stat-label { font-size:0.62rem; color:var(--sage); text-transform:uppercase; letter-spacing:0.1em; font-weight:600; }
      /* HERO MAIN */
      .hero-main { flex:1; display:flex; align-items:center; justify-content:space-between; gap:clamp(2rem,5vw,6rem); min-height:92vh; padding-right:clamp(2rem,7vw,8rem); }
      .hero-content { position:relative; z-index:2; max-width:700px; padding:3rem 2.5rem 3rem 5vw; }
      .hero-community { position:relative; z-index:2; width:min(34vw,440px); min-width:280px; height:330px; perspective:1100px; }
      .community-flip-card { position:relative; width:100%; height:100%; background:transparent; outline:none; }
      .community-flip-inner { position:relative; width:100%; height:100%; text-align:center; transition:transform 0.7s cubic-bezier(.2,.7,.2,1); transform-style:preserve-3d; }
      .community-flip-card:hover .community-flip-inner,
      .community-flip-card:focus .community-flip-inner,
      .community-flip-card:focus-within .community-flip-inner { transform:rotateY(180deg); }
      .community-flip-face { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2rem; background:transparent; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
      .community-flip-front img { display:block; width:min(100%,380px); height:auto; object-fit:contain; filter:brightness(0) invert(1) drop-shadow(0 12px 30px rgba(0,0,0,0.18)); }
      .community-flip-back { transform:rotateY(180deg); }
      .community-flip-back p { max-width:400px; color:var(--amber); font-family:'Montserrat',sans-serif; font-size:clamp(1rem,1.35vw,1.18rem); font-weight:600; line-height:1.65; }
      .community-more-btn { display:inline-flex; align-items:center; justify-content:center; margin-top:1.5rem; padding:0.7rem 1.4rem; border:2px solid var(--amber); border-radius:9px; color:var(--cream); background:rgba(244,140,6,0.14); font-family:'Roboto',sans-serif; font-size:0.9rem; font-weight:700; text-decoration:none; transition:background 0.2s,color 0.2s,transform 0.2s; }
      .community-more-btn:hover,.community-more-btn:focus { background:var(--amber); color:var(--forest); transform:translateY(-2px); }
      .hero-badge {
        display:inline-flex; align-items:center; gap:0.5rem;
        background:rgba(107,170,128,0.15); border:1px solid rgba(107,170,128,0.3);
        color:var(--sage); font-size:0.78rem; font-weight:600; letter-spacing:0.12em;
        text-transform:uppercase; padding:0.4rem 1rem; border-radius:50px; margin-bottom:1.5rem;
      }
      .hero h1 { font-size:clamp(2.4rem,5vw,4rem); color:var(--cream); margin-bottom:1rem; }
      .hero h1 em { font-style:italic; color:var(--amber); }
      .hero-desc { color:var(--sage); font-size:1.1rem; font-weight:300; max-width:520px; margin-bottom:2.5rem; line-height:1.7; }
      .hero-btns { display:flex; gap:1rem; flex-wrap:wrap; }
      .btn-primary {
        background:var(--gold); color:var(--forest); border:none;
        font-family:'Roboto',sans-serif; font-size:0.95rem; font-weight:700;
        padding:0.85rem 2rem; border-radius:10px; transition:all 0.25s;
        display:inline-flex; align-items:center; gap:0.5rem;
      }
      .btn-primary:hover { background:var(--amber); transform:translateY(-2px); box-shadow:0 8px 24px rgba(212,160,23,0.35); }
      .btn-outline {
        background:transparent; color:var(--cream); border:2px solid rgba(245,240,232,0.3);
        font-family:'Roboto',sans-serif; font-size:0.95rem; font-weight:600;
        padding:0.85rem 2rem; border-radius:10px; transition:all 0.25s;
        display:inline-flex; align-items:center; gap:0.5rem;
      }
      .btn-outline:hover { border-color:var(--sage); color:var(--sage); }

      /* SECTION */
      .section { padding:5rem 2rem; }
      .section-alt { background:var(--cream); }
      .container { max-width:1100px; margin:0 auto; }
      .section-tag {
        display:inline-block; background:rgba(74,124,95,0.12); color:var(--moss);
        font-size:0.72rem; font-weight:700; letter-spacing:0.15em; text-transform:uppercase;
        padding:0.35rem 0.9rem; border-radius:50px; border:1px solid rgba(74,124,95,0.25);
        margin-bottom:0.75rem;
      }
      .section-title { font-size:clamp(1.8rem,3vw,2.6rem); color:var(--forest); margin-bottom:0.75rem; }
      .section-desc { color:var(--textLight); font-size:1rem; max-width:560px; line-height:1.7; }
      .gallery-desc { max-width:none; white-space:nowrap; }

      /* FEATURES */
      .features-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; margin-top:3rem; }
      .feature-card {
        background:var(--white); border:1px solid rgba(74,124,95,0.1);
        border-radius:16px; padding:2rem; transition:all 0.3s;
        position:relative; overflow:hidden;
      }
      .feature-card::before {
        content:''; position:absolute; top:0; left:0; right:0; height:3px;
        background:linear-gradient(90deg,var(--fern),var(--gold));
      }
      .feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px var(--shadow); }
      .feature-icon { margin-bottom:1rem; color:var(--fern); }
      .feature-icon-img { display:block; width:42px; height:42px; object-fit:contain; }
      .feature-title { font-size:1.15rem; color:var(--forest); margin-bottom:0.5rem; }
      .feature-desc { font-size:0.88rem; color:var(--textLight); line-height:1.6; }

      /* CTA BANNER */
      .cta-banner {
        background:linear-gradient(135deg,var(--forest) 0%,var(--moss) 100%);
        padding:4rem 2rem; text-align:center; position:relative; overflow:hidden;
      }
      .cta-banner-deco {
        position:absolute; opacity:0.04; top:-3rem; right:-2rem;
        transform:rotate(-20deg); pointer-events:none;
      }
      .cta-banner h2 { font-size:clamp(1.8rem,3vw,2.4rem); color:var(--cream); margin-bottom:1rem; }
      .cta-banner p { color:var(--sage); margin-bottom:2rem; font-size:1rem; }
      .cta-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }

      /* GALLERY */
      .gallery-tabs-row { display:flex; gap:0.5rem; margin:2rem 0 1.25rem; flex-wrap:wrap; }
      .gallery-tab {
        display:inline-flex; align-items:center; gap:0.45rem;
        background:none; border:1.5px solid rgba(74,124,95,0.25);
        color:var(--textLight); font-family:'Roboto',sans-serif;
        font-size:0.85rem; font-weight:700; padding:0.5rem 1.1rem;
        border-radius:8px; transition:all 0.2s;
      }
      .gallery-tab:hover { border-color:var(--fern); color:var(--forest); }
      .gallery-tab.active { background:var(--forest); color:var(--cream); border-color:var(--forest); }
      .carousel-wrap { position:relative; border-radius:16px; overflow:hidden; background:#003f4d; }
      .carousel-img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; transition:opacity 0.6s ease; }
      .carousel-ctrl {
        position:absolute; top:50%; transform:translateY(-50%); z-index:10;
        background:rgba(0,0,0,0.3); border:none; color:#fff; border-radius:50%;
        width:40px; height:40px; display:flex; align-items:center; justify-content:center;
        backdrop-filter:blur(4px); transition:background 0.2s;
      }
      .carousel-ctrl:hover { background:rgba(0,0,0,0.55); }
      .carousel-ctrl.prev { left:12px; }
      .carousel-ctrl.next { right:12px; }
      .carousel-dots { position:absolute; bottom:12px; left:0; right:0; display:flex; justify-content:center; gap:6px; z-index:10; }
      .carousel-dot { height:8px; border-radius:4px; background:rgba(255,255,255,0.45); transition:all 0.3s; }
      .carousel-dot.active { background:var(--gold); }

      /* HORARIOS */
      .schedule-table { width:100%; border-collapse:collapse; margin-top:2rem; background:var(--white); border-radius:12px; overflow:hidden; box-shadow:0 2px 16px var(--shadow); }
      .schedule-table th { background:var(--forest); color:var(--cream); padding:1rem 1.5rem; text-align:left; font-family:'Roboto',sans-serif; font-size:0.85rem; letter-spacing:0.06em; text-transform:uppercase; }
      .schedule-table td { padding:0.9rem 1.5rem; border-bottom:1px solid rgba(74,124,95,0.08); font-size:0.92rem; color:var(--text); }
      .schedule-table tr:last-child td { border-bottom:none; }
      .badge-open  { background:rgba(74,124,95,0.15); color:var(--moss); padding:0.25rem 0.75rem; border-radius:50px; font-size:0.78rem; font-weight:700; }
      .badge-closed{ background:rgba(139,105,20,0.12); color:var(--bark); padding:0.25rem 0.75rem; border-radius:50px; font-size:0.78rem; font-weight:700; }

      /* RESERVAS */
      .reservas-hero { background:linear-gradient(160deg,var(--forest),#003f4d); padding:4rem 2rem 3rem; text-align:center; color:var(--cream); }
      .reservas-hero h1 { font-size:clamp(1.8rem,4vw,3rem); margin-bottom:0.75rem; }
      .reservas-hero p { color:var(--sage); max-width:540px; margin:0 auto; }
      .space-selector { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; max-width:800px; margin:3rem auto 0; }
      .space-card { background:var(--white); border:2px solid transparent; border-radius:16px; padding:2rem; cursor:pointer; transition:all 0.25s; text-align:left; width:100%; font:inherit; color:inherit; }
      .space-card:hover { border-color:var(--fern); transform:translateY(-3px); box-shadow:0 12px 32px var(--shadow); }
      .space-card.selected { border-color:var(--gold); background:rgba(212,160,23,0.04); }
      .space-card-icon { color:var(--fern); margin-bottom:1rem; }
      .space-card-icon-img { display:block; width:44px; height:44px; object-fit:contain; }
      .space-card h3 { font-size:1.2rem; color:var(--forest); margin-bottom:0.4rem; }
      .space-card p { font-size:0.85rem; color:var(--textLight); }
      .space-card-price { margin-top:1rem; font-size:0.82rem; color:var(--bark); font-weight:700; background:rgba(139,105,20,0.08); padding:0.35rem 0.75rem; border-radius:6px; display:inline-flex; align-items:center; gap:0.4rem; }
      .salon-info { max-width:1000px; margin:2.5rem auto 0; padding:0 2rem; }
      .salon-info-card { background:var(--white); border:1.5px solid rgba(74,124,95,0.15); border-radius:20px; padding:2rem; box-shadow:0 4px 24px var(--shadow); }
      .salon-info-head { display:flex; align-items:flex-start; justify-content:space-between; gap:2rem; margin-bottom:1.5rem; }
      .salon-info-head h2 { color:var(--forest); font-size:1.65rem; margin-bottom:0.35rem; }
      .salon-info-head p { color:var(--textLight); font-size:0.9rem; max-width:620px; }
      .salon-price-main { flex-shrink:0; background:rgba(212,160,23,0.1); border:1px solid rgba(212,160,23,0.25); border-radius:12px; padding:0.8rem 1rem; text-align:right; }
      .salon-price-main strong { display:block; color:var(--forest); font-size:1.25rem; }
      .salon-price-main span { color:var(--bark); font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; }
      .salon-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:0.8rem; margin-bottom:1.5rem; }
      .salon-fact { background:var(--warm); border-radius:12px; padding:1rem; text-align:center; }
      .salon-fact strong { display:block; color:var(--forest); font-size:1.25rem; }
      .salon-fact span { display:block; color:var(--textLight); font-size:0.78rem; line-height:1.35; }
      .payment-plan { display:grid; grid-template-columns:repeat(3,1fr); gap:0.8rem; }
      .payment-stage { border-left:3px solid var(--fern); background:rgba(74,124,95,0.05); border-radius:8px; padding:0.85rem 1rem; }
      .payment-stage strong { display:block; color:var(--forest); font-size:0.88rem; margin-bottom:0.2rem; }
      .payment-stage span { color:var(--textLight); font-size:0.78rem; line-height:1.4; }
      .payment-stage.guarantee { border-left-color:var(--gold); background:rgba(212,160,23,0.06); }
      .space-info-empty { min-height:190px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:var(--textLight); }
      .space-info-empty h2 { margin:0.75rem 0 0.35rem; }
      .space-info-empty p { max-width:500px; font-size:0.9rem; }
      .step-indicator { display:flex; align-items:center; justify-content:center; gap:0; max-width:500px; margin:2.5rem auto; }
      .step { display:flex; flex-direction:column; align-items:center; gap:0.4rem; flex:1; }
      .step-dot { width:36px; height:36px; border-radius:50%; border:2px solid rgba(74,124,95,0.3); display:flex; align-items:center; justify-content:center; font-size:0.82rem; font-weight:700; color:var(--textLight); background:var(--warm); transition:all 0.3s; }
      .step.active .step-dot { background:var(--forest); border-color:var(--forest); color:var(--cream); }
      .step.done .step-dot { background:var(--fern); border-color:var(--fern); color:var(--cream); }
      .step-line { flex:1; height:2px; background:rgba(74,124,95,0.2); }
      .step-line.done { background:var(--fern); }
      .step-label { font-size:0.7rem; color:var(--textLight); font-weight:600; text-align:center; letter-spacing:0.04em; }
      .step.active .step-label { color:var(--forest); }

      /* FORMS */
      .form-section { max-width:660px; margin:0 auto; padding:2rem; }
      .form-card { background:var(--white); border-radius:20px; padding:2.5rem; box-shadow:0 4px 24px var(--shadow); }
      .form-row { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }
      .form-group { margin-bottom:1.25rem; }
      .form-group label { display:block; font-size:0.82rem; font-weight:700; color:var(--forest); margin-bottom:0.4rem; letter-spacing:0.03em; text-transform:uppercase; }
      .form-group input,.form-group select,.form-group textarea { width:100%; padding:0.75rem 1rem; border:1.5px solid rgba(74,124,95,0.25); border-radius:10px; font-family:'Roboto',sans-serif; font-size:0.93rem; color:var(--text); background:var(--warm); transition:all 0.2s; outline:none; }
      .form-group input:focus,.form-group select:focus,.form-group textarea:focus { border-color:var(--fern); background:var(--white); box-shadow:0 0 0 3px rgba(74,124,95,0.1); }
      .form-group textarea { resize:vertical; min-height:90px; }
      .form-hint { font-size:0.77rem; color:var(--textLight); margin-top:0.3rem; }
      .payment-options { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1.5rem; }
      .payment-opt { border:2px solid rgba(74,124,95,0.2); border-radius:10px; padding:1.1rem; cursor:pointer; transition:all 0.2s; text-align:center; }
      .payment-opt:hover { border-color:var(--fern); }
      .payment-opt.selected { border-color:var(--gold); background:rgba(212,160,23,0.06); }
      .payment-opt-icon { color:var(--fern); margin-bottom:0.4rem; display:flex; justify-content:center; }
      .payment-opt-label { font-size:0.85rem; font-weight:700; color:var(--forest); }
      .payment-opt-sub { font-size:0.75rem; color:var(--textLight); }
      .upload-zone { border:2px dashed rgba(74,124,95,0.35); border-radius:12px; padding:2rem; text-align:center; cursor:pointer; transition:all 0.2s; background:var(--warm); }
      .upload-zone:hover { border-color:var(--fern); background:rgba(74,124,95,0.04); }
      .upload-zone-icon { color:var(--fern); margin-bottom:0.5rem; display:flex; justify-content:center; }
      .upload-zone-text { font-size:0.9rem; color:var(--textLight); }
      .upload-zone-sub { font-size:0.78rem; color:var(--sage); margin-top:0.3rem; }
      .summary-row { display:flex; justify-content:space-between; padding:0.7rem 0; border-bottom:1px solid rgba(74,124,95,0.1); font-size:0.9rem; }
      .summary-row:last-child { border-bottom:none; font-weight:700; color:var(--forest); font-size:1rem; }
      .success-box { text-align:center; padding:3rem 2rem; }
      .success-icon { color:var(--fern); margin-bottom:1rem; display:flex; justify-content:center; }
      .success-box h2 { font-size:1.8rem; color:var(--forest); margin-bottom:0.75rem; }
      .success-box p { color:var(--textLight); max-width:420px; margin:0 auto 1.5rem; }

      /* ENTRADAS */
      .tickets-grid { display:grid; grid-template-columns:1fr 1.3fr; gap:3rem; align-items:start; }
      .ticket-type { background:var(--white); border-radius:14px; padding:1.5rem; border:1.5px solid rgba(74,124,95,0.15); margin-bottom:1rem; display:flex; align-items:center; justify-content:space-between; }
      .ticket-info h4 { font-size:1rem; color:var(--forest); display:flex; align-items:center; gap:0.5rem; }
      .ticket-info span { font-size:0.82rem; color:var(--textLight); }
      .ticket-price { font-size:1.1rem; font-weight:700; color:var(--bark); }
      .ticket-audience-icon { display:block; width:32px; height:32px; margin:0 auto 0.5rem; object-fit:contain; filter:brightness(0) saturate(100%) invert(65%) sepia(48%) saturate(568%) hue-rotate(67deg) brightness(93%) contrast(87%); }
      .ticket-type-icon { display:block; width:28px; height:28px; object-fit:contain; filter:brightness(0) saturate(100%) invert(65%) sepia(48%) saturate(568%) hue-rotate(67deg) brightness(93%) contrast(87%); }
      .qty-control { display:flex; align-items:center; gap:0.75rem; }
      .qty-btn { width:32px; height:32px; border-radius:50%; border:2px solid var(--fern); background:none; font-size:1.1rem; color:var(--fern); display:flex; align-items:center; justify-content:center; transition:all 0.2s; }
      .qty-btn:hover { background:var(--fern); color:var(--white); }
      .qty-num { font-size:1.1rem; font-weight:700; min-width:1.5rem; text-align:center; }
      .order-card { background:var(--forest); color:var(--cream); border-radius:20px; padding:2rem; position:sticky; top:90px; }
      .order-card h3 { font-size:1.3rem; margin-bottom:1.5rem; border-bottom:1px solid rgba(107,170,128,0.2); padding-bottom:1rem; }
      .order-item { display:flex; justify-content:space-between; font-size:0.9rem; padding:0.4rem 0; color:var(--sage); }
      .order-total { display:flex; justify-content:space-between; font-size:1.1rem; font-weight:700; color:var(--amber); border-top:1px solid rgba(107,170,128,0.2); padding-top:1rem; margin-top:0.75rem; }
      .order-note { font-size:0.75rem; color:rgba(168,197,160,0.7); margin-top:1rem; line-height:1.5; display:flex; align-items:flex-start; gap:0.4rem; }

      /* NOSOTROS */
      .about-hero { background:linear-gradient(160deg,var(--forest),#003f4d); padding:5rem 2rem; text-align:center; }
      .about-hero h1 { color:var(--cream); font-size:clamp(2rem,4vw,3.2rem); margin-bottom:1rem; }
      .about-hero p { color:var(--sage); max-width:600px; margin:0 auto; font-size:1.05rem; }
      .about-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; margin-top:3rem; }
      .about-img-placeholder { aspect-ratio:4/3; border-radius:20px; background:linear-gradient(135deg,var(--moss),var(--fern)); display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--cream); opacity:0.8; position:relative; overflow:hidden; }
      .about-img-placeholder::after { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(15,35,24,0.4),transparent); }
      .about-text p { color:var(--textLight); line-height:1.8; margin-bottom:1.25rem; font-size:0.95rem; }
      .about-text h2 { font-size:1.8rem; color:var(--forest); margin-bottom:1rem; }
      .values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:3rem; }
      .value-card { text-align:center; padding:2rem 1.5rem; }
      .value-icon { color:var(--fern); margin-bottom:1rem; display:flex; justify-content:center; }
      .value-icon-img { display:block; width:48px; height:48px; object-fit:contain; }
      .value-title { font-size:1rem; color:var(--forest); margin-bottom:0.4rem; }
      .value-desc { font-size:0.83rem; color:var(--textLight); line-height:1.6; }
      .assoc-card { background:var(--forest); color:var(--cream); border-radius:20px; padding:3rem; margin-top:3rem; display:flex; gap:2rem; align-items:center; }
      .assoc-icon { color:var(--amber); flex-shrink:0; }
      .assoc-icon-img { display:block; width:64px; height:64px; object-fit:contain; }
      .assoc-card h3 { font-size:1.5rem; margin-bottom:0.75rem; }
      .assoc-card p { color:var(--sage); font-size:0.9rem; line-height:1.7; }

      /* FOOTER */
      .footer { background:#003f4d; color:var(--cream); padding:3.5rem 2rem 1.5rem; }
      .footer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:clamp(3rem,10vw,8rem); max-width:850px; margin:0 auto 2.5rem; }
      .footer-col { display:flex; flex-direction:column; align-items:stretch; min-width:0; text-align:left; }
      .footer-col h4 { color:var(--cream); font-size:0.82rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:1rem; }
      .footer-link { display:block; width:100%; padding:0; font-size:0.84rem; color:var(--cream); text-align:left; text-decoration:none; margin-bottom:0.5rem; background:none; border:none; transition:color 0.2s; }
      .footer-link:hover { color:var(--amber); }
      .footer-contact { font-size:0.84rem; margin-bottom:0.5rem; display:flex; align-items:center; gap:0.5rem; }
      .footer-action-row { display:flex; align-items:center; justify-content:center; min-height:38px; margin-top:auto; padding-top:1rem; }
      .social-row { display:flex; justify-content:center; gap:0.75rem; }
      .social-btn { width:36px; height:36px; border-radius:8px; border:1px solid rgba(99,181,88,0.45); background:none; display:flex; align-items:center; justify-content:center; color:var(--cream); transition:all 0.2s; }
      .social-btn-wide { width:auto; padding:0 1rem; gap:0.5rem; text-decoration:none; font-size:0.83rem; font-weight:600; }
      .social-btn:hover { background:rgba(107,170,128,0.15); color:var(--cream); border-color:rgba(107,170,128,0.5); }
      .footer-bottom { max-width:850px; margin:0 auto; border-top:1px solid rgba(248,244,227,0.16); padding-top:1.5rem; display:flex; justify-content:space-between; gap:1rem; font-size:0.78rem; }
      .waze-btn { display:inline-flex; align-items:center; gap:0.5rem; background:rgba(99,181,88,0.16); border:1px solid rgba(99,181,88,0.45); color:var(--cream); border-radius:8px; padding:0.5rem 1rem; font-size:0.83rem; font-weight:600; text-decoration:none; transition:all 0.2s; }
      .waze-btn:hover { background:rgba(74,124,95,0.3); color:var(--cream); }

      /* WHATSAPP */
      .wa-float { position:fixed; bottom:1.75rem; right:1.75rem; z-index:200; width:58px; height:58px; border-radius:50%; background:#25d366; border:none; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(37,211,102,0.4); transition:all 0.3s; animation:waPulse 2.5s ease-in-out infinite; }
      .wa-float:hover { transform:scale(1.12); box-shadow:0 6px 28px rgba(37,211,102,0.55); }
      @keyframes waPulse {
        0%,100% { box-shadow:0 4px 20px rgba(37,211,102,0.4); }
        50%      { box-shadow:0 4px 28px rgba(37,211,102,0.6),0 0 0 8px rgba(37,211,102,0.08); }
      }

      /* NOTICE */
      .notice { background:rgba(212,160,23,0.1); border:1px solid rgba(212,160,23,0.3); border-radius:10px; padding:1rem 1.25rem; font-size:0.85rem; color:var(--bark); margin-top:1rem; }

      /* RESPONSIVE */
      @media (max-width:768px) {
        .nav { display:none; }
        .hero { flex-direction:column; }
        .hero-stats-side { width:100%; flex-direction:row; flex-wrap:wrap; border-right:none; border-top:1px solid rgba(107,170,128,0.15); order:2; }
        .hero-stat-item { width:50%; }
        .hero-stat-item:nth-child(odd) { border-right:1px solid rgba(107,170,128,0.1); }
        .hero-main { order:1; min-height:auto; flex-direction:column; padding-right:0; }
        .hero-content { padding:2rem 1.5rem; }
        .hero-community { width:min(88vw,400px); min-width:0; height:300px; margin:0 auto 1.5rem; }
        .space-selector { grid-template-columns:1fr; }
        .form-row { grid-template-columns:1fr; }
        .tickets-grid { grid-template-columns:1fr; }
        .about-grid { grid-template-columns:1fr; }
        .values-grid { grid-template-columns:1fr 1fr; }
        .footer-grid { grid-template-columns:1fr 1fr; }
        .assoc-card { flex-direction:column; }
        .payment-options { grid-template-columns:1fr; }
        .salon-info-head { flex-direction:column; }
        .salon-price-main { width:100%; text-align:left; }
        .salon-facts { grid-template-columns:1fr 1fr; }
        .payment-plan { grid-template-columns:1fr; }
        .gallery-desc { white-space:normal; }
      }

      @media (max-width:540px) {
        .header-logo { height:46px; max-width:220px; }
        .footer-grid { grid-template-columns:1fr; gap:2.5rem; }
        .footer-bottom { flex-direction:column; text-align:center; align-items:center; }
      }