/* ===== ARmodulares - diseño de referencia ===== */
    header#header { background:#fff; position:relative; z-index:10; }
    header#header .navbar { min-height:132px; margin:0; padding-top:8px; padding-bottom:8px; }
    header#header .logo { width:285px !important; max-width:none !important; height:auto; display:block; }
    header#header .nav-link { font-size:.92rem; color:#202326; }
    header#header .nav-link:hover, header#header .nav-link.active { color:#a96f2d; }
    .ar-top-quote { background:#a96f2d; color:#fff; padding:12px 22px; border-radius:5px; text-decoration:none; font-size:.9rem; margin-left:22px; }
    .ar-top-quote:hover { background:#8f5c25; color:#fff; }
    .ar-hero-ref { min-height:425px; display:flex; align-items:center; background:#f8f7f4; overflow:hidden; }
    .ar-hero-ref .hero-copy { padding:62px 6%; position:relative; z-index:2; }
    .ar-hero-ref .hero-photo { min-height:425px; background:url("../images/1.jpeg") center/cover no-repeat; }
    .ar-kicker { font-size:.78rem; letter-spacing:.28em; color:#a96f2d; text-transform:uppercase; margin-bottom:14px; }
    .ar-hero-ref h1 { font-size:3.65rem; line-height:1.02; font-weight:600; letter-spacing:-.025em; margin-bottom:20px; }
    .ar-hero-ref h1 span { color:#a96f2d; }
    .ar-hero-ref p { max-width:500px; font-size:1rem; line-height:1.65; }
    .ar-ref-btn { display:inline-block; padding:12px 23px; background:#a96f2d; color:#fff; text-decoration:none; border-radius:5px; font-size:.85rem; }
    .ar-ref-btn:hover { background:#8f5c25; color:#fff; }
    .ar-services-ref { background:#fff; border-bottom:1px solid #eee; }
    .ar-services-ref .service { min-height:105px; padding:25px 18px; border-right:1px solid #ddd; display:flex; gap:15px; align-items:center; }
    .ar-services-ref .service:last-child { border-right:0; }
    .ar-service-icon { color:#a96f2d; font-size:2.2rem; line-height:1; min-width:40px; text-align:center; }
    .ar-services-ref h3 { font-size:.95rem; margin:0 0 5px; font-weight:500; }
    .ar-services-ref p { font-size:.76rem; line-height:1.35; color:#777; margin:0; }
    .ar-products-ref { padding:62px 3.5%; }
    .ar-products-ref .section-head { margin-bottom:25px; }
    .ar-products-ref .section-head h2 { font-size:2rem; font-weight:600; }
    .ar-products-ref .section-head h2 span { color:#a96f2d; }
    .ar-product-ref { text-align:center; }
    .ar-product-ref img { width:100%; height:145px; object-fit:cover; border-radius:5px; }
    .ar-product-ref h3 { font-size:.95rem; margin:11px 0 5px; font-weight:600; }
    .ar-product-ref p { font-size:.75rem; color:#777; line-height:1.35; margin:0; }
    .ar-projects-ref { background:#202326; color:#fff; padding:55px 3.5%; }
    .ar-projects-ref h2 { font-size:2rem; font-weight:600; }
    .ar-projects-ref h2 span { color:#a96f2d; }
    .ar-projects-ref p { color:#ddd; max-width:400px; font-size:.9rem; line-height:1.55; }
    .ar-project-img { width:100%; height:155px; object-fit:cover; border-radius:5px; }
    .ar-contact-ref { padding:55px 3.5%; background:#fff; }
    .ar-contact-ref h2 { font-size:2rem; font-weight:600; line-height:1.08; }
    .ar-contact-ref h2 span { color:#a96f2d; }
    .ar-contact-ref .form-control, .ar-contact-ref .form-select { border:1px solid #ddd; border-radius:5px; padding:12px; font-size:.78rem; }
    .ar-contact-ref .ar-ref-btn { border:0; }
    .ar-wa-ref { position:fixed; right:25px; bottom:22px; z-index:9999; display:flex; align-items:center; gap:10px; }
    .ar-wa-label { background:#fff; border-radius:20px; padding:9px 15px; box-shadow:0 2px 12px rgba(0,0,0,.12); font-size:.72rem; line-height:1.15; }
    .ar-wa-circle { width:53px; height:53px; border-radius:50%; background:#25d366; color:#fff; display:flex; align-items:center; justify-content:center; font-size:26px; box-shadow:0 4px 15px rgba(0,0,0,.2); text-decoration:none; }

    .ar-gallery-ref { padding:55px 3.5%; background:#f7f5f1; }
    .ar-gallery-ref h2 { font-size:2rem; font-weight:600; }
    .ar-gallery-ref h2 span { color:#a96f2d; }
    .ar-gallery-item { overflow:hidden; border-radius:6px; background:#fff; }
    .ar-gallery-item img { width:100%; height:220px; object-fit:cover; display:block; transition:transform .4s ease; }
    .ar-gallery-item:hover img { transform:scale(1.035); }
    .ar-gallery-caption { padding:10px 12px 12px; font-size:.78rem; color:#555; }
    .ar-video-ref { padding:55px 3.5%; background:#fff; }
    .ar-video-ref video { width:100%; max-height:520px; object-fit:cover; border-radius:7px; background:#202326; }
    :root {
      --ar-dark: #202326;
      --ar-brown: #a96f2d;
      --ar-light: #f7f5f1;
      --ar-text: #333333;
    }

    body { font-family: 'Poppins', sans-serif; color: var(--ar-text); }
    .ar-brand-text { font-weight: 700; font-size: 1.45rem; letter-spacing: -1px; }
    .ar-brand-text .ar { color: var(--ar-brown); }
    .ar-brand-text .mod { color: var(--ar-dark); }

    .ar-hero {
      min-height: 650px;
      display: flex;
      align-items: center;
      background:
        linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.90) 42%, rgba(255,255,255,.10) 75%),
        url('images/1.jpeg') center/cover no-repeat;
    }

    .ar-hero h1 { max-width: 700px; font-weight: 600; line-height: 1.05; }
    .ar-hero p { max-width: 570px; font-size: 1.05rem; line-height: 1.8; }

    .ar-btn {
      display: inline-block;
      background: var(--ar-dark);
      color: #fff;
      padding: 13px 27px;
      text-decoration: none;
      transition: .25s;
    }
    .ar-btn:hover { background: var(--ar-brown); color: #fff; }

    .ar-btn-outline {
      display: inline-block;
      border: 1px solid var(--ar-dark);
      color: var(--ar-dark);
      padding: 12px 27px;
      text-decoration: none;
      margin-left: 10px;
      transition: .25s;
    }
    .ar-btn-outline:hover { background: var(--ar-dark); color: #fff; }

    .ar-section-title { letter-spacing: .06em; font-weight: 500; }
    .ar-service { padding: 25px 15px; border-top: 1px solid #ddd; height: 100%; }
    .ar-service h3 { font-size: 1rem; letter-spacing: .05em; }
    .ar-service p { font-size: .9rem; margin-bottom: 0; color: #777; }

    .ar-card { overflow: hidden; background: #fff; }
    .ar-card img { width: 100%; height: 330px; object-fit: cover; transition: transform .5s; }
    .ar-card:hover img { transform: scale(1.04); }
    .ar-card-body { padding: 18px 5px 10px; }
    .ar-card-body h3 { font-size: 1.05rem; letter-spacing: .05em; }

    .ar-about { background: var(--ar-light); }
    .ar-about img { width: 100%; height: 520px; object-fit: cover; }

    .ar-cta {
      background: var(--ar-dark);
      color: #fff;
      padding: 70px 20px;
    }
    .ar-cta h2 { font-weight: 500; }

    .ar-project img { width: 100%; height: 360px; object-fit: cover; }

    .ar-contact { background: var(--ar-light); }
    .ar-contact-box { background: #fff; padding: 35px; height: 100%; }
    .ar-contact-box h3 { font-size: 1.05rem; letter-spacing: .05em; }

    .ar-whatsapp {
      position: fixed;
      right: 22px;
      bottom: 22px;
      z-index: 9999;
      background: #25D366;
      color: white;
      width: 58px;
      height: 58px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      text-decoration: none;
      box-shadow: 0 5px 18px rgba(0,0,0,.22);
    }
    .ar-whatsapp:hover { color: white; transform: scale(1.05); }

    footer { background: #17191b; color: #bbb; }
    footer h5 { color: #fff; }
    footer a { color: #bbb; text-decoration: none; }
    footer a:hover { color: #fff; }

    @media (max-width: 767px) {
      .ar-hero { min-height: 600px; background-position: 65% center; }
      .ar-hero h1 { font-size: 2.8rem; }
      .ar-btn-outline { margin-left: 0; margin-top: 10px; }
      .ar-about img { height: 360px; }
    }