:root{

      --ink:#20252b;

      --muted:#69717d;

      --line:#ece8e1;

      --warm:#fbfaf7;

      --dark:#222426;

    }

    html{scroll-behavior:smooth;}

    body{

      margin:0;

      color:var(--ink);

      font-family:"Barlow",Arial,sans-serif;

      background:#fff;

    }

      
/* =========================================================
   HEADER BASE — replaces the old estilo_general_index.css
   ========================================================= */

#mainNav{
  width:100%;
  position:relative;
  z-index:1030;
}

#mainNav > .container{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
}

#mainNav .navbar-brand{
  display:flex !important;
  align-items:center !important;
  gap:5px;
  color:#17191c !important;
  text-decoration:none !important;
}

#mainNav .navbar-brand img{
  display:block;
  width:40px !important;
  height:40px !important;
  flex:0 0 40px;
}

#mainNav .navbar-brand h3{
  line-height:1 !important;
}

#mainNav .navbar-collapse{
  flex-basis:100%;
  flex-grow:1;
  align-items:center;
}

#mainNav .navbar-nav{
  display:flex;
  padding-left:0;
  margin-bottom:0;
  list-style:none;
}

#mainNav .navbar-nav.ml-auto,
#mainNav .navbar-nav.ms-auto{
  margin-left:auto !important;
}

#mainNav .nav-link{
  display:block;
  color:#555d67 !important;
  text-decoration:none !important;
  white-space:nowrap;
}

#mainNav .navbar-brand:hover,
#mainNav .navbar-brand:focus{
  color:#17191c !important;
  text-decoration:none !important;
}

@media (min-width:992px){
  #mainNav.navbar-expand-lg{
    flex-flow:row nowrap;
    justify-content:flex-start;
  }

  #mainNav.navbar-expand-lg > .container{
    flex-wrap:nowrap;
  }

  #mainNav.navbar-expand-lg .navbar-collapse{
    display:flex !important;
    flex-basis:auto;
  }

  #mainNav.navbar-expand-lg .navbar-nav{
    flex-direction:row;
  }

  #mainNav.navbar-expand-lg .navbar-toggler{
    display:none !important;
  }
}

