/* Styles remain same as v1 (brand colors, responsive grid) */
:root{--green:#154734;--green-2:#19543E;--green-3:#0E4732;--mauve:#943B60;--umber:#94541E;--text:#222;--bg:#f8f8f5}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Noto Sans',sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.btn{display:inline-block;padding:.6rem 1rem;border-radius:8px;text-decoration:none;font-weight:600}
.btn-primary{background:#943B60;color:#fff}
.btn-outline{border:2px solid var(--green);color:var(--green);background:#fff}
.banner{background:linear-gradient(45deg,var(--umber),var(--mauve));color:#fff;text-align:center;padding:.5rem .75rem;font-weight:600}
header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:1000}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.75rem}
.brand img{height:42px;width:42px}
.brand .title{font-size:1.5rem;font-weight:700;color:var(--green)}
nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0}
nav a{text-decoration:none;color:var(--text);font-weight:600}
nav a:hover{color:var(--green)}
.nav-toggle{display:none;border:none;background:transparent;font-size:1.5rem}
@media(max-width:800px){nav ul{display:none;position:absolute;right:1rem;top:64px;background:#fff;border:1px solid #eee;border-radius:8px;padding:.5rem;width:min(90vw,320px);flex-direction:column}nav ul.open{display:flex}.nav-toggle{display:inline-block}}
.hero{position:relative;min-height:60vh;display:grid;place-items:center;color:#fff;text-align:center;background:url('assets/images/arcosyagua.jpg') center/cover no-repeat fixed}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,71,52,.6),rgba(21,71,52,.85))}
.hero .content{position:relative;z-index:1;padding:2rem}
.hero h1{font-size:clamp(2rem,6vw,3rem);margin:0 0 .5rem}
section{padding:3rem 0}
.section-title{font-size:1.75rem;margin:0 0 1rem;color:var(--green)}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:1rem}
.card h3{margin-top:0;color:var(--green)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}
.gallery img{width:100%;height:220px;object-fit:cover;border-radius:10px}
.map{border:0;width:100%;height:360px;border-radius:10px}
footer{background:var(--green-3);color:#e5efe9}
footer a{color:#e5efe9}
.footer-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:2rem 0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:1rem 0;font-size:.9rem}


/* --- Added: pricing & policies section styles --- */
.info-section {
  background: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.info-section h3 {
  color: var(--green);
  margin-top: 1.25rem;
}
.muted { color: rgba(0,0,0,.65); }
.divider { height: 1px; background: #eee; margin: 1.25rem 0; }

.price-table {
    width: 100%;
    border-collapse: collapse;
    margin: .75rem 0 1.25rem;
    font-size: .97rem;
    table-layout: fixed;
}

.price-table th,
.price-table td {
    border: 1px solid rgba(0,0,0,.08);
    padding: .6rem .7rem;
    text-align: left;
    vertical-align: top;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.price-table th:nth-child(1),
.price-table td:nth-child(1) {
    width: 35%;
}

.price-table th:nth-child(2),
.price-table td:nth-child(2) {
    width: 20%;
}

.price-table th:nth-child(3),
.price-table td:nth-child(3) {
    width: 45%;
}

.price-table thead th {
    background: rgba(25,84,62,.08);
    color: var(--green);
    font-weight: 700;
}

.price-table tbody tr:nth-child(even) td {
    background: rgba(0,0,0,.02);
}

/* Mobile */
@media (max-width: 768px) {
    .price-table {
        font-size: .9rem;
    }

    .price-table th,
    .price-table td {
        padding: .5rem;
    }
}

/* Improve list readability */
.info-section ul { padding-left: 1.1rem; }
.info-section li { margin: .35rem 0; }

/* Small screens: allow horizontal scroll if needed */
.table-wrap { width: 100%; overflow-x: auto; }

/* =========================================
   MOBILE HEADER changes
   ========================================= */

@media (max-width: 800px) {

  /* Overall header layout */
  .navbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
  }

  /* ---------- BRAND ---------- */
  .brand {
    flex: 1 1 auto;
  }

  .brand img {
    display: none;          /* ? logo removed */
  }


  .brand .title {
    font-size: 1.6rem;      /* bigger than desktop */
    padding-left: .5rem;   /* indent because logo is removed */
    line-height: 1.25;
  }


  /* ---------- MENU BUTTON ---------- */
  .nav-toggle {
    display: flex;
    flex-direction: column; /* ? Menu above ? */
    align-items: center;
    justify-content: center;
    gap: .1rem;
    padding: .4rem .6rem;
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 8px;
    background: #fff;
    font-weight: 600;
    cursor: pointer;
  }

  .menu-text {
    font-size: .75rem;
    line-height: 1;
  }

  .menu-icon {
    font-size: 1.5rem;
    line-height: 1;
  }

  /* ---------- LANGUAGE SWITCH ---------- */
  .lang-switch {
    display: flex;
    flex-direction: column; /* ? stacked */
    align-items: flex-start;
    gap: .25rem;
  }

  .lang-switch .lang-sep {
    display: none;
  }

  /* ---------- NAV DROPDOWN ---------- */
  nav {
    order: 3;
    width: 100%;
  }

  nav ul {
    display: none;
    position: static;
    margin-top: .5rem;
    padding: .5rem;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
    flex-direction: column;
  }

  nav ul.open {
    display: flex;
  }
  
}