:root{
      --bg:#f3f7fb;
      --text:#17212b;
      --muted:#667085;
      --primary:#0f4b5f;
      --primary-2:#176b87;
      --accent:#f4c95d;
      --card:#ffffff;
      --line:#e7ecf2;
      --ok:#e8f7ee;
      --ok-text:#157347;
      --warn-bg:#fff7db;
      --warn-text:#8a5b00;
      --info-bg:#eef4ff;
      --info-text:#1d4ed8;
      --danger-text:#b42318;
      --shadow:0 10px 30px rgba(16,24,40,.08);
      --shadow-strong:0 24px 60px rgba(16,24,40,.16);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
      background:radial-gradient(circle at top left, rgba(23,107,135,.08), transparent 28%),radial-gradient(circle at top right, rgba(244,201,93,.10), transparent 24%),var(--bg);
      color:var(--text);
      line-height:1.5;
    }
    img{max-width:100%;display:block}
    button,input{font:inherit}
    .container{width:min(1180px,calc(100% - 32px));margin:0 auto}
    header{
      background:linear-gradient(135deg, rgba(15,75,95,.98), rgba(23,107,135,.94));
      color:#fff;padding:22px 0 104px;position:relative;overflow:hidden;
    }
    header::before{
      content:"";position:absolute;inset:auto -8% -120px auto;width:460px;height:460px;border-radius:999px;
      background:radial-gradient(circle, rgba(255,255,255,.14), transparent 65%);
    }
    .nav{display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative;z-index:2}
    .brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1.06rem}
    .brand-logo{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.12);padding:6px;border:1px solid rgba(255,255,255,.14);object-fit:contain;box-shadow:0 8px 20px rgba(0,0,0,.12)}
    .brand-badge{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-weight:900;font-size:1.2rem;border:1px solid rgba(255,255,255,.14)}
    .nav-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.92rem;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.10)}
    .pill a{color:#fff;text-decoration:none}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;text-decoration:none;border-radius:999px;padding:12px 18px;font-weight:800;transition:.18s ease}
    .btn-primary{background:var(--accent);color:#1f2937;box-shadow:0 10px 24px rgba(0,0,0,.16)}
    .btn-primary:hover{transform:translateY(-1px)}
    .btn-secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.16)}
    .btn-whatsapp{background:#25D366;color:#fff;border:1px solid rgba(0,0,0,.04)}
    .btn-whatsapp:hover{transform:translateY(-1px);filter:brightness(.98)}
    .hero{padding-top:36px;display:grid;grid-template-columns:1.06fr .94fr;gap:24px;align-items:center;position:relative;z-index:2}
    .hero-copy h1{margin:0 0 14px;font-size:clamp(2rem,3.7vw,3.45rem);line-height:1.01;letter-spacing:-1.3px;max-width:780px}
    .hero-copy p{margin:0 0 20px;max-width:700px;color:rgba(255,255,255,.88);font-size:1.05rem}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}
    .hero-points{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}
    .hero-point{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff;padding:9px 12px;border-radius:999px;font-size:.92rem}
    .hero-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .hero-photo-large{grid-column:1 / -1;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-strong);border:1px solid rgba(255,255,255,.12);min-height:268px;background:#123845}
    .hero-photo-small{border-radius:20px;overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,.14);min-height:150px;background:#123845;border:1px solid rgba(255,255,255,.12)}
    .hero-photo-large picture,.hero-photo-small picture,.gallery-item picture{display:block;width:100%;height:100%}
    .hero-photo-large img,.hero-photo-small img{width:100%;height:100%;object-fit:cover}
    main{margin-top:-56px;padding-bottom:60px;position:relative;z-index:3}
    .section{margin-top:22px}
    .quick-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    .quick-flow-item,.proof-card,.availability-box,.availability-note,.card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
    .quick-flow-item{padding:14px;text-align:center;font-weight:800}
    .top-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
    .proof-card{padding:16px}
    .proof-label{font-size:.82rem;color:var(--muted);margin-bottom:8px}
    .proof-value{font-size:1.08rem;font-weight:900;color:var(--primary);line-height:1.2}
    .availability-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:stretch}
    .availability-box{padding:18px;background:linear-gradient(135deg,#fffdf0,#fff7db);border-color:#f1e2aa}
    .availability-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
    .availability-title{font-size:1.08rem;font-weight:900}
    .availability-subtitle{color:var(--muted);font-size:.95rem}
    .availability-big{text-align:right}
    .availability-big-label{font-size:.8rem;color:var(--muted)}
    .availability-big-value{font-size:2rem;font-weight:900;line-height:1;color:var(--primary)}
    .progress-meta{display:flex;justify-content:space-between;gap:12px;font-size:.88rem;color:var(--muted);margin-bottom:8px}
    .progress-track{width:100%;height:14px;background:#edf2f7;border-radius:999px;overflow:hidden;border:1px solid rgba(0,0,0,.04)}
    .progress-fill{height:100%;width:0%;border-radius:999px;transition:width .35s ease;background:linear-gradient(90deg,#f4c95d,#d6aa3d)}
    .availability-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
    .availability-stat{background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.05);border-radius:14px;padding:12px}
    .availability-stat-label{font-size:.78rem;color:var(--muted);margin-bottom:6px}
    .availability-stat-value{font-weight:900;font-size:1.1rem;color:var(--text)}
    .availability-note{display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;font-weight:800;color:var(--primary)}
    .review-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px}

    .left-column-stack{display:grid;gap:18px}
    .availability-single{display:block}
    .review-stack{display:grid;gap:14px}
    .faq-left .faq-accordion{display:grid;gap:14px}
    @media (max-width:1080px){.left-column-stack{display:flex;flex-direction:column}}

    .decision-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    .decision-item{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px}
    .decision-item strong{display:block;margin-bottom:4px;font-size:.96rem;color:var(--primary)}
    .booking-reassurance{display:grid;gap:8px;margin-top:12px}
    .booking-reassurance-item{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:.88rem;color:var(--muted)}

    .review{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
    .review-stars{color:#d6aa3d;margin-bottom:8px;letter-spacing:.08em}
    .review-text{font-size:.94rem;color:#344054;margin-bottom:10px}
    .review-author{font-size:.84rem;color:var(--muted);font-weight:700}
    .grid-main{display:grid;grid-template-columns:1fr 420px;gap:22px;align-items:start}
    .card{padding:22px}
    .muted{color:var(--muted)}
    .features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
    .feature{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfcfe}
    .feature strong{display:block;margin-bottom:4px;font-size:.98rem}
    .booking-card{position:sticky;top:18px;overflow:hidden}
    .booking-top{margin:-22px -22px 18px;padding:18px 22px;background:linear-gradient(135deg,#f9fcff,#eef6fb);border-bottom:1px solid var(--line)}
    .booking-top h2{margin:0 0 6px}
    .booking-urgency{margin-top:10px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--warn-bg);color:var(--warn-text);font-size:.82rem;font-weight:800}
    .booking-highlight{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}
    .booking-highlight-value{font-size:1rem;font-weight:900;color:var(--primary);margin-bottom:4px}
    .booking-highlight-text{font-size:.88rem;color:var(--muted)}
    .trust-inline{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
    .trust-inline-item{padding:8px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.82rem;font-weight:700;color:var(--primary)}
    form{display:grid;gap:12px}
    .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    label{display:block;font-size:.92rem;font-weight:700;margin-bottom:6px}
    input{width:100%;padding:13px 14px;border-radius:14px;border:1px solid #d5dde7;background:#fff;font-size:.97rem;transition:.15s ease}
    input:focus{outline:none;border-color:#7ab7cd;box-shadow:0 0 0 4px rgba(23,107,135,.12)}
    .summary{margin-top:4px;border:1px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(180deg,#fbfdff,#f8fbff)}
    .summary-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
    .summary-title{font-weight:900;font-size:1rem}
    .summary-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--info-bg);color:var(--info-text);font-size:.84rem;font-weight:800}
    .term-mood{margin:0 0 12px;border-radius:16px;padding:14px;border:1px solid var(--line);background:#fff}
    .term-mood-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}
    .term-mood-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:800;background:#eef4ff;color:#1d4ed8}
    .term-mood-text{font-size:.9rem;color:var(--muted)}
    .summary-row{display:flex;justify-content:space-between;gap:12px;font-size:.96rem;padding:7px 0}
    .summary-row.total{margin-top:6px;padding-top:12px;border-top:1px solid var(--line);font-weight:900;font-size:1.08rem;color:var(--primary)}
    .rules-box{margin-top:12px;display:grid;gap:8px}
    .rule-item{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:.9rem}
    .rule-empty{color:var(--muted);font-size:.9rem;padding:10px 0 4px}
    .notice{background:var(--ok);color:var(--ok-text);border-radius:14px;padding:12px 14px;font-size:.92rem;border:1px solid rgba(21,115,71,.08)}
    .term-cta-note{font-size:.86rem;color:var(--warn-text);background:var(--warn-bg);border:1px solid #f1e2aa;padding:10px 12px;border-radius:12px}
    .terms{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:#475467}
    .terms input{width:auto;margin-top:3px}
    .cta{width:100%;min-height:54px;font-size:1rem}
    .submit-reassurance{font-size:.83rem;line-height:1.5;color:var(--muted);text-align:center;padding:2px 4px}.status{min-height:20px;font-size:.92rem;font-weight:600}
    .status.ok{color:var(--ok-text)} .status.err{color:var(--danger-text)} .status.muted{color:var(--muted)}
    .mini-info{margin-top:10px;display:grid;gap:8px}
    .mini-info-row{display:flex;justify-content:space-between;gap:10px;font-size:.86rem;color:var(--muted)}
    .gallery-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
    .gallery-item{border-radius:20px;overflow:hidden;min-height:220px;background:#eef3f8;box-shadow:var(--shadow);border:1px solid var(--line);position:relative;cursor:pointer}
    .gallery-item img{width:100%;height:100%;object-fit:cover}
    .gallery-overlay{position:absolute;inset:auto 12px 12px 12px;background:rgba(15,75,95,.78);color:#fff;border-radius:12px;padding:8px 10px;font-size:.85rem;font-weight:700}
    .faq-accordion{display:grid;gap:14px}
    .faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
    .faq-question{width:100%;border:none;background:#fff;text-align:left;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;font-weight:800;color:var(--text)}
    .faq-icon{font-size:1.2rem;color:var(--primary);flex:0 0 auto}
    .faq-answer{display:none;padding:0 20px 18px;color:#475467;font-size:.95rem}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-icon{transform:rotate(45deg)}
    .trust-footer{display:flex;gap:10px;flex-wrap:wrap}
    .trust-footer-item{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 12px;font-size:.86rem;font-weight:700;color:var(--primary);box-shadow:var(--shadow)}
    footer{padding:14px 0 40px;color:#667085;font-size:.9rem}
    .sticky-mobile-cta{display:none}
    .lightbox{position:fixed;inset:0;background:rgba(10,18,24,.92);display:none;align-items:center;justify-content:center;z-index:999;padding:24px}
    .lightbox.open{display:flex}
    .lightbox-content{position:relative;width:min(1200px,100%);max-height:90vh;display:flex;align-items:center;justify-content:center}
    .lightbox-img{width:100%;max-height:90vh;object-fit:contain;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.28);background:#111}
    .lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:none;cursor:pointer;border-radius:999px;width:48px;height:48px;display:grid;place-items:center;font-size:1.3rem;font-weight:900;background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(10px)}
    .lightbox-close{top:12px;right:12px}.lightbox-prev{left:12px;top:50%;transform:translateY(-50%)}.lightbox-next{right:12px;top:50%;transform:translateY(-50%)}
    @media (max-width:1080px){
      .hero,.review-strip{grid-template-columns:1fr}
      .grid-main{display:flex;flex-direction:column}
      .booking-card{position:relative;top:auto;order:-1}
      .availability-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
      .availability-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media (max-width:700px){
      header{padding:18px 0 72px}
      .hero{padding-top:20px;gap:18px}
      .hero-copy h1{font-size:2rem;line-height:1.05}
      .hero-copy p{font-size:.96rem;margin-bottom:16px}
      .hero-side,.review-strip{display:none}
      .form-grid,.features,.quick-flow,.top-proof,.availability-wrap,.availability-stats,.decision-strip{grid-template-columns:1fr}
      .nav{align-items:flex-start;flex-direction:column}
      .hero-actions{flex-direction:column;align-items:stretch}
      .card{padding:18px;border-radius:18px}
      .section{margin-top:16px}
      .quick-flow-item,.proof-card,.availability-stat,.feature{padding:12px}
      .booking-card{box-shadow:0 16px 36px rgba(16,24,40,.14)}
      .sticky-mobile-cta{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:80;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 18px 40px rgba(16,24,40,.16)}
      .sticky-mobile-cta a{width:100%}.sticky-mobile-cta .btn{width:100%;min-height:50px}
      footer{padding-bottom:86px}
      .lightbox{padding:10px}.lightbox-close,.lightbox-prev,.lightbox-next{width:42px;height:42px}
    }
  
    .mini-info-row strong{
      text-align:right;
      max-width:58%;
      line-height:1.3;
      white-space:normal;
    }

    @media (min-width: 981px){
      header{
        padding:16px 0 68px;
      }

      .hero{
        padding-top:20px;
        gap:18px;
      }

      .hero-copy h1{
        font-size:clamp(1.9rem,3vw,3rem);
        margin-bottom:10px;
      }

      .hero-copy p{
        margin-bottom:16px;
        max-width:640px;
      }

      .hero-photo-large{
        min-height:230px;
      }

      .hero-photo-small{
        min-height:128px;
      }

      main{
        margin-top:-34px;
      }
    }

  
    @media (min-width: 981px){
      .hero-actions{
        margin-bottom:14px;
      }

      .hero-points{
        margin-top:14px;
      }
    }

  
.lang-switch{
 display:flex; gap:8px; align-items:center; margin-top:10px;
}
.lang-switch a{
 text-decoration:none; padding:8px 12px; border-radius:999px;
 background:rgba(255,255,255,.14); color:#fff; font-weight:700; font-size:.9rem;
}
.lang-switch a.active{ background:#fff; color:#0f4b5f; }
@media (max-width:640px){
 .lang-switch{margin-top:0}
}


@media (min-width: 981px){
  .hero{padding-top:14px!important;gap:14px!important;}
  header{padding:14px 0 54px!important;}
  .hero-copy h1{font-size:clamp(1.8rem,2.8vw,2.7rem)!important;}
  .hero-copy p{margin-bottom:12px!important;font-size:1rem!important;}
  .hero-photo-large,.hero-image-large{min-height:190px!important;height:190px!important;}
  .hero-photo-small,.hero-image-small{min-height:104px!important;height:104px!important;}
  main{margin-top:-26px!important;}
}


    .pill-en-flag{
      min-width:44px;
      width:44px;
      height:44px;
      padding:0;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      background:rgba(255,255,255,.16) !important;
      color:#fff !important;
      font-size:1.05rem;
      font-weight:900;
      border:1px solid rgba(255,255,255,.16);
      box-shadow:0 8px 20px rgba(0,0,0,.10);
    }

    .quick-flow-wrap{
      position:relative;
      margin-top:-34px;
      z-index:6;
    }

    .quick-flow{
      background:#fff;
      border:2px solid rgba(244,201,93,.75);
      border-radius:22px;
      padding:12px;
      box-shadow:0 18px 38px rgba(16,24,40,.12);
    }

    .quick-flow-item{
      border:1px solid rgba(244,201,93,.45);
      background:linear-gradient(180deg,#fffdf6,#ffffff);
    }

    @media (max-width: 980px){
      .quick-flow-wrap{
        margin-top:0;
      }

      .quick-flow{
        border-width:1px;
        padding:0;
        background:transparent;
        box-shadow:none;
      }
    }


    @media (max-width: 700px){
      .hero-points{
        display:none !important;
      }

      .quick-flow{
        border:none !important;
        box-shadow:none !important;
        background:transparent !important;
        padding:0 !important;
      }

      .quick-flow-item{
        border:1px solid var(--line) !important;
        background:#fff !important;
        box-shadow:var(--shadow);
      }

      .gallery-grid{
        grid-template-columns:1fr !important;
      }

      .gallery-grid .gallery-item{
        display:block !important;
        min-height:220px !important;
      }
    }


    @media (max-width:700px){
      .gallery-mini{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
      .gallery-item{min-height:220px!important;}
      .gallery-item img{width:100%!important;height:220px!important;object-fit:cover!important;display:block!important;}
    }