/* La Coope · maqueta Divi 5 */

    #coope-maqueta {
      --forest: #123b32;
      --forest-2: #0a2d27;
      --leaf: #78a93f;
      --lime: #bed94b;
      --sun: #f2c645;
      --orange: #e36b32;
      --sky: #38a5b7;
      --cream: #f4f0e6;
      --paper: #fbfaf6;
      --ink: #18211e;
      --muted: #68746f;
      --line: rgba(18,59,50,.14);
      --shadow: 0 20px 60px rgba(13,48,40,.12);
      --radius-sm: 12px;
      --radius: 22px;
      --radius-lg: 36px;
      --max: 1240px;
    }

    #coope-maqueta * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    #coope-maqueta {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 16px;
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
    }
    #coope-maqueta img { display: block; max-width: 100%; }
    #coope-maqueta a { color: inherit; text-decoration: none; }
    #coope-maqueta button, #coope-maqueta a { -webkit-tap-highlight-color: transparent; }
    #coope-maqueta button { font: inherit; }
    #coope-maqueta .wrap { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
    #coope-maqueta .skip-link { position: fixed; top: 12px; left: 12px; z-index: 999; padding: 10px 14px; background: white; border-radius: 8px; transform: translateY(-180%); }
    #coope-maqueta .skip-link:focus { transform: translateY(0); }

    #coope-maqueta .service-bar {
      background: var(--forest-2);
      color: #fff;
      font-size: .84rem;
    }
    #coope-maqueta .service-bar .wrap { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
    #coope-maqueta .service-bar a { display: inline-flex; align-items: center; gap: 8px; font-weight: 720; }
    #coope-maqueta .pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(190,217,75,.13); }
    #coope-maqueta .service-meta { color: rgba(255,255,255,.72); }

    #coope-maqueta .site-header { position: sticky; top: 0; z-index: 20; background: rgba(251,250,246,.92); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
    #coope-maqueta .nav { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
    #coope-maqueta .brand { display: flex; align-items: center; gap: 16px; min-width: 225px; }
    #coope-maqueta .brand img { width: 118px; height: auto; }
    #coope-maqueta .brand-copy { padding-left: 15px; border-left: 1px solid var(--line); color: var(--muted); font-size: .72rem; line-height: 1.35; max-width: 130px; }
    #coope-maqueta .main-nav { display: flex; align-items: center; gap: 28px; font-size: .91rem; font-weight: 650; }
    #coope-maqueta .main-nav > a:not(.nav-cta) { padding: 10px 0; }
    #coope-maqueta .main-nav > a:not(.nav-cta):hover { color: var(--leaf); }
    #coope-maqueta .nav-cta, #coope-maqueta .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 999px; font-weight: 760; transition: transform .2s ease, background .2s ease, color .2s ease; }
    #coope-maqueta .nav-cta { padding: 12px 18px; color: #fff; background: var(--forest); }
    #coope-maqueta .nav-cta:hover, #coope-maqueta .btn:hover { transform: translateY(-2px); }
    #coope-maqueta .menu-toggle { display: none; border: 0; border-radius: 50%; width: 44px; height: 44px; color: #fff; background: var(--forest); cursor: pointer; }

    #coope-maqueta .hero { position: relative; overflow: hidden; background: var(--cream); }
    #coope-maqueta .hero:before {
      content: ""; position: absolute; inset: 0; opacity: .45; pointer-events: none;
      background-image: radial-gradient(circle at 8% 16%, rgba(242,198,69,.45) 0 2px, transparent 3px), radial-gradient(circle at 93% 78%, rgba(56,165,183,.35) 0 2px, transparent 3px);
      background-size: 38px 38px, 44px 44px;
      mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 63%, #000);
    }
    #coope-maqueta .hero-grid { position: relative; min-height: 690px; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 72px; padding-block: 92px 84px; }
    #coope-maqueta .eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; color: var(--forest); font-size: .78rem; font-weight: 820; letter-spacing: .12em; text-transform: uppercase; }
    #coope-maqueta .eyebrow:before { content: ""; width: 31px; height: 3px; border-radius: 8px; background: linear-gradient(90deg,var(--leaf),var(--sun),var(--orange)); }
    #coope-maqueta h1, #coope-maqueta h2, #coope-maqueta h3, #coope-maqueta p { margin-top: 0; }
    #coope-maqueta h1 { max-width: 740px; margin-bottom: 24px; font-size: clamp(3.3rem,7vw,6.55rem); line-height: .94; letter-spacing: -.062em; font-weight: 840; }
    #coope-maqueta .hero h1 em { color: var(--leaf); font-style: normal; }
    #coope-maqueta .hero-copy { max-width: 610px; margin-bottom: 32px; color: #51605a; font-size: clamp(1.05rem,1.6vw,1.25rem); }
    #coope-maqueta .button-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
    #coope-maqueta .btn { min-height: 52px; padding: 0 22px; border: 1px solid transparent; }
    #coope-maqueta .btn-primary { color: #fff; background: var(--forest); }
    #coope-maqueta .btn-primary:hover { background: var(--forest-2); }
    #coope-maqueta .btn-secondary { border-color: var(--line); background: rgba(255,255,255,.7); }
    #coope-maqueta .btn-secondary:hover { background: #fff; }
    #coope-maqueta .icon { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

    #coope-maqueta .action-panel { position: relative; min-height: 485px; padding: 28px; color: #fff; background: var(--forest); border-radius: var(--radius-lg); box-shadow: 0 34px 100px rgba(10,45,39,.22); isolation: isolate; }
    #coope-maqueta .action-panel:before, #coope-maqueta .action-panel:after { content:""; position:absolute; z-index:-1; border:1px solid rgba(255,255,255,.13); border-radius:50%; }
    #coope-maqueta .action-panel:before { width:420px; height:420px; right:-210px; top:-110px; box-shadow: 0 0 0 42px rgba(255,255,255,.03), 0 0 0 84px rgba(255,255,255,.03); }
    #coope-maqueta .action-panel:after { width:170px; height:170px; left:-90px; bottom:-80px; box-shadow: 0 0 0 34px rgba(255,255,255,.025); }
    #coope-maqueta .panel-kicker { display:flex; align-items:center; justify-content:space-between; margin-bottom: 20px; color: rgba(255,255,255,.65); font-size:.76rem; font-weight:760; letter-spacing:.09em; text-transform:uppercase; }
    #coope-maqueta .panel-kicker span:last-child { color: var(--lime); }
    #coope-maqueta .quick-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    #coope-maqueta .quick-card { min-height:158px; display:flex; flex-direction:column; justify-content:space-between; padding:21px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:18px; transition: background .2s ease, transform .2s ease; }
    #coope-maqueta .quick-card:hover { background:rgba(255,255,255,.13); transform:translateY(-3px); }
    #coope-maqueta .quick-card .icon { width:28px; height:28px; color: var(--lime); }
    #coope-maqueta .quick-card:nth-child(2) .icon { color: var(--sun); }
    #coope-maqueta .quick-card:nth-child(3) .icon { color: #72d0d9; }
    #coope-maqueta .quick-card:nth-child(4) .icon { color: #f49a70; }
    #coope-maqueta .quick-title { display:flex; align-items:end; justify-content:space-between; gap:12px; font-size:1rem; font-weight:760; }
    #coope-maqueta .quick-title b { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; color:var(--forest); background:#fff; font-size:.9rem; }
    #coope-maqueta .hours { margin-top:12px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 19px; color:rgba(255,255,255,.75); background:rgba(4,28,24,.38); border-radius:16px; font-size:.88rem; }
    #coope-maqueta .hours strong { color:#fff; }

    #coope-maqueta .section { padding-block: 104px; }
    #coope-maqueta .section-kicker { margin-bottom:14px; color:var(--leaf); font-size:.78rem; font-weight:820; letter-spacing:.12em; text-transform:uppercase; }
    #coope-maqueta .section-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:42px; }
    #coope-maqueta .section-head h2 { max-width:700px; margin-bottom:0; font-size:clamp(2.3rem,4.6vw,4.2rem); line-height:1; letter-spacing:-.045em; }
    #coope-maqueta .section-head p { max-width:430px; margin-bottom:4px; color:var(--muted); }

    #coope-maqueta .services { background:#fff; }
    #coope-maqueta .service-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; }
    #coope-maqueta .service-card { position:relative; min-height:260px; grid-column:span 4; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:var(--paper); transition:transform .2s ease, box-shadow .2s ease; }
    #coope-maqueta .service-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
    #coope-maqueta .service-card.featured { color:#fff; background:var(--forest); border-color:var(--forest); }
    #coope-maqueta .service-card.wide { grid-column:span 6; min-height:220px; }
    #coope-maqueta .service-icon { display:grid; place-items:center; width:54px; height:54px; border-radius:16px; color:var(--forest); background:var(--cream); }
    #coope-maqueta .featured .service-icon { color:#fff; background:rgba(255,255,255,.12); }
    #coope-maqueta .service-icon .icon { width:27px; height:27px; }
    #coope-maqueta .service-card h3 { margin:22px 0 8px; font-size:1.38rem; letter-spacing:-.025em; }
    #coope-maqueta .service-card p { margin-bottom:0; color:var(--muted); font-size:.95rem; }
    #coope-maqueta .featured p { color:rgba(255,255,255,.67); }
    #coope-maqueta .card-foot { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:24px; font-size:.85rem; font-weight:780; }
    #coope-maqueta .card-foot span:last-child { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; color:#fff; background:var(--forest); }
    #coope-maqueta .featured .card-foot span:last-child { color:var(--forest); background:var(--lime); }
    #coope-maqueta .service-card:after { content:""; position:absolute; width:140px; height:140px; right:-80px; bottom:-80px; border:1px solid rgba(120,169,63,.22); border-radius:50%; box-shadow:0 0 0 22px rgba(120,169,63,.055); }

    #coope-maqueta .shop { overflow:hidden; background:var(--cream); }
    #coope-maqueta .shop-shell { position:relative; overflow:hidden; padding:54px; border-radius:var(--radius-lg); background:var(--sun); }
    #coope-maqueta .shop-shell:before { content:""; position:absolute; width:360px; height:360px; right:-185px; top:-180px; border:1px solid rgba(18,59,50,.15); border-radius:50%; box-shadow:0 0 0 44px rgba(18,59,50,.035),0 0 0 88px rgba(18,59,50,.025); }
    #coope-maqueta .shop-head { position:relative; display:grid; grid-template-columns:1fr auto; align-items:end; gap:42px; margin-bottom:40px; }
    #coope-maqueta .shop-head h2 { max-width:730px; margin-bottom:14px; color:var(--forest-2); font-size:clamp(2.5rem,5vw,5.2rem); line-height:.94; letter-spacing:-.058em; }
    #coope-maqueta .shop-head p { max-width:590px; margin:0; color:rgba(10,45,39,.72); font-size:1.05rem; }
    #coope-maqueta .shop-head .btn { color:#fff; background:var(--forest); }
    #coope-maqueta .product-grid { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
    #coope-maqueta .product-card { overflow:hidden; border-radius:20px; background:#fff; box-shadow:0 15px 40px rgba(78,63,10,.09); transition:transform .2s ease, box-shadow .2s ease; }
    #coope-maqueta .product-card:hover { transform:translateY(-5px); box-shadow:0 22px 50px rgba(78,63,10,.16); }
    #coope-maqueta .product-image { position:relative; aspect-ratio:1/1; overflow:hidden; background:#f4f4f1; }
    #coope-maqueta .product-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
    #coope-maqueta .product-card:hover .product-image img { transform:scale(1.035); }
    #coope-maqueta .product-tag { position:absolute; top:13px; left:13px; padding:7px 10px; border-radius:999px; color:var(--forest); background:rgba(255,255,255,.9); font-size:.68rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; backdrop-filter:blur(8px); }
    #coope-maqueta .product-info { min-height:130px; display:flex; flex-direction:column; justify-content:space-between; padding:20px; }
    #coope-maqueta .product-info h3 { margin-bottom:18px; color:var(--ink); font-size:1.02rem; line-height:1.25; }
    #coope-maqueta .product-link { display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--forest); font-size:.79rem; font-weight:800; }
    #coope-maqueta .product-link span:last-child { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; color:#fff; background:var(--forest); }
    #coope-maqueta .shop-benefits { position:relative; display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
    #coope-maqueta .shop-benefit { padding:9px 12px; border:1px solid rgba(18,59,50,.15); border-radius:999px; color:rgba(10,45,39,.78); background:rgba(255,255,255,.25); font-size:.77rem; font-weight:720; }

    #coope-maqueta .notice { background:var(--forest-2); color:#fff; }
    #coope-maqueta .notice-shell { display:grid; grid-template-columns:.82fr 1.18fr; align-items:stretch; gap:16px; }
    #coope-maqueta .notice-lead { position:relative; overflow:hidden; min-height:400px; padding:45px; border-radius:var(--radius-lg); background:var(--leaf); color:var(--forest-2); }
    #coope-maqueta .notice-lead h2 { max-width:500px; margin:65px 0 24px; font-size:clamp(2.7rem,5vw,5.2rem); line-height:.95; letter-spacing:-.055em; }
    #coope-maqueta .notice-lead p { max-width:450px; font-size:1.05rem; }
    #coope-maqueta .notice-lead:after { content:"!"; position:absolute; top:-58px; right:24px; color:rgba(255,255,255,.16); font-weight:900; font-size:22rem; line-height:1; }
    #coope-maqueta .notices { display:grid; gap:12px; }
    #coope-maqueta .notice-card { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; padding:24px 26px; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:rgba(255,255,255,.06); }
    #coope-maqueta .notice-date { display:grid; place-items:center; width:58px; height:58px; border-radius:16px; color:var(--lime); background:rgba(255,255,255,.08); font-size:.72rem; font-weight:820; line-height:1.15; text-align:center; text-transform:uppercase; }
    #coope-maqueta .notice-card h3 { margin:0 0 4px; font-size:1.08rem; }
    #coope-maqueta .notice-card p { margin:0; color:rgba(255,255,255,.6); font-size:.9rem; }
    #coope-maqueta .notice-link { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.16); border-radius:50%; }
    #coope-maqueta .notice-link:hover { color:var(--forest); background:var(--lime); }

    #coope-maqueta .procedures { background:var(--cream); }
    #coope-maqueta .procedure-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
    #coope-maqueta .procedure-card { min-height:205px; display:flex; flex-direction:column; justify-content:space-between; padding:25px; border:1px solid rgba(18,59,50,.13); border-radius:20px; background:rgba(255,255,255,.5); }
    #coope-maqueta .procedure-number { color:var(--leaf); font-size:.76rem; font-weight:830; letter-spacing:.1em; }
    #coope-maqueta .procedure-card h3 { margin:30px 0 10px; font-size:1.22rem; line-height:1.2; }
    #coope-maqueta .procedure-card p { margin:0; color:var(--muted); font-size:.88rem; }
    #coope-maqueta .procedure-card a { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; font-size:.84rem; font-weight:780; }
    #coope-maqueta .procedure-card a span:last-child { color:var(--leaf); font-size:1.1rem; }
    #coope-maqueta .procedure-cta { margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 28px; border-radius:20px; color:#fff; background:var(--forest); }
    #coope-maqueta .procedure-cta p { margin:0; color:rgba(255,255,255,.66); }
    #coope-maqueta .procedure-cta strong { display:block; color:#fff; font-size:1.1rem; }

    #coope-maqueta .community { background:#fff; }
    #coope-maqueta .community-grid { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
    #coope-maqueta .community-visual { position:relative; min-height:520px; overflow:hidden; border-radius:var(--radius-lg); background:var(--forest); }
    #coope-maqueta .community-ring { position:absolute; border:1px solid rgba(255,255,255,.14); border-radius:50%; }
    #coope-maqueta .ring-one { width:430px; height:430px; left:-95px; top:45px; box-shadow:0 0 0 55px rgba(255,255,255,.03),0 0 0 110px rgba(255,255,255,.02); }
    #coope-maqueta .ring-two { width:230px; height:230px; right:-55px; bottom:-28px; box-shadow:0 0 0 35px rgba(255,255,255,.025); }
    #coope-maqueta .visual-word { position:absolute; left:38px; bottom:33px; color:#fff; font-size:clamp(3.2rem,8vw,7rem); font-weight:860; line-height:.8; letter-spacing:-.08em; }
    #coope-maqueta .visual-word span { display:block; color:var(--lime); }
    #coope-maqueta .community-copy h2 { margin-bottom:24px; font-size:clamp(2.5rem,4.5vw,4.5rem); line-height:1; letter-spacing:-.05em; }
    #coope-maqueta .community-copy > p { color:var(--muted); font-size:1.08rem; }
    #coope-maqueta .facts { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:30px; }
    #coope-maqueta .fact { padding:19px; border:1px solid var(--line); border-radius:16px; }
    #coope-maqueta .fact strong { display:block; color:var(--forest); font-size:1.02rem; }
    #coope-maqueta .fact span { color:var(--muted); font-size:.84rem; }

    #coope-maqueta .contact { padding-block:84px; color:#fff; background:var(--forest); }
    #coope-maqueta .contact-shell { display:grid; grid-template-columns:1fr auto; gap:50px; align-items:end; }
    #coope-maqueta .contact h2 { max-width:800px; margin-bottom:20px; font-size:clamp(2.7rem,5vw,5.5rem); line-height:.96; letter-spacing:-.055em; }
    #coope-maqueta .contact p { max-width:670px; margin-bottom:0; color:rgba(255,255,255,.64); }
    #coope-maqueta .contact-links { display:grid; gap:10px; min-width:260px; }
    #coope-maqueta .contact-link { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:rgba(255,255,255,.06); font-size:.9rem; font-weight:720; }
    #coope-maqueta .contact-link:hover { background:rgba(255,255,255,.12); }

    #coope-maqueta footer { padding-block:34px; background:var(--forest-2); color:rgba(255,255,255,.58); font-size:.81rem; }
    #coope-maqueta .footer-row { display:flex; align-items:center; justify-content:space-between; gap:28px; }
    #coope-maqueta .footer-row img { width:94px; filter:brightness(0) invert(1); opacity:.86; }
    #coope-maqueta .footer-links { display:flex; flex-wrap:wrap; gap:18px; }
    #coope-maqueta .demo-note { padding:12px 20px; color:var(--forest); background:var(--sun); font-size:.78rem; font-weight:760; text-align:center; }

    @media (max-width: 1020px) {
      #coope-maqueta .main-nav { gap:17px; }
      #coope-maqueta .main-nav > a:not(.nav-cta) { display:none; }
      #coope-maqueta .hero-grid { grid-template-columns:1fr; gap:45px; padding-block:72px; }
      #coope-maqueta .hero-grid h1 { max-width:820px; }
      #coope-maqueta .action-panel { max-width:720px; }
      #coope-maqueta .service-card { grid-column:span 6; }
      #coope-maqueta .shop-head { grid-template-columns:1fr; align-items:start; }
      #coope-maqueta .shop-head .btn { justify-self:start; }
      #coope-maqueta .product-grid { grid-template-columns:1fr 1fr; }
      #coope-maqueta .notice-shell, #coope-maqueta .community-grid { grid-template-columns:1fr; }
      #coope-maqueta .notice-lead { min-height:340px; }
      #coope-maqueta .procedure-grid { grid-template-columns:1fr 1fr; }
      #coope-maqueta .contact-shell { grid-template-columns:1fr; align-items:start; }
    }

    @media (max-width: 680px) {
      #coope-maqueta .wrap { width:min(calc(100% - 28px),var(--max)); }
      #coope-maqueta .service-meta { display:none; }
      #coope-maqueta .service-bar .wrap { justify-content:center; }
      #coope-maqueta .nav { min-height:72px; }
      #coope-maqueta .brand img { width:100px; }
      #coope-maqueta .brand-copy, #coope-maqueta .nav-cta { display:none; }
      #coope-maqueta .menu-toggle { display:grid; place-items:center; }
      #coope-maqueta .main-nav { display:none; position:absolute; top:72px; left:14px; right:14px; padding:14px; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); }
      #coope-maqueta .main-nav.open { display:grid; gap:4px; }
      #coope-maqueta .main-nav.open > a:not(.nav-cta) { display:block; padding:13px 12px; }
      #coope-maqueta .main-nav.open .nav-cta { display:flex; margin-top:6px; }
      #coope-maqueta .hero-grid { min-height:auto; padding-block:58px; }
      #coope-maqueta h1 { font-size:clamp(3.1rem,16vw,4.5rem); }
      #coope-maqueta .button-row .btn { width:100%; }
      #coope-maqueta .action-panel { min-height:auto; padding:20px; border-radius:26px; }
      #coope-maqueta .quick-grid { grid-template-columns:1fr; }
      #coope-maqueta .quick-card { min-height:116px; }
      #coope-maqueta .hours { align-items:flex-start; flex-direction:column; gap:5px; }
      #coope-maqueta .section { padding-block:74px; }
      #coope-maqueta .section-head { align-items:start; flex-direction:column; margin-bottom:30px; }
      #coope-maqueta .section-head h2 { font-size:2.75rem; }
      #coope-maqueta .service-grid { display:grid; grid-template-columns:1fr; }
      #coope-maqueta .service-card, #coope-maqueta .service-card.wide { grid-column:auto; min-height:220px; }
      #coope-maqueta .shop-shell { padding:28px 18px 18px; border-radius:26px; }
      #coope-maqueta .shop-head { gap:22px; margin-bottom:28px; }
      #coope-maqueta .shop-head h2 { font-size:2.8rem; }
      #coope-maqueta .shop-head .btn { width:100%; }
      #coope-maqueta .product-grid { grid-template-columns:1fr; }
      #coope-maqueta .product-card { display:grid; grid-template-columns:118px 1fr; }
      #coope-maqueta .product-image { aspect-ratio:1/1; }
      #coope-maqueta .product-info { min-height:118px; padding:16px; }
      #coope-maqueta .product-info h3 { margin-bottom:12px; }
      #coope-maqueta .product-tag { display:none; }
      #coope-maqueta .notice-lead { min-height:390px; padding:30px; }
      #coope-maqueta .notice-card { grid-template-columns:auto 1fr; padding:20px; }
      #coope-maqueta .notice-link { display:none; }
      #coope-maqueta .procedure-grid { grid-template-columns:1fr; }
      #coope-maqueta .procedure-card { min-height:185px; }
      #coope-maqueta .procedure-cta { align-items:flex-start; flex-direction:column; }
      #coope-maqueta .community-grid { gap:42px; }
      #coope-maqueta .community-visual { min-height:400px; }
      #coope-maqueta .facts { grid-template-columns:1fr; }
      #coope-maqueta .contact-links { min-width:0; width:100%; }
      #coope-maqueta .footer-row { align-items:flex-start; flex-direction:column; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior:auto; }
      #coope-maqueta *, #coope-maqueta *:before, #coope-maqueta *:after { transition-duration:.01ms !important; }
    }
  

#coope-maqueta {
  width: 100vw;
  max-width: none;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  overflow-x: clip;
  isolation: isolate;
}
body.et-fb #coope-maqueta { left: auto; margin-left: 0; width: 100%; }