@media (max-width:991.98px){
  #mainNav .navbar-collapse{
    display:none;
    width:100%;
  }

  #mainNav .navbar-collapse.show{
    display:block !important;
  }

  #mainNav .navbar-nav{
    flex-direction:column;
    width:100%;
    margin-left:0 !important;
  }

  #mainNav .navbar-toggler{
    display:block;
    margin-left:auto;
  }
}


      /* HEADER OVERRIDES TO MATCH MARKETPLACE */

      #mainNav{
        background:#fff !important;
        border-bottom:1px solid #e0e0e0 !important;
        box-shadow:none !important;
        padding:8px 0 !important;
      }

      #mainNav .navbar-brand{
        margin-right:1rem !important;
      }

      #mainNav .navbar-brand h3{
        font-family:"Catamaran", sans-serif !important;
        font-size:27px !important;
        font-weight:300 !important;
        letter-spacing:0.3 !important;
        margin:0 !important;
      }

      #mainNav .nav-link{
        font-family:"Lato", sans-serif !important;
        font-size:11px !important;
        font-weight:400 !important;
        letter-spacing:2px !important;
        text-transform:uppercase !important;
        padding-top:0.5rem !important;
        padding-bottom:0.5rem !important;
      }

    /* HERO */

    .iar-hero{

      margin-top:0px;

      position:relative;

      min-height:610px;

      background-image:url("head.webp");

      background-size:cover;

      background-position:center;

      background-repeat:no-repeat;

      overflow:hidden;

    }

    .iar-hero::before{

      content:"";

      position:absolute;

      inset:0;

      background:linear-gradient(

        90deg,

        rgba(255,255,255,.97) 0%,

        rgba(255,255,255,.92) 28%,

        rgba(255,255,255,.62) 42%,

        rgba(255,255,255,0) 58%

      );

      pointer-events:none;

    }

    .iar-hero-inner{

      position:relative;

      z-index:2;

      max-width:1440px;

      min-height:610px;

      margin:0 auto;

      display:flex;

      align-items:center;

    }

    .iar-hero-copy{

      width:48%;

      padding:70px 0 70px 6%;

    }

    .iar-hero-copy h1{

      font-size:66px;

      line-height:.98;

      font-weight:600;

      margin:0 0 22px;

      letter-spacing:-1.2px;

      color:#2b3036;

    }

    .iar-hero-kicker{

      font-size:29px;

      margin-bottom:18px;

      color:#30353b;

      word-spacing:12px;

    }

    .iar-hero-copy p{

      font-family:"Roboto",Arial,sans-serif;

      font-size:18px;

      line-height:1.55;

      color:#434a52;

      max-width:535px;

      margin-bottom:26px;

    }

    .iar-store-buttons{

      display:flex;

      flex-wrap:wrap;

      gap:10px;

      align-items:center;

    }

    .iar-store-buttons img{

      height:52px;

      width:auto;

      display:block;

    }

    .iar-trust{

      font-family:"Roboto",Arial,sans-serif;

      color:#6f7680;

      font-size:14px;

      margin-top:14px;

    }

    /* MARKETPLACE */

    .marketplace-gallery-section{

      padding:72px 0 42px;

      background:#fff;

    }

    .marketplace-gallery-heading{

      max-width:900px;

      margin:0 auto 38px;

      text-align:center;

    }

    .marketplace-gallery-label{

      font-size:13px;

      letter-spacing:5px;

      color:#6d7480;

      margin-bottom:10px;

    }

    .marketplace-gallery-heading h2{

      font-size:49px;

      font-weight:500;

      color:#29323d;

      margin:0 0 8px;

      letter-spacing:-.5px;

    }

    .marketplace-gallery-heading p{

      font-family:"Roboto",Arial,sans-serif;

      font-size:19px;

      color:#6d7480;

      margin:0;

    }

    .marketplace-gallery-grid{

      display:grid;

      grid-template-columns:repeat(4,minmax(0,1fr));

      gap:14px;

    }

    .marketplace-gallery-item{

      overflow:hidden;

      background:#f4f4f4;

      border-radius:4px;

      aspect-ratio:1/1;

    }

    .marketplace-gallery-item a{

      display:block;

      width:100%;

      height:100%;

    }

    .marketplace-gallery-item img{

      width:100%;

      height:100%;

      object-fit:cover;

      display:block;

      transition:transform .28s ease;

    }

    .marketplace-gallery-item:hover img{transform:scale(1.025);}

    .marketplace-gallery-button{

      text-align:center;

      margin-top:28px;

    }

    .marketplace-gallery-btn{

      background:#30343a;

      color:#fff !important;

      border-radius:32px;

      padding:14px 31px;

      font-size:12px;

      letter-spacing:1.8px;

      border:none;

      text-transform:uppercase;

    }

    .marketplace-gallery-btn:hover{

      color:#fff !important;

      background:#202328;

      text-decoration:none;

    }

    .marketplace-gallery-note{

      text-align:center;

      color:#7a8189;

      font-family:"Roboto",Arial,sans-serif;

      font-size:14px;

      margin-top:13px;

    }

    /* BENEFITS */

    .iar-benefits{

      border-top:1px solid var(--line);

      padding:30px 0 32px;

      background:#fff;

    }

    .iar-benefits-grid{

      display:grid;

      grid-template-columns:repeat(4,1fr);

      gap:0;

    }

    .iar-benefit{

      display:grid;

      grid-template-columns:42px 1fr;

      gap:13px;

      align-items:start;

      padding:0 28px;

      border-right:1px solid #e5e6e8;

    }

    .iar-benefit:last-child{border-right:0;}

    .iar-benefit-icon{

      font-size:26px;

      color:#263341;

      line-height:1;

      padding-top:4px;

      text-align:center;

    }

    .iar-benefit h4{

      font-size:16px;

      font-weight:600;

      margin:0 0 4px;

      color:#27303a;

    }

    .iar-benefit p{

      font-family:"Roboto",Arial,sans-serif;

      font-size:14px;

      color:#69717d;

      line-height:1.4;

      margin:0;

    }

      /* INSITUARTROOM CREATE SECTION */
    .iar-core{padding:52px 0 50px;background:#fbfaf7;border-top:1px solid #ece8e1;border-bottom:1px solid #ece8e1;}
    .iar-core .container{max-width:1180px;margin:0 auto;text-align:center;}
    .iar-core-label{font-size:13px;letter-spacing:5px;color:#6d7480;margin-bottom:10px;text-transform:uppercase;}
    .iar-core h2{font-size:49px;font-weight:500;color:#29323d;margin:0 0 10px;letter-spacing:-.5px;}
    .iar-core-intro{font-family:"Roboto",Arial,sans-serif;font-size:19px;line-height:1.55;color:#6d7480;margin:0 auto;max-width:860px;}
    .iar-core-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px;text-align:left;}
    .iar-core-feature{background:#fff;border:1px solid #ece8e1;border-radius:16px;padding:24px 22px 22px;min-height:150px;box-shadow:0 8px 28px rgba(30,36,43,.04);}
    .iar-core-feature-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#d58c05;background:#fff6e6;font-size:20px;margin-bottom:16px;}
    .iar-core-feature h3{font-size:18px;line-height:1.2;font-weight:600;color:#29323d;margin:0 0 7px;}
    .iar-core-feature p{font-family:"Roboto",Arial,sans-serif;font-size:14px;line-height:1.45;color:#69717d;margin:0;}

      /* FOOTER */

      footer.iar-footer{

        background:#222426;

        color:#aeb1b4;

        padding:32px 0 28px;

      }

      .iar-footer .container{

        display:flex;

        flex-direction:column;

        align-items:center;

        justify-content:center;

        margin-left:auto !important;

        margin-right:auto !important;

      }

      .iar-footer .list-inline{

        display:flex;

        justify-content:center;

        align-items:center;

        flex-wrap:wrap;

        margin:0 0 17px;

        padding:0;

        text-align:center;

      }

      .iar-footer .list-inline-item{

        margin:0 8px;

      }

      .iar-footer .list-inline a{

        color:#b8b8b8 !important;

        font-size:13px;

      }

      .iar-social{

        display:flex;

        justify-content:center;

        align-items:center;

        gap:12px;

        margin:8px 0 14px;

      }

      .iar-social img{

        width:28px;

        height:28px;

        object-fit:contain;

        opacity:.9;

      }

      .iar-footer p{

        margin:0;

        font-size:13px;

        color:#aeb1b4;

        text-align:center;

      }

    /* MODALS */

    .signin-button,

    .firebaseui-idp-button{

      width:100% !important;

      max-width:220px !important;

      height:40px !important;

      box-sizing:border-box;

    }

    .signin-button{

      display:block;

      margin:0 auto 24px !important;

      padding:0 12px;

      border:0;

      border-radius:2px;

      font-size:14px;

    }

      /* PREMIUM MODAL */

      .premium-modal-dialog{

        max-width:760px;

      }

      .premium-modal{

        border:0;

        border-radius:20px;

        overflow:hidden;

        font-family:"Barlow",Arial,sans-serif;

      }

      .premium-modal-header{

        padding:24px 28px;

        border-bottom:1px solid #ececef;

        align-items:center;

      }

      .premium-modal-header .modal-title{

        font-size:25px;

        font-weight:600;

        color:#24272d;

      }

      .premium-modal-header .close{

        font-size:38px;

        font-weight:400;

        color:#60646a;

        opacity:.9;

      }

      .premium-modal-body{

        padding:38px 28px 32px;

      }

      .premium-intro{

        text-align:center;

        margin-bottom:30px;

      }

      .premium-small-title{

        font-size:20px;

        font-weight:600;

        margin-bottom:22px;

        color:#272a30;

      }

      .premium-intro h2{

        margin:0 0 14px;

        font-size:43px;

        line-height:1.05;

        font-weight:700;

        color:#23262c;

      }

      .premium-intro h2 span{

        color:#d58c05;

      }

      .premium-intro p{

        margin:0;

        font-family:"Roboto",Arial,sans-serif;

        font-size:20px;

        color:#71747a;

      }

      .premium-benefits{

        display:grid;

        grid-template-columns:repeat(2,1fr);

        gap:14px;

      }

      .premium-benefit-card{

        min-height:94px;

        background:#f5f5f7;

        border-radius:22px;

        display:flex;

        align-items:center;

        padding:20px 24px;

      }

      .premium-benefit-icon{

        width:42px;

        flex:0 0 42px;

        font-size:25px;

        color:#d58c05;

        margin-right:10px;

        text-align:left;

      }

      .premium-benefit-text{

        font-size:19px;

        line-height:1.12;

        font-weight:600;

        color:#292c32;

      }

      .premium-price-box{

        margin-top:28px;

        border:2px solid #d58c05;

        border-radius:20px;

        padding:10px 20px 4px;

      }

      .premium-price-table{

        margin:0;

      }

      .premium-price-table th{

        border-top:0;

        font-size:16px;

        font-weight:600;

      }

      .premium-price-table td{

        font-size:16px;

      }

      @media(max-width:991px){

          .iar-hero{

              background-position:62% center;

          }

          .iar-hero-copy{

              width:58%;

              padding:60px 0 60px 5%;

          }

          .iar-hero-copy h1{

              font-size:54px;

          }

          .marketplace-gallery-grid{

              grid-template-columns:repeat(2,minmax(0,1fr));

          }

          .iar-benefits-grid{

              grid-template-columns:repeat(2,1fr);

              gap:26px 0;

          }

          .iar-benefit:nth-child(2){

              border-right:0;

          }

      }

    @media(max-width:767px){

      #mainNav{

        position:relative !important;

        padding:10px 0;

      }

      #mainNav > .container{

        padding-left:20px !important;

        padding-right:20px !important;

      }

      #mainNav .navbar-brand{

        margin-left:0 !important;

      }

      #mainNav .navbar-toggler{

        margin-right:0 !important;

      }

      #mainNav .navbar-brand h3{

        font-size:22px;

      }

      #mainNav .navbar-brand img{

        width:40px !important;

        height:40px !important;

      }

      .iar-hero{

        margin-top:0;

        background-image:url("head.webp");

        background-size:auto 100%;

        background-position:38% center;

        background-repeat:no-repeat;

        background-color:#f7f3ec;

      }

      .iar-hero::before{

        background:linear-gradient(

          90deg,

          rgba(255,255,255,.995) 0%,

          rgba(255,255,255,.97) 46%,

          rgba(255,255,255,.84) 63%,

          rgba(255,255,255,.30) 82%,

          rgba(255,255,255,.06) 100%

        );

      }

      .iar-hero-inner{

        display:flex;

        align-items:flex-start;

        justify-content:center;

      }

      .iar-hero-copy{

        width:100%;

        max-width:560px;

        margin:0 auto;

        padding:18px 26px 52px;

        text-align:center;

      }

      .iar-hero-copy h1{

        font-size:50px;

        line-height:.98;

        letter-spacing:-1px;

        margin:0 auto 18px;

      }

      .iar-hero-kicker{

        font-size:22px;

        line-height:1.3;

        word-spacing:3px;

        margin:0 auto 20px;

        white-space:nowrap;

      }

      .iar-hero-copy p{

        max-width:430px;

        font-size:17px;

        line-height:1.55;

        margin:0 auto 18px;

      }

      .iar-store-buttons{

        display:grid;

        grid-template-columns:repeat(3, minmax(0,1fr));

        gap:9px;

        max-width:520px;

        margin:0 auto;

        justify-content:center;

      }

      .iar-store-buttons a{

        display:block;

        width:100%;

      }

      .iar-store-buttons img{

        width:100%;

        height:auto;

        max-height:none;

      }

      .iar-trust{

        max-width:430px;

        font-size:15px;

        line-height:1.45;

        margin:16px auto 0;

        text-align:center;

      }

      .marketplace-gallery-section{padding:28px 0 35px;}

      .marketplace-gallery-heading{padding:0 18px; margin-bottom:28px;}

      .marketplace-gallery-heading h2{font-size:35px;}

      .marketplace-gallery-heading p{font-size:16px;}

      .marketplace-gallery-grid{gap:8px;}

      .iar-benefit{padding:0 16px;}

      @media(max-width:767px){

        .iar-core{

          padding:34px 18px 32px;

        }

        .iar-core h2{

          font-size:35px;

        }

        .iar-core p{

          font-size:16px;

        }

      }

    }

      @media (max-width:575px){

          .iar-hero{

              padding:0 !important;

              margin-top:0 !important;

              background-image:url("head.webp");

              background-size:auto 200%;

              background-position:38% center;

              background-repeat:no-repeat;

          }

          .iar-hero-inner{

              min-height:0 !important;

              height:auto !important;

          }

          .iar-hero-copy{

              padding:25px 24px 20px !important;

          }

          .iar-hero-copy h1{

              font-size:47px;

              line-height:1;

              max-width:360px;

              margin:0 auto 14px !important;

          }

          .iar-hero-kicker{

              font-size:20px;

              line-height:1.35;

              max-width:360px;

              margin:0 auto 14px !important;

          }

          .iar-hero-copy p{

              font-size:17px;

              line-height:1.55;

              max-width:365px;

              margin:0 auto 18px !important;

          }

          .iar-store-buttons{

              display:flex !important;

              flex-direction:column;

              align-items:center;

              gap:9px;

              width:285px;

              max-width:100%;

              margin:0 auto !important;

          }

          .iar-store-buttons a,

          .iar-store-buttons img{

              width:285px;

              max-width:100%;

              height:auto;

          }

          .iar-trust{

              max-width:350px;

              font-size:16px;

              line-height:1.5;

              margin:12px auto 0 !important;

              padding:0 !important;

              text-align:center;

          }

          .marketplace-gallery-section{

              margin:0 !important;

              padding:20px 0 35px !important;

          }

          .premium-modal-dialog{

            margin:10px;

          }

          .premium-modal{

            border-radius:16px;

          }

          .premium-modal-header{

            padding:18px 18px;

          }

          .premium-modal-header .modal-title{

            font-size:22px;

          }

          .premium-modal-body{

            padding:25px 18px 24px;

          }

          .premium-small-title{

            font-size:18px;

            margin-bottom:16px;

          }

          .premium-intro h2{

            font-size:34px;

          }

          .premium-intro p{

            font-size:17px;

          }

          .premium-benefits{

            grid-template-columns:1fr;

            gap:10px;

          }

          .premium-benefit-card{

            min-height:82px;

            border-radius:18px;

            padding:16px 18px;

          }

          .premium-benefit-text{

            font-size:17px;

          }

      }





  
    @media(max-width:991px){
      .iar-core-features{grid-template-columns:repeat(2,minmax(0,1fr));}
    }
    @media(max-width:767px){
      .iar-core{padding:38px 18px 36px;}
      .iar-core h2{font-size:35px;}
      .iar-core-intro{font-size:16px;}
      .iar-core-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px;}
      .iar-core-feature{min-height:0;padding:18px 16px;}
      .marketplace-gallery-section{padding-top:38px;}
    }
    @media(max-width:575px){
      .iar-core{padding:32px 16px 30px;}
      .iar-core h2{font-size:33px;line-height:1.08;}
      .iar-core-features{grid-template-columns:1fr;gap:10px;margin-top:24px;}
      .iar-core-feature{min-height:0;padding:18px;}
    }