:root{
   --bg:#f4f7fb;
   --surface:#ffffff;
   --surface-soft:#f8fafc;
   --border:#e5e7eb;
   --text:#111827;
   --muted:#6b7280;
   --primary:#ea580c;
   --primary-dark:#c2410c;
   --success:#16a34a;
   --shadow:0 18px 45px rgba(15, 23, 42, .08);
 }

 *{box-sizing:border-box;}

 body{
   margin:0;
   background:linear-gradient(180deg, #f8fafc 0%, #f4f7fb 100%);
   color:var(--text);
   font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
 }

 a{color:inherit;text-decoration:none;}

 .landing-shell{
   min-height:100vh;
 }

 .landing-header{
   position:sticky;
   top:0;
   z-index:1000;
   background:rgba(255,255,255,.92);
   backdrop-filter:blur(14px);
   border-bottom:1px solid rgba(229,231,235,.9);
 }

 .landing-navbar{
   padding:.9rem 0;
 }

 .brand-wrap{
   display:flex;
   align-items:center;
   gap:.85rem;
 }

 .brand-logo{
   width:48px;
   height:48px;
   object-fit:contain;
   border-radius:14px;
   background:#fff;
   box-shadow:0 8px 18px rgba(234,88,12,.12);
 }

 .brand-title{
   display:block;
   font-size:1rem;
   line-height:1.1;
   font-weight:800;
   color:var(--text);
 }

 .brand-subtitle{
   display:block;
   color:var(--muted);
   font-size:.78rem;
   margin-top:.12rem;
 }

 .navbar-toggler{
   border:1px solid var(--border);
   background:#fff;
 }

 .nav-link{
   color:#374151;
   font-weight:600;
 }

 .nav-link:hover{
   color:var(--primary);
 }

 .btn-marketplace{
   background:linear-gradient(135deg, var(--primary), #fb923c);
   color:#fff;
   border:none;
   border-radius:14px;
   font-weight:700;
   padding:.82rem 1.25rem;
   box-shadow:0 14px 30px rgba(234,88,12,.22);
 }

 .btn-marketplace:hover{
   background:linear-gradient(135deg, var(--primary-dark), var(--primary));
   color:#fff;
 }

 .btn-whatsapp{
   background:#fff;
   color:#166534;
   border:1px solid #bbf7d0;
   border-radius:14px;
   font-weight:700;
   padding:.82rem 1.25rem;
 }

 .btn-whatsapp:hover{
   background:#f0fdf4;
   color:#166534;
 }

 .hero-section{
   padding:2rem 0 1.5rem;
 }

 .hero-grid{
   display:grid;
   grid-template-columns:minmax(0, 1.15fr) minmax(360px, .85fr);
   gap:1.5rem;
   align-items:stretch;
 }

 .hero-content,
 .hero-showcase{
   background:var(--surface);
   border:1px solid var(--border);
   border-radius:28px;
   box-shadow:var(--shadow);
 }

 .hero-content{
   padding:2.4rem;
   background:
     radial-gradient(circle at top left, rgba(251,146,60,.16), transparent 32%),
     linear-gradient(180deg, #ffffff 0%, #fffaf5 100%);
 }

 .hero-badge,
 .section-kicker,
 .featured-banner-tag{
   display:inline-flex;
   align-items:center;
   gap:.4rem;
   font-size:.78rem;
   font-weight:800;
   letter-spacing:.04em;
   text-transform:uppercase;
   color:var(--primary);
   background:rgba(234,88,12,.08);
   border:1px solid rgba(234,88,12,.12);
   border-radius:999px;
   padding:.45rem .8rem;
 }

 .hero-title{
   margin:1rem 0 .85rem;
   font-size:3rem;
   line-height:1.05;
   font-weight:900;
   letter-spacing:-.03em;
   max-width:700px;
 }

 .hero-description{
   margin:0;
   color:#4b5563;
   font-size:1.05rem;
   line-height:1.7;
   max-width:620px;
 }

 .hero-actions{
   display:flex;
   flex-wrap:wrap;
   gap:.85rem;
   margin-top:1.5rem;
 }

 .hero-highlights{
   display:grid;
   grid-template-columns:repeat(3, minmax(0, 1fr));
   gap:.85rem;
   margin-top:1.5rem;
 }

 .hero-highlight{
   display:flex;
   align-items:center;
   gap:.65rem;
   background:#fff;
   border:1px solid var(--border);
   border-radius:16px;
   padding:.9rem 1rem;
   color:#374151;
   font-weight:600;
 }

 .hero-highlight i{
   color:var(--primary);
   font-size:1.1rem;
 }

 .hero-showcase{
   padding:1rem;
   display:flex;
   flex-direction:column;
   gap:1rem;
 }

 .hero-carousel-card{
   border-radius:22px;
   overflow:hidden;
   background:linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);
   border:1px solid var(--border);
   min-height:360px;
 }

 .hero-carousel-card .carousel,
 .hero-carousel-card .carousel-inner,
 .hero-carousel-card .carousel-item{
   height:100%;
 }

 .hero-carousel-card img{
   width:100%;
   height:360px;
   object-fit:contain;
   padding:1rem;
 }

 .mini-stats{
   display:grid;
   grid-template-columns:repeat(2, minmax(0, 1fr));
   gap:1rem;
 }

 .mini-stat-card{
   background:var(--surface-soft);
   border:1px solid var(--border);
   border-radius:18px;
   padding:1rem 1.1rem;
 }

 .mini-stat-card strong{
   display:block;
   font-size:1.5rem;
   line-height:1;
   color:var(--primary);
   margin-bottom:.35rem;
 }

 .mini-stat-card span{
   color:var(--muted);
   font-size:.92rem;
 }

 .market-strip{
   padding-bottom:1rem;
 }

 .market-strip-grid{
   display:grid;
   grid-template-columns:repeat(5, minmax(0, 1fr));
   gap:1rem;
 }

 .market-strip-item{
   display:flex;
   align-items:center;
   justify-content:center;
   gap:.65rem;
   background:#fff;
   border:1px solid var(--border);
   border-radius:18px;
   padding:1rem;
   font-weight:700;
   color:#374151;
   box-shadow:0 10px 24px rgba(15, 23, 42, .04);
 }

 .market-strip-item i{
   color:var(--primary);
 }

 .section-block{
   padding:2.3rem 0;
 }

 .section-soft{
   background:linear-gradient(180deg, rgba(255,255,255,.4), rgba(248,250,252,.9));
 }

 .section-head{
   display:flex;
   justify-content:space-between;
   align-items:end;
   gap:1rem;
   margin-bottom:1.4rem;
 }

 .section-title{
   margin:0;
   font-size:2rem;
   font-weight:900;
   color:#0f172a;
 }

 .section-subtitle{
   margin:.45rem 0 0;
   color:var(--muted);
   font-size:1rem;
 }

 .section-link{
   color:var(--primary);
   font-weight:800;
 }

 .category-grid{
   display:grid;
   grid-template-columns:repeat(3, minmax(0, 1fr));
   gap:1rem;
 }

 .category-card,
 .card-surface{
   background:var(--surface);
   border:1px solid var(--border);
   border-radius:22px;
   box-shadow:0 16px 35px rgba(15, 23, 42, .05);
 }

 .category-card{
   display:flex;
   align-items:center;
   gap:1rem;
   padding:1.2rem;
   transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
 }

 .category-card:hover,
 .market-product-card:hover{
   transform:translateY(-4px);
   box-shadow:0 20px 40px rgba(15, 23, 42, .1);
   border-color:rgba(234,88,12,.28);
 }

 .category-icon{
   width:54px;
   height:54px;
   border-radius:16px;
   display:flex;
   align-items:center;
   justify-content:center;
   background:linear-gradient(135deg, rgba(234,88,12,.12), rgba(251,146,60,.2));
   color:var(--primary);
   font-size:1.35rem;
   flex-shrink:0;
 }

 .category-name{
   font-size:1rem;
   font-weight:800;
   color:#111827;
 }

 .category-text,
 .empty-state-text,
 .about-text,
 .footer-text,
 .market-product-meta,
 .contact-card p,
 .info-card p{
   color:var(--muted);
 }

 .empty-state{
   grid-column:1 / -1;
   background:#fff;
   border:1px dashed var(--border);
   border-radius:22px;
   padding:2rem;
 }

 .empty-state-title{
   font-weight:800;
   margin-bottom:.35rem;
 }

 .featured-layout{
   display:grid;
   grid-template-columns:minmax(280px, .9fr) minmax(0, 1.4fr);
   gap:1.2rem;
 }

 .featured-banner{
   background:linear-gradient(135deg, #1f2937, #0f172a);
   color:#fff;
   border-radius:26px;
   padding:2rem;
   box-shadow:var(--shadow);
 }

 .featured-banner h3{
   margin:1rem 0 .75rem;
   font-size:2rem;
   font-weight:900;
 }

 .featured-banner p{
   color:rgba(255,255,255,.82);
   line-height:1.7;
   margin-bottom:1.2rem;
 }

 .featured-products-grid{
   display:grid;
   grid-template-columns:repeat(2, minmax(0, 1fr));
   gap:1rem;
 }

 .market-product-card{
   background:#fff;
   border:1px solid var(--border);
   border-radius:22px;
   overflow:hidden;
   box-shadow:0 12px 28px rgba(15, 23, 42, .05);
   transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
 }

 .market-product-media{
   height:220px;
   background:linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);
   display:flex;
   align-items:center;
   justify-content:center;
   border-bottom:1px solid var(--border);
 }

 .market-product-media img{
   width:100%;
   height:100%;
   object-fit:contain;
   padding:1rem;
 }

 .market-product-placeholder{
   font-size:3rem;
   color:#cbd5e1;
 }

 .market-product-body{
   padding:1rem 1.1rem 1.15rem;
 }

 .market-product-category{
   font-size:.78rem;
   font-weight:800;
   text-transform:uppercase;
   letter-spacing:.04em;
   color:var(--primary);
   margin-bottom:.45rem;
 }

 .market-product-name{
   font-size:1rem;
   font-weight:800;
   line-height:1.4;
   margin:0 0 .35rem;
   color:#111827;
 }

 .market-product-footer{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:1rem;
   margin-top:.95rem;
 }

 .market-product-price{
   font-size:1.2rem;
   color:var(--success);
 }

 .market-product-link,
 .contact-link{
   color:var(--primary);
   font-weight:800;
 }

 .about-wrapper{
   display:grid;
   grid-template-columns:minmax(0, 1.25fr) minmax(320px, .75fr);
   gap:1.2rem;
 }

 .card-surface{
   padding:1.6rem;
 }

 .about-features{
   display:grid;
   grid-template-columns:repeat(2, minmax(0, 1fr));
   gap:.85rem;
   margin-top:1.2rem;
 }

 .about-feature{
   display:flex;
   align-items:center;
   gap:.7rem;
   border:1px solid var(--border);
   background:var(--surface-soft);
   border-radius:16px;
   padding:.9rem 1rem;
   font-weight:600;
 }

 .about-feature i{
   color:var(--success);
 }

 .about-side{
   display:grid;
   gap:1rem;
 }

 .info-card h3,
 .contact-card h3{
   margin:.8rem 0 .7rem;
   font-size:1.35rem;
   font-weight:900;
   color:#111827;
 }

 .whatsapp-float{
   position:fixed;
   right:20px;
   bottom:20px;
   width:58px;
   height:58px;
   display:flex;
   align-items:center;
   justify-content:center;
   border-radius:50%;
   background:#25D366;
   color:#fff;
   font-size:1.75rem;
   box-shadow:0 18px 36px rgba(37, 211, 102, .28);
   z-index:1000;
 }

 .landing-footer{
   margin-top:1.5rem;
   background:#0f172a;
   color:rgba(255,255,255,.85);
   padding:1.4rem 0;
 }

 .footer-content{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:1rem;
 }

 .footer-brand{
   font-weight:800;
   font-size:1rem;
 }

 .footer-actions{
   display:flex;
   gap:1.2rem;
   flex-wrap:wrap;
 }

 .footer-actions a{
   color:#fff;
   font-weight:700;
 }

 @media (max-width: 1199px){
   .hero-grid,
   .featured-layout,
   .about-wrapper{
     grid-template-columns:1fr;
   }

   .category-grid,
   .featured-products-grid{
     grid-template-columns:repeat(2, minmax(0, 1fr));
   }

   .market-strip-grid{
     grid-template-columns:repeat(3, minmax(0, 1fr));
   }
 }

 @media (max-width: 767px){
   .hero-section{
     padding:1.2rem 0 1rem;
   }

   .hero-content,
   .hero-showcase,
   .featured-banner,
   .card-surface,
   .category-card{
     border-radius:20px;
   }

   .hero-content{
     padding:1.5rem;
   }

   .hero-title{
     font-size:2rem;
   }

   .hero-highlights,
   .about-features,
   .category-grid,
   .featured-products-grid,
   .market-strip-grid,
   .mini-stats{
     grid-template-columns:1fr;
   }

   .section-head,
   .footer-content{
     flex-direction:column;
     align-items:flex-start;
   }

   .market-product-media{
     height:190px;
   }

   .hero-carousel-card,
   .hero-carousel-card img{
     min-height:auto;
     height:250px;
   }
 }