:root{
  --agropy-green:#058405;
  --agropy-green-dark:#046804;
  --agropy-green-soft:#e9f7e9;
  --agropy-blue:#4963b1;
  --agropy-red:#f01a12;
  --agropy-white:#ffffff;
  --agropy-off:#f6f8f6;
  --agropy-gray:#eef1ee;
  --agropy-text:#1f2a1f;
  --agropy-text-soft:#5d6b5d;
  --agropy-border:#d9e2d9;
  --agropy-shadow:0 14px 34px rgba(0,0,0,.10);
  --agropy-shadow-soft:0 8px 22px rgba(0,0,0,.06);
  --agropy-radius:22px;
  --agropy-radius-sm:14px;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background:#f4f7f4;
  color:var(--agropy-text);
}

img{
  max-width:100%;
  display:block;
}

a{
  text-decoration:none;
}

body[data-page="marketplace"]{
  background:
    radial-gradient(circle at top right, rgba(5,132,5,.08), transparent 24%),
    linear-gradient(180deg, #f8fbf8 0%, #eef5ee 100%);
  color:var(--agropy-text);
}

body[data-page="marketplace"] .text-muted,
body[data-page="marketplace"] .text-secondary{
  color:var(--agropy-text-soft) !important;
}

/* NAVBAR */
.agropy-navbar{
  background:rgba(255,255,255,.96) !important;
  backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(5,132,5,.10) !important;
  box-shadow:0 4px 16px rgba(0,0,0,.05);
}

.agropy-brand{
  display:flex;
  align-items:center;
}

.agropy-logo{
  height:95px;
  width:auto;
  object-fit:contain;
}

.agropy-navbar .nav-link{
  color:var(--agropy-green-dark) !important;
  font-weight:600;
}

.agropy-navbar .nav-link:hover,
.agropy-navbar .nav-link:focus{
  color:var(--agropy-green) !important;
}

.agropy-user-text{
  color:var(--agropy-text-soft) !important;
}

.agropy-toggler{
  border:1px solid rgba(5,132,5,.25);
  padding:.5rem .7rem;
  border-radius:12px;
}

.agropy-toggler:focus{
  box-shadow:0 0 0 .2rem rgba(5,132,5,.12);
}

.agropy-toggler .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%284,104,4,0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.agropy-btn-primary{
  background:var(--agropy-green);
  color:#fff !important;
  border:none;
  border-radius:999px;
  font-weight:700;
  box-shadow:var(--agropy-shadow-soft);
  transition:all .2s ease;
}

.agropy-btn-primary:hover,
.agropy-btn-primary:focus{
  background:var(--agropy-green-dark);
  color:#fff !important;
  transform:translateY(-1px);
}

.agropy-btn-outline{
  background:#fff;
  color:var(--agropy-green-dark) !important;
  border:1px solid rgba(5,132,5,.22);
  border-radius:999px;
  font-weight:700;
  transition:all .2s ease;
}

.agropy-btn-outline:hover,
.agropy-btn-outline:focus{
  background:var(--agropy-green-soft);
  color:var(--agropy-green-dark) !important;
  border-color:rgba(5,132,5,.35);
}

/* AUTH */
.auth-hero{
  min-height:calc(100vh - 120px);
  display:flex;
  align-items:center;
  padding:40px 0;
}

.auth-copy{
  color:var(--agropy-text);
}

.auth-kicker{
  display:inline-block;
  background:var(--agropy-green-soft);
  color:var(--agropy-green-dark);
  border:1px solid rgba(5,132,5,.10);
  padding:8px 14px;
  border-radius:999px;
  font-weight:700;
  margin-bottom:16px;
}

.auth-title{
  font-size:clamp(1.9rem, 5vw, 3rem);
  line-height:1.06;
  font-weight:800;
  margin-bottom:16px;
  color:var(--agropy-green-dark);
}

.auth-text{
  font-size:1rem;
  color:var(--agropy-text-soft);
  max-width:620px;
}

.auth-checklist{
  margin-top:20px;
  display:grid;
  gap:10px;
}

.auth-checklist div{
  color:var(--agropy-text-soft);
  font-weight:600;
}

.auth-checklist i{
  color:var(--agropy-green);
  margin-right:8px;
}

.auth-card{
  background:#fff;
  border-radius:var(--agropy-radius);
  color:var(--agropy-text);
  box-shadow:var(--agropy-shadow);
  overflow:hidden;
}

.auth-card .card-body{
  color:var(--agropy-text);
}

.auth-card h1,
.auth-card h2,
.auth-card h3,
.auth-card h4,
.auth-card h5,
.auth-card h6,
.auth-card p,
.auth-card label{
  color:var(--agropy-text);
}

.auth-card .form-control,
.auth-card .form-select{
  border-radius:14px;
  border:1px solid var(--agropy-border);
  padding-top:.85rem;
  padding-bottom:.85rem;
}

.auth-card .form-control:focus,
.auth-card .form-select:focus{
  border-color:rgba(5,132,5,.45);
  box-shadow:0 0 0 .25rem rgba(5,132,5,.12);
}

.auth-link{
  color:var(--agropy-green);
  text-decoration:none;
}

.auth-link:hover{
  color:var(--agropy-green-dark);
  text-decoration:underline;
}

/* SECTIONS */
.section-shell{
  padding:36px 0;
}

.section-title{
  font-size:clamp(1.35rem, 3vw, 2rem);
  font-weight:800;
  margin-bottom:10px;
  color:var(--agropy-green-dark);
}

.section-text{
  color:var(--agropy-text-soft);
  max-width:760px;
  font-size:.97rem;
  line-height:1.55;
}

.surface-white{
  background:#fff;
  color:var(--agropy-text);
  border-radius:var(--agropy-radius);
  box-shadow:var(--agropy-shadow-soft);
}

/* HERO HOME */
.hero-agro{
  padding:20px 0 16px;
}

.hero-panel{
  background:linear-gradient(135deg, #ffffff, #f3f9f3);
  border:1px solid rgba(5,132,5,.08);
  border-radius:22px;
  overflow:hidden;
  box-shadow:var(--agropy-shadow);
}

.hero-copy{
  padding:22px;
}

.hero-side-panel{
  padding:22px 22px 20px;
}

.hero-kicker{
  display:inline-block;
  background:var(--agropy-green-soft);
  color:var(--agropy-green-dark);
  border:1px solid rgba(5,132,5,.10);
  padding:6px 12px;
  border-radius:999px;
  font-weight:700;
  margin-bottom:12px;
  font-size:.86rem;
}

.hero-kicker-on-dark{
  background:rgba(255,255,255,.90);
  color:var(--agropy-green-dark);
  border:1px solid rgba(255,255,255,.18);
}

.hero-title{
  font-size:clamp(1.7rem, 3vw, 2.6rem);
  line-height:1.08;
  font-weight:800;
  margin-bottom:12px;
  color:var(--agropy-green-dark);
}

.hero-text{
  font-size:.98rem;
  line-height:1.5;
  color:var(--agropy-text-soft);
  max-width:540px;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

.hero-actions .btn{
  padding:.72rem 1.05rem;
  font-size:.96rem;
  border-radius:999px;
  font-weight:700;
}

.hero-slide{
  min-height:360px !important;
  background-size:cover;
  background-position:center;
}

.hero-slide-overlay{
  padding:10px 0;
}

.home-side-logo-wrap{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
}

.home-side-logo{
  max-width:250px;
  width:100%;
  height:auto;
  object-fit:contain;
}

.hero-panel .section-title{
  font-size:1.4rem;
  line-height:1.14;
  margin-bottom:.5rem;
}

.hero-panel .section-text{
  font-size:.96rem;
  line-height:1.5;
}

.hero-panel .dashboard-stat{
  padding:.85rem .95rem;
}

.hero-panel .dashboard-stat .label{
  font-size:.8rem;
}

.hero-panel .dashboard-stat .value{
  font-size:1.15rem;
}

/* CARDS / GRID */
.filter-panel,
.form-shell{
  background:#fff;
  color:var(--agropy-text);
  border-radius:22px;
  padding:1.2rem;
  box-shadow:var(--agropy-shadow-soft);
  border:1px solid rgba(5,132,5,.08);
}

.product-card,
.category-card,
.dashboard-card{
  border:none;
  border-radius:22px;
  overflow:hidden;
  box-shadow:var(--agropy-shadow-soft);
  background:#fff;
  transition:transform .2s ease, box-shadow .2s ease;
}

.product-card:hover,
.category-card:hover,
.dashboard-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 36px rgba(0,0,0,.12);
}

.product-card .card-img-top{
  height:220px;
  object-fit:cover;
}

.product-card .card-body,
.category-card .card-body{
  padding:1.15rem;
}

.product-title{
  font-size:1.05rem;
  font-weight:800;
  color:var(--agropy-green-dark);
  margin-bottom:.4rem;
}

.product-meta{
  color:var(--agropy-text-soft);
  font-size:.95rem;
  line-height:1.5;
}

.product-price{
  font-size:1.2rem;
  font-weight:800;
  color:var(--agropy-green);
}

.product-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--agropy-green-soft);
  color:var(--agropy-green-dark);
  border-radius:999px;
  padding:8px 12px;
  font-size:.86rem;
  font-weight:700;
}

.product-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:1rem;
}

.category-icon{
  width:54px;
  height:54px;
  border-radius:16px;
  background:linear-gradient(135deg, #e7f7e7, #cfeecf);
  color:var(--agropy-green-dark);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.25rem;
  margin-bottom:12px;
}

.dashboard-stat{
  background:linear-gradient(180deg, #f7fcf7, #edf7ed);
  border-radius:20px;
  padding:1rem 1.1rem;
  height:100%;
  border:1px solid rgba(5,132,5,.08);
}

.dashboard-stat .label{
  font-size:.9rem;
  color:var(--agropy-text-soft);
  font-weight:700;
}

.dashboard-stat .value{
  font-size:1.8rem;
  color:var(--agropy-green-dark);
  font-weight:800;
}

/* ALERTS */
.alert{
  border:none;
  border-radius:16px;
}

.alert-success{
  background:#e9f8e9;
  color:#1f6a2d;
}

.alert-danger{
  background:#ffe6e6;
  color:#892626;
}

.alert-warning{
  background:#fff3da;
  color:#8d6210;
}

.alert-info{
  background:#e7f1ff;
  color:#1b4b7d;
}

/* FOOTER */
.agropy-footer{
  background:#ffffff;
  color:var(--agropy-text-soft);
  border-top:1px solid rgba(5,132,5,.08);
}

/* ERP */
body[data-page="erp"]{
  background:#f5f7fb;
  color:#1f2937;
}

body[data-page="erp"] .agropy-navbar{
  background:#0f4d1f !important;
  border-bottom:none !important;
}

body[data-page="erp"] .agropy-navbar .nav-link,
body[data-page="erp"] .agropy-navbar .navbar-brand{
  color:#fff !important;
}

/* RESPONSIVE */
@media (max-width: 991.98px){
  .agropy-logo{
    height:72px;
  }

  .auth-hero{
    min-height:auto;
    padding:28px 0;
  }

  .auth-copy{
    text-align:center;
  }

  .hero-agro{
    padding:14px 0 12px;
  }

  .hero-copy,
  .hero-side-panel{
    padding:18px 18px;
    text-align:center;
  }

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

  .hero-text{
    max-width:none;
    margin-left:auto;
    margin-right:auto;
  }

  .hero-actions{
    justify-content:center;
  }

  .hero-slide{
    min-height:300px !important;
  }

  .hero-panel .section-title{
    font-size:1.28rem;
  }

  .hero-panel .dashboard-stat .value{
    font-size:1.08rem;
  }

  .home-side-logo{
    max-width:220px;
  }

  .navbar-collapse{
    background:#fff;
    margin-top:10px;
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(5,132,5,.10);
    box-shadow:var(--agropy-shadow-soft);
  }
}

@media (max-width: 767.98px){
  .hero-title,
  .auth-title{
    font-size:1.7rem;
  }

  .product-card .card-img-top{
    height:200px;
  }
}

@media (max-width: 575.98px){
  .agropy-logo{
    height:54px;
  }

  .hero-copy,
  .hero-side-panel{
    padding:16px 14px;
  }

  .hero-kicker{
    font-size:.78rem;
    padding:5px 10px;
  }

  .hero-title{
    font-size:1.42rem;
    line-height:1.12;
  }

  .hero-text{
    font-size:.92rem;
    line-height:1.42;
  }

  .hero-slide{
    min-height:250px !important;
  }

  .hero-actions .btn{
    width:100%;
    font-size:.93rem;
    padding:.7rem 1rem;
  }

  .hero-panel{
    border-radius:18px;
  }

  .hero-panel .section-title{
    font-size:1.12rem;
  }

  .hero-panel .section-text{
    font-size:.9rem;
  }

  .dashboard-stat .value{
    font-size:1.35rem;
  }

  .home-side-logo{
    max-width:190px;
  }
}
/* ERP interno */
body[data-page="erp"]{
  background:#f5f7fb;
  color:#1f2937;
}

.erp-shell .dashboard-table-wrap,
.erp-shell .surface-white,
.erp-shell .form-shell{
  background:#fff;
}

.erp-shell .dashboard-stat{
  background:linear-gradient(180deg, #f8fbff, #eef5f0);
}

.erp-shell .product-meta,
.erp-shell .small.text-muted{
  color:#64748b !important;
}

.erp-shell .table thead th{
  background:#f8fafc;
  color:#475569;
  font-weight:700;
}

.erp-shell .erp-menu .btn{
  justify-content:flex-start;
}

@media (max-width: 991.98px){
  .erp-shell .dashboard-table-wrap{
    position:static;
  }
}

.crm-pipeline-column{
  background:#f8fbf8;
  border:1px solid rgba(5,132,5,.10);
  border-radius:18px;
  padding:12px;
  min-height:100%;
}

.crm-pipeline-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:700;
  color:var(--agropy-green-dark);
  border-bottom:1px solid rgba(5,132,5,.08);
  padding-bottom:8px;
}

.crm-lead-card{
  display:block;
  background:#fff;
  border:1px solid rgba(5,132,5,.08);
  border-radius:14px;
  padding:12px;
  color:var(--agropy-text) !important;
  box-shadow:var(--agropy-shadow-soft);
  transition:transform .2s ease, box-shadow .2s ease;
}

.crm-lead-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(0,0,0,.10);
}

.crm-empty-column{
  background:#fff;
  border:1px dashed rgba(5,132,5,.18);
  border-radius:14px;
  padding:14px;
  text-align:center;
  color:var(--agropy-text-soft);
  font-size:.92rem;
}
/* ============================
   AGROPY HOME APP V2
============================ */

.agropy-app-home{
  min-height:100vh;
  background:
    radial-gradient(circle at top right, rgba(31,157,85,.13), transparent 26%),
    linear-gradient(180deg, #fbfffb 0%, #eef8ef 100%);
  padding:18px 0 90px;
}

.agropy-app-container{
  max-width:1180px;
}

.app-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.app-topbar h1{
  margin:4px 0 0;
  font-size:clamp(1.5rem, 3vw, 2.4rem);
  font-weight:900;
  color:#123d24;
  letter-spacing:-.04em;
}

.app-location{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-weight:800;
  color:#0b6e4f;
  font-size:.9rem;
}

.app-top-action{
  width:48px;
  height:48px;
  border-radius:50%;
  background:#0bbf45;
  color:#fff !important;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 14px 28px rgba(11,191,69,.24);
}

.app-search-card{
  background:#fff;
  border-radius:22px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  box-shadow:0 12px 28px rgba(0,0,0,.07);
  border:1px solid rgba(11,110,79,.08);
  margin-bottom:20px;
}

.app-search-card i{
  color:#0b6e4f;
  font-size:1.2rem;
}

.app-search-card input{
  border:0;
  outline:none;
  flex:1;
  min-width:0;
  font-weight:600;
  color:#1f2a1f;
}

.app-search-card button{
  border:0;
  background:#0b6e4f;
  color:#fff;
  border-radius:999px;
  padding:9px 18px;
  font-weight:800;
}

.app-hero-banner{
  position:relative;
  overflow:hidden;
  min-height:360px;
  border-radius:34px;
  padding:34px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:22px;
  align-items:center;
  background:
    linear-gradient(135deg, rgba(11,110,79,.96), rgba(31,157,85,.78)),
    url('assets/img/slides/slide1.jpg');
  background-size:cover;
  background-position:center;
  box-shadow:0 24px 55px rgba(11,110,79,.24);
}

.app-hero-copy{
  position:relative;
  z-index:2;
  color:#fff;
}

.app-hero-copy span,
.app-promo-card span,
.app-section-head span{
  display:inline-block;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.app-hero-copy span{
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.24);
  padding:7px 12px;
  border-radius:999px;
  margin-bottom:14px;
}

.app-hero-copy h2{
  font-size:clamp(2rem, 4.6vw, 4.4rem);
  line-height:.95;
  font-weight:950;
  letter-spacing:-.07em;
  max-width:620px;
  margin:0 0 16px;
}

.app-hero-copy p{
  color:rgba(255,255,255,.82);
  font-size:1.05rem;
  line-height:1.55;
  max-width:560px;
  margin-bottom:22px;
}

.app-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.app-hero-actions a{
  border-radius:999px;
  padding:12px 20px;
  font-weight:900;
}

.app-hero-actions a:first-child{
  background:#fff;
  color:#0b6e4f;
}

.app-hero-actions a:last-child{
  background:rgba(255,255,255,.16);
  color:#fff;
  border:1px solid rgba(255,255,255,.28);
}

.app-hero-visual{
  position:relative;
  min-height:320px;
}

.phone-mock{
  position:absolute;
  width:190px;
  height:330px;
  background:#fff;
  border:9px solid rgba(255,255,255,.72);
  border-radius:34px;
  box-shadow:0 30px 60px rgba(0,0,0,.22);
  overflow:hidden;
}

.phone-one{
  right:190px;
  top:22px;
  transform:rotate(-13deg);
}

.phone-two{
  right:34px;
  top:-10px;
  transform:rotate(13deg);
}

.phone-screen{
  height:100%;
  background:linear-gradient(180deg, #fff8ef, #f7fff7);
  padding:18px 14px;
}

.phone-dot{
  width:44px;
  height:5px;
  background:#d7ddd7;
  border-radius:999px;
  margin:0 auto 16px;
}

.mini-title{
  font-weight:900;
  color:#172617;
  margin-bottom:12px;
}

.mini-banner{
  height:72px;
  border-radius:18px;
  background:linear-gradient(135deg, #fff1b9, #ccf0c9);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0b6e4f;
  font-weight:950;
  margin-bottom:12px;
}

.mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}

.mini-grid span{
  background:#fff;
  border-radius:16px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.6rem;
  box-shadow:0 8px 18px rgba(0,0,0,.06);
}

.mini-list{
  height:58px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.06);
  margin-bottom:12px;
  position:relative;
}

.mini-list::before{
  content:'';
  position:absolute;
  left:12px;
  top:13px;
  width:34px;
  height:34px;
  border-radius:12px;
  background:#dff7d8;
}

.mini-list::after{
  content:'';
  position:absolute;
  left:56px;
  top:18px;
  width:82px;
  height:8px;
  border-radius:999px;
  background:#d8ded8;
  box-shadow:0 14px 0 #edf1ed;
}

.mini-list.short::after{
  width:62px;
}

.app-section{
  margin-top:32px;
}

.app-section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:14px;
  margin-bottom:16px;
}

.app-section-head span{
  color:#0b6e4f;
}

.app-section-head h3{
  margin:3px 0 0;
  color:#153d24;
  font-weight:950;
  letter-spacing:-.04em;
  font-size:clamp(1.35rem, 2.6vw, 2.1rem);
}

.app-section-head a{
  color:#0b6e4f;
  font-weight:900;
}

.app-category-grid{
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:14px;
}

.app-cat-card{
  min-height:136px;
  border-radius:24px;
  padding:18px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:10px;
  color:#18351f !important;
  box-shadow:0 12px 26px rgba(0,0,0,.07);
  transition:all .2s ease;
}

.app-cat-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 34px rgba(0,0,0,.11);
}

.app-cat-card div{
  width:58px;
  height:58px;
  border-radius:20px;
  background:rgba(255,255,255,.72);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2rem;
}

.app-cat-card strong{
  font-size:.92rem;
  text-align:center;
}

.bg-seeds{ background:#fff2df; }
.bg-machinery{ background:#e7f5ff; }
.bg-livestock{ background:#ffe8e8; }
.bg-transport{ background:#e8f8ef; }
.bg-grains{ background:#fff8ce; }
.bg-services{ background:#eee9ff; }

.app-promo-card{
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(232,248,239,.96)),
    url('assets/img/slides/slide2.jpg');
  background-size:cover;
  background-position:center;
  border-radius:30px;
  padding:28px;
  box-shadow:0 18px 42px rgba(0,0,0,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid rgba(11,110,79,.08);
}

.app-promo-card span{
  color:#0b6e4f;
}

.app-promo-card h3{
  max-width:650px;
  margin:6px 0 8px;
  color:#143e25;
  font-weight:950;
  letter-spacing:-.04em;
}

.app-promo-card p{
  margin:0;
  max-width:680px;
  color:#5d6b5d;
}

.app-promo-card a{
  white-space:nowrap;
  background:#0b6e4f;
  color:#fff !important;
  border-radius:999px;
  padding:12px 20px;
  font-weight:900;
}

.app-action-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
}

.app-action-card{
  background:#fff;
  border-radius:26px;
  padding:22px;
  color:#173b23 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.07);
  border:1px solid rgba(11,110,79,.07);
  transition:all .2s ease;
}

.app-action-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 36px rgba(0,0,0,.11);
}

.app-action-card i{
  width:52px;
  height:52px;
  border-radius:18px;
  background:#e8f8ef;
  color:#0b6e4f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.4rem;
  margin-bottom:14px;
}

.app-action-card strong{
  display:block;
  font-weight:950;
  margin-bottom:4px;
}

.app-action-card small{
  color:#697969;
  line-height:1.4;
}

.app-steps{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
}

.app-steps div{
  background:#fff;
  border-radius:26px;
  padding:22px;
  box-shadow:0 12px 28px rgba(0,0,0,.07);
}

.app-steps b{
  width:42px;
  height:42px;
  border-radius:15px;
  background:#0b6e4f;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}

.app-steps strong{
  display:block;
  color:#173b23;
  font-weight:950;
  margin-bottom:5px;
}

.app-steps small{
  color:#697969;
}

.agropy-bottom-nav{
  display:none;
}

/* Ocultar el home anterior si qued贸 algo heredado */
.agropy-app-home .section-shell,
.agropy-app-home .hero-agro{
  display:none;
}

@media (max-width: 991.98px){
  .app-hero-banner{
    grid-template-columns:1fr;
    padding:26px;
  }

  .app-hero-visual{
    min-height:240px;
  }

  .phone-mock{
    width:155px;
    height:270px;
  }

  .phone-one{
    left:8%;
    right:auto;
    top:10px;
  }

  .phone-two{
    right:10%;
    top:-8px;
  }

  .app-category-grid{
    grid-template-columns:repeat(3, 1fr);
  }

  .app-action-grid,
  .app-steps{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media (max-width: 767.98px){
  .agropy-app-home{
    padding-top:12px;
  }

  .app-topbar{
    margin-top:4px;
  }

  .app-search-card button{
    display:none;
  }

  .app-hero-banner{
    min-height:auto;
    border-radius:28px;
  }

  .app-hero-copy h2{
    font-size:2.25rem;
  }

  .app-hero-copy p{
    font-size:.96rem;
  }

  .app-hero-visual{
    display:none;
  }

  .app-category-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .app-action-grid,
  .app-steps{
    grid-template-columns:1fr;
  }

  .app-promo-card{
    flex-direction:column;
    align-items:flex-start;
  }

  .app-promo-card a{
    width:100%;
    text-align:center;
  }

  .agropy-bottom-nav{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:1050;
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(10px);
    border:1px solid rgba(11,110,79,.10);
    border-radius:26px;
    box-shadow:0 18px 45px rgba(0,0,0,.16);
    padding:8px 6px;
  }

  .agropy-bottom-nav a{
    color:#7a897a !important;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    font-size:.68rem;
    font-weight:800;
  }

  .agropy-bottom-nav a i{
    font-size:1.18rem;
  }

  .agropy-bottom-nav a.active{
    color:#0b6e4f !important;
  }

  .agropy-bottom-nav a.publish i{
    width:42px;
    height:42px;
    border-radius:18px;
    background:#0bbf45;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:-26px;
    box-shadow:0 12px 26px rgba(11,191,69,.28);
  }

  body[data-page="marketplace"]{
    padding-bottom:82px;
  }
}

@media (max-width: 575.98px){
  .app-category-grid{
    gap:12px;
  }

  .app-cat-card{
    min-height:118px;
    border-radius:22px;
  }

  .app-hero-banner{
    padding:22px;
  }

  .app-hero-actions a{
    width:100%;
    text-align:center;
  }
}
/* HEADER V2 */

.agropy-navbar{
    min-height:82px;
}

.agropy-navbar .container{
    max-width:1280px;
}

.agropy-navbar .nav-link{
    font-weight:700;
    padding:.8rem 1rem !important;
    border-radius:12px;
    transition:.2s;
}

.agropy-navbar .nav-link:hover{
    background:#edf8ef;
}

.agropy-user-pill{
    display:flex;
    align-items:center;
    gap:8px;
    background:#edf8ef;
    padding:10px 16px;
    border-radius:999px;
    font-weight:700;
    color:#0b6e4f;
}

.agropy-user-pill i{
    font-size:1.2rem;
}

@media(max-width:991px){

    .agropy-user-pill{
        justify-content:center;
        margin-top:10px;
    }

    .navbar-collapse{
        padding-top:15px;
    }

}
/* ============================
   AGROPY CATALOGO V2
============================ */

.agropy-catalog-page{
  min-height:100vh;
  background:
    radial-gradient(circle at top right, rgba(31,157,85,.12), transparent 26%),
    linear-gradient(180deg, #fbfffb 0%, #eef8ef 100%);
  padding-bottom:60px;
}

.catalog-hero{
  background:
    linear-gradient(135deg, rgba(11,110,79,.96), rgba(31,157,85,.82)),
    url('assets/img/slides/slide3.jpg');
  background-size:cover;
  background-position:center;
  border-radius:32px;
  padding:30px;
  color:#fff;
  box-shadow:0 22px 50px rgba(11,110,79,.20);
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.catalog-hero span{
  display:inline-block;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.24);
  padding:7px 12px;
  border-radius:999px;
  margin-bottom:14px;
}

.catalog-hero h1{
  margin:0 0 8px;
  font-size:clamp(2rem, 4vw, 3.6rem);
  font-weight:950;
  letter-spacing:-.06em;
  line-height:.98;
}

.catalog-hero p{
  max-width:620px;
  margin:0;
  color:rgba(255,255,255,.82);
  font-weight:500;
}

.catalog-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.catalog-search{
  margin-bottom:14px;
}

.catalog-chip-row{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:2px 2px 16px;
  margin-bottom:10px;
}

.catalog-chip-row a{
  white-space:nowrap;
  background:#fff;
  color:#0b6e4f !important;
  border:1px solid rgba(11,110,79,.12);
  border-radius:999px;
  padding:9px 16px;
  font-weight:850;
  box-shadow:0 8px 18px rgba(0,0,0,.04);
}

.catalog-chip-row a.active,
.catalog-chip-row a:hover{
  background:#0b6e4f;
  color:#fff !important;
}

.catalog-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}

.catalog-card{
  background:#fff;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 14px 32px rgba(0,0,0,.08);
  border:1px solid rgba(11,110,79,.07);
  transition:all .2s ease;
}

.catalog-card:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 42px rgba(0,0,0,.12);
}

.catalog-card-img{
  position:relative;
  display:block;
  height:230px;
  overflow:hidden;
  background:#eef7ef;
}

.catalog-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.catalog-card:hover .catalog-card-img img{
  transform:scale(1.05);
}

.catalog-no-img{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#0b6e4f;
  gap:8px;
}

.catalog-no-img i{
  font-size:2.4rem;
}

.catalog-fav{
  position:absolute;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.92);
  color:#0b6e4f;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}

.catalog-status{
  position:absolute;
  left:14px;
  bottom:14px;
  background:rgba(255,255,255,.92);
  color:#0b6e4f;
  border-radius:999px;
  padding:7px 12px;
  font-size:.78rem;
  font-weight:900;
}

.catalog-card-body{
  padding:18px;
}

.catalog-card-top small{
  display:block;
  color:#0b6e4f;
  font-weight:900;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:5px;
}

.catalog-card-top h3{
  color:#173b23;
  font-weight:950;
  font-size:1.15rem;
  line-height:1.18;
  margin:0 0 10px;
}

.catalog-location{
  display:flex;
  align-items:center;
  gap:6px;
  color:#647464;
  font-weight:700;
  font-size:.9rem;
  margin-bottom:10px;
}

.catalog-desc{
  color:#677667;
  font-size:.93rem;
  line-height:1.45;
  min-height:62px;
  margin-bottom:14px;
}

.catalog-info-row{
  display:grid;
  grid-template-columns:1.4fr .8fr;
  gap:10px;
  margin-bottom:14px;
}

.catalog-info-row div{
  background:#f2faf3;
  border-radius:18px;
  padding:12px;
}

.catalog-info-row span{
  display:block;
  color:#697969;
  font-size:.76rem;
  font-weight:800;
  margin-bottom:2px;
}

.catalog-info-row strong{
  color:#0b6e4f;
  font-size:1.05rem;
  font-weight:950;
}

.catalog-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.catalog-actions a{
  border-radius:999px;
  padding:10px 12px;
  font-weight:900;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}

.btn-detail{
  background:#0b6e4f;
  color:#fff !important;
}

.btn-whatsapp{
  background:#e8f8ef;
  color:#0b6e4f !important;
}

.catalog-edit{
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#4963b1 !important;
  font-weight:850;
  font-size:.9rem;
}

.catalog-empty{
  background:#fff;
  border-radius:30px;
  padding:46px 24px;
  text-align:center;
  box-shadow:0 14px 32px rgba(0,0,0,.08);
}

.catalog-empty-icon{
  width:80px;
  height:80px;
  border-radius:26px;
  background:#e8f8ef;
  color:#0b6e4f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.4rem;
  margin:0 auto 18px;
}

.catalog-empty h3{
  color:#173b23;
  font-weight:950;
}

.catalog-empty p{
  color:#677667;
  max-width:520px;
  margin:0 auto 20px;
}

@media(max-width:991.98px){
  .catalog-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .catalog-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media(max-width:767.98px){
  .catalog-grid{
    grid-template-columns:1fr;
  }

  .catalog-hero{
    border-radius:26px;
    padding:24px;
  }

  .catalog-card-img{
    height:220px;
  }

  .catalog-hero-actions{
    width:100%;
  }

  .catalog-hero-actions .btn{
    flex:1;
  }
}
/* HEADER V3 APP MARKETPLACE */

.agropy-navbar{
  min-height:76px;
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(11,110,79,.08) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
}

.agropy-navbar .container{
  max-width:1180px;
}

.agropy-logo{
  height:58px;
}

.agropy-navbar .nav-link{
  color:#173b23 !important;
  font-weight:850;
  padding:.62rem .9rem !important;
  border-radius:999px;
}

.agropy-navbar .nav-link:hover{
  background:#e8f8ef;
  color:#0b6e4f !important;
}

.agropy-user-pill{
  display:flex;
  align-items:center;
  gap:8px;
  background:#f2faf3;
  border:1px solid rgba(11,110,79,.10);
  padding:9px 14px;
  border-radius:999px;
  font-weight:850;
  color:#0b6e4f;
  max-width:180px;
}

.agropy-user-pill span{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.agropy-navbar .agropy-btn-primary,
.agropy-navbar .agropy-btn-outline{
  padding:.6rem 1rem;
  font-size:.9rem;
}

@media(max-width:991.98px){
  .agropy-logo{
    height:52px;
  }

  .navbar-collapse{
    background:rgba(255,255,255,.96);
    margin-top:12px;
    padding:14px;
    border-radius:24px;
    border:1px solid rgba(11,110,79,.10);
    box-shadow:0 18px 42px rgba(0,0,0,.10);
  }

  .agropy-navbar .nav-link{
    text-align:center;
  }

  .agropy-user-pill{
    max-width:none;
    justify-content:center;
  }

  .navbar-collapse .d-flex{
    justify-content:center;
    flex-wrap:wrap;
  }
}
/* ======================
   AGROPY HEADER V4
====================== */

.agropy-market-header{
  background:#ffffff !important;
}

.agropy-logo{
  height:95px;
  width:auto;
}

.agropy-header-search{
  flex:1;
  max-width:520px;
  margin-left:20px;
}

.search-wrapper{
  display:flex;
  align-items:center;
  background:#f4f7f4;
  border:1px solid rgba(11,110,79,.10);
  border-radius:999px;
  overflow:hidden;
  height:50px;
}

.search-wrapper i{
  padding:0 15px;
  color:#0b6e4f;
}

.search-wrapper input{
  flex:1;
  border:0;
  outline:none;
  background:transparent;
  font-weight:600;
}

.search-wrapper button{
  border:0;
  background:#0b6e4f;
  color:#fff;
  height:100%;
  padding:0 20px;
  font-weight:800;
}

.agropy-auth-buttons{
  white-space:nowrap;
}

.agropy-btn-login{
  background:#fff;
  border:2px solid #0b6e4f;
  color:#0b6e4f !important;
  border-radius:999px;
  font-weight:800;
  min-width:125px;
}

.agropy-btn-primary{
  min-width:145px;
}

@media(max-width:991px){

  .agropy-logo{
    height:72px;
  }

  .agropy-header-search{
    display:none !important;
  }

}
/* Grupo de acciones */

.agropy-user-actions{
    display:flex;
    align-items:center;
    background:#f2faf3;
    border:1px solid rgba(11,110,79,.10);
    border-radius:999px;
    padding:4px;
    gap:4px;
}

/* Ambos botones mismo tamaño */

.agropy-user-actions .btn{
    border-radius:999px;
    min-width:120px;
    font-weight:800;
    padding:.65rem 1rem;
    box-shadow:none;
}

/* Ingresar */

.agropy-btn-login{
    background:transparent;
    border:none;
    color:#0b6e4f !important;
}

/* Crear cuenta */

.agropy-btn-primary{
    background:#0b6e4f;
    color:#fff !important;
    border:none;
}

/* Usuario logueado */

.agropy-user-pill{
    background:transparent;
    border:none;
    margin:0;
    padding:0 12px;
    max-width:none;
}
/* ============================
   AGROPY HEADER FINAL AISLADO
============================ */

.apx-header{
  background:#ffffff !important;
  border-bottom:1px solid rgba(11,110,79,.10) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.06) !important;
  z-index:1100 !important;
}

.apx-header-inner{
  min-height:104px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
}

.apx-logo{
  height:100px !important;
  width:auto !important;
  object-fit:contain !important;
}

.apx-center-menu{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  flex:1 !important;
}

.apx-center-menu a{
  color:#173b23 !important;
  font-weight:900 !important;
  font-size:1.02rem !important;
  padding:10px 15px !important;
  border-radius:999px !important;
  text-decoration:none !important;
}

.apx-center-menu a:hover{
  background:#e8f8ef !important;
  color:#0b6e4f !important;
}

.apx-account-box{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  background:#f2faf3 !important;
  border:1px solid rgba(11,110,79,.14) !important;
  border-radius:999px !important;
  padding:5px !important;
  box-shadow:0 8px 20px rgba(0,0,0,.04) !important;
}

.apx-btn{
  min-width:120px !important;
  height:42px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:900 !important;
  font-size:.92rem !important;
  text-decoration:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.apx-btn-light{
  background:transparent !important;
  color:#0b6e4f !important;
}

.apx-btn-light:hover{
  background:#ffffff !important;
}

.apx-btn-green{
  background:#0b6e4f !important;
  color:#ffffff !important;
}

.apx-btn-green:hover{
  background:#064f39 !important;
  color:#ffffff !important;
}

.apx-user-name{
  max-width:190px !important;
  padding:0 13px !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  color:#0b6e4f !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.apx-mobile-toggle{
  display:none !important;
  width:48px !important;
  height:48px !important;
  border:0 !important;
  border-radius:18px !important;
  background:#e8f8ef !important;
  color:#0b6e4f !important;
  font-size:1.6rem !important;
}

.apx-mobile-menu{
  background:#ffffff !important;
  border-top:1px solid rgba(11,110,79,.08) !important;
  padding:10px 18px 18px !important;
}

.apx-mobile-menu a{
  display:block !important;
  color:#173b23 !important;
  font-weight:900 !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  text-decoration:none !important;
}

.apx-mobile-menu a:hover{
  background:#e8f8ef !important;
  color:#0b6e4f !important;
}

@media(max-width:991.98px){
  .apx-header-inner{
    min-height:82px !important;
  }

  .apx-logo{
    height:72px !important;
  }

  .apx-center-menu,
  .apx-account-box{
    display:none !important;
  }

  .apx-mobile-toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}
/* HEADER DEFINITIVO AGROPY */

.apx-header{
  background:#fff !important;
  border-bottom:1px solid rgba(11,110,79,.10) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.06) !important;
  z-index:1100 !important;
}

.apx-header-inner{
  max-width:1180px !important;
  min-height:104px !important;
  display:grid !important;
  grid-template-columns:220px 1fr 310px !important;
  align-items:center !important;
  gap:16px !important;
  margin:0 auto !important;
  padding:0 12px !important;
}

.apx-logo-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

.apx-logo{
  height:96px !important;
  width:auto !important;
  object-fit:contain !important;
}

.apx-center-menu{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:6px !important;
}

.apx-center-menu a{
  color:#173b23 !important;
  font-weight:900 !important;
  font-size:1.05rem !important;
  padding:10px 18px !important;
  border-radius:999px !important;
  text-decoration:none !important;
}

.apx-center-menu a:hover{
  background:#e8f8ef !important;
  color:#0b6e4f !important;
}

.apx-account-box{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  background:#f2faf3 !important;
  border:1px solid rgba(11,110,79,.14) !important;
  border-radius:999px !important;
  padding:5px !important;
}

.apx-btn{
  min-width:120px !important;
  height:42px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:900 !important;
  font-size:.9rem !important;
  text-decoration:none !important;
  border:0 !important;
}

.apx-btn-light{
  background:transparent !important;
  color:#0b6e4f !important;
}

.apx-btn-light:hover{
  background:#fff !important;
}

.apx-btn-green{
  background:#0b6e4f !important;
  color:#fff !important;
}

.apx-btn-green:hover{
  background:#064f39 !important;
  color:#fff !important;
}

.apx-user-name{
  max-width:145px !important;
  padding:0 10px !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  color:#0b6e4f !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.apx-mobile-toggle{
  display:none !important;
  width:48px !important;
  height:48px !important;
  border:0 !important;
  border-radius:18px !important;
  background:#e8f8ef !important;
  color:#0b6e4f !important;
  font-size:1.6rem !important;
}

.apx-mobile-menu{
  background:#fff !important;
  border-top:1px solid rgba(11,110,79,.08) !important;
  padding:10px 18px 18px !important;
}

.apx-mobile-menu a{
  display:block !important;
  color:#173b23 !important;
  font-weight:900 !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  text-decoration:none !important;
}

.apx-mobile-menu a:hover{
  background:#e8f8ef !important;
  color:#0b6e4f !important;
}

@media(max-width:991.98px){
  .apx-header-inner{
    min-height:82px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    padding:0 16px !important;
  }

  .apx-logo{
    height:72px !important;
  }

  .apx-center-menu,
  .apx-account-box{
    display:none !important;
  }

  .apx-mobile-toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}
/* ==========================
   DETALLE PRODUCTO V2 AGROPY
========================== */

.agropy-product-detail{
  min-height:100vh;
  background:
    radial-gradient(circle at top right, rgba(31,157,85,.12), transparent 26%),
    linear-gradient(180deg, #fbfffb 0%, #eef8ef 100%);
  padding-bottom:70px;
}

.product-detail-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}

.product-detail-top a,
.product-detail-top span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:#fff;
  color:#0b6e4f !important;
  border:1px solid rgba(11,110,79,.10);
  border-radius:999px;
  padding:10px 15px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(0,0,0,.04);
}

.product-gallery-card,
.product-content-card,
.product-sidebar-card{
  background:#fff;
  border-radius:30px;
  box-shadow:0 14px 34px rgba(0,0,0,.08);
  border:1px solid rgba(11,110,79,.08);
  overflow:hidden;
}

.product-gallery-card{
  padding:14px;
}

.product-main-image{
  position:relative;
  height:430px;
  border-radius:24px;
  overflow:hidden;
  background:#eef8ef;
}

.product-main-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.product-image-badge{
  position:absolute;
  left:16px;
  bottom:16px;
  background:rgba(255,255,255,.94);
  color:#0b6e4f;
  border-radius:999px;
  padding:8px 14px;
  font-size:.82rem;
  font-weight:900;
}

.product-thumb-row{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:10px;
  margin-top:12px;
}

.product-thumb-row img{
  width:100%;
  height:88px;
  object-fit:cover;
  border-radius:18px;
  border:2px solid #eef8ef;
}

.product-no-image{
  height:350px;
  border-radius:24px;
  background:#eef8ef;
  color:#0b6e4f;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.product-no-image i{
  font-size:3rem;
}

.product-content-card{
  padding:26px;
}

.product-kicker{
  display:inline-block;
  color:#0b6e4f;
  background:#e8f8ef;
  border-radius:999px;
  padding:8px 13px;
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:14px;
}

.product-content-card h1{
  color:#173b23;
  font-weight:950;
  letter-spacing:-.05em;
  line-height:1.02;
  font-size:clamp(2rem, 4vw, 3.2rem);
  margin-bottom:14px;
}

.product-meta-line{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}

.product-meta-line span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#647464;
  background:#f6faf6;
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
  font-size:.9rem;
}

.product-price-main{
  font-size:3rem;
  font-weight:950;
  color:#0b6e4f;
  margin-bottom:18px;
  letter-spacing:-.06em;
}

.product-trust-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:25px;
}

.product-trust-badges span{
  background:#eef8ef;
  color:#0b6e4f;
  border-radius:999px;
  padding:8px 14px;
  font-size:.85rem;
  font-weight:900;
}

.product-spec-box{
  background:#f6faf6;
  border-radius:24px;
  padding:20px;
  margin-bottom:24px;
}

.product-spec-box h5,
.product-description h5,
.product-extra-block h5{
  color:#173b23;
  font-weight:950;
  margin-bottom:14px;
}

.product-spec-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
}

.product-spec-grid div{
  background:#fff;
  border-radius:18px;
  padding:14px;
}

.product-spec-grid span{
  display:block;
  color:#697969;
  font-size:.78rem;
  font-weight:850;
  margin-bottom:4px;
}

.product-spec-grid strong{
  color:#173b23;
  font-weight:950;
}

.product-description{
  margin-bottom:24px;
}

.product-description p{
  color:#5d6b5d;
  line-height:1.65;
  margin:0;
}

.product-extra-block{
  margin-top:22px;
}

.product-light-button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#eef8ef;
  color:#0b6e4f !important;
  border-radius:999px;
  padding:11px 16px;
  font-weight:900;
}

.product-sidebar-card{
  padding:24px;
  margin-bottom:20px;
}

.product-sticky-box{
  position:sticky;
  top:125px;
}

.product-sidebar-head span{
  display:inline-block;
  color:#0b6e4f;
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
  margin-bottom:6px;
}

.product-sidebar-head h3{
  color:#173b23;
  font-weight:950;
  letter-spacing:-.04em;
  margin-bottom:16px;
}

.product-summary-list{
  display:grid;
  gap:10px;
  margin-bottom:16px;
}

.product-summary-list div{
  background:#f6faf6;
  border-radius:18px;
  padding:12px 14px;
}

.product-summary-list span{
  display:block;
  color:#697969;
  font-size:.78rem;
  font-weight:850;
  margin-bottom:3px;
}

.product-summary-list strong{
  color:#173b23;
  font-weight:950;
}

.product-sidebar-note{
  color:#647464;
  font-size:.94rem;
  line-height:1.45;
  margin-bottom:16px;
}

.product-action-stack{
  display:grid;
  gap:10px;
}

.product-main-action,
.product-whatsapp-action,
.product-edit-action,
.product-submit-action{
  min-height:54px;
  border:0;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:950;
  text-decoration:none !important;
}

.product-main-action{
  background:#173b23 !important;
  color:#fff !important;
}

.product-whatsapp-action{
  background:#0b6e4f !important;
  color:#fff !important;
}

.product-edit-action{
  background:#eef2ff !important;
  color:#4963b1 !important;
}

.product-submit-action{
  width:100%;
  background:#0b6e4f;
  color:#fff;
}

.product-sidebar-card .form-control{
  border-radius:16px;
  border:1px solid rgba(11,110,79,.13);
  padding:.78rem .9rem;
}

.product-sidebar-card .form-control:focus{
  border-color:rgba(11,110,79,.45);
  box-shadow:0 0 0 .25rem rgba(11,110,79,.10);
}

.product-sidebar-card .form-label{
  color:#173b23;
  font-weight:850;
}

.product-status-list{
  color:#647464;
  margin:0;
  padding-left:20px;
  display:grid;
  gap:7px;
}

@media(max-width:991.98px){
  .product-sticky-box{
    position:static;
  }

  .product-main-image{
    height:360px;
  }

  .product-spec-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media(max-width:767.98px){
  .product-detail-top{
    align-items:flex-start;
    flex-direction:column;
  }

  .product-detail-top a,
  .product-detail-top span{
    width:100%;
    justify-content:center;
  }

  .product-main-image{
    height:300px;
  }

  .product-thumb-row{
    grid-template-columns:repeat(3, 1fr);
  }

  .product-content-card,
  .product-sidebar-card{
    padding:20px;
    border-radius:26px;
  }

  .product-price-main{
    font-size:2.25rem;
  }

  .product-spec-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:575.98px){
  .product-main-image{
    height:250px;
  }

  .product-thumb-row img{
    height:74px;
  }
}
/* WHATSAPP FLOTANTE INTELIGENTE */

.agropy-wa-float{
  position:fixed;
  right:22px;
  bottom:102px;
  z-index:1290;
  height:58px;
  min-width:58px;
  padding:0 18px;
  border-radius:999px;
  background:#25D366;
  color:#fff !important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-weight:900;
  box-shadow:0 16px 36px rgba(0,0,0,.22);
  text-decoration:none !important;
  transition:.2s ease;
}
.agropy-assistant{
  position:fixed;
  right:22px;
  bottom:24px;
  z-index:1300;
}
.agropy-wa-float i{
  font-size:1.75rem;
}

.agropy-wa-float:hover{
  transform:translateY(-3px) scale(1.03);
  color:#fff !important;
}

@media(max-width:767px){
  .agropy-wa-float{
    right:16px;
    bottom:164px;
    width:58px;
    padding:0;
  }

  .agropy-assistant{
    right:16px;
    bottom:92px;
  }
}

  .agropy-wa-float span{
    display:none;
  }
}
/* ASISTENTE AGROPY FLOTANTE */

.agropy-assistant{
  position:fixed;
  right:22px;
  bottom:24px;
  z-index:1300;
}

.agropy-assistant-btn{
  width:64px;
  height:64px;
  border-radius:50%;
  border:none;
  background:#0b6e4f;
  color:#fff;
  font-size:1.8rem;
  box-shadow:0 18px 40px rgba(0,0,0,.25);
}

.agropy-assistant-box{
  position:absolute;
  right:0;
  bottom:78px;
  width:340px;
  background:#fff;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 22px 55px rgba(0,0,0,.22);
  border:1px solid rgba(11,110,79,.12);
  display:none;
}

.agropy-assistant-box.show{
  display:block;
}

.agropy-assistant-head{
  background:#0b6e4f;
  color:#fff;
  padding:16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.agropy-assistant-head strong{
  display:block;
  font-size:1rem;
}

.agropy-assistant-head small{
  display:block;
  opacity:.85;
}

.agropy-assistant-head button{
  border:none;
  background:rgba(255,255,255,.15);
  color:#fff;
  width:34px;
  height:34px;
  border-radius:50%;
}

.agropy-assistant-body{
  padding:16px;
}

.bot-msg{
  background:#eef8ef;
  color:#173b23;
  padding:12px 14px;
  border-radius:18px;
  font-weight:700;
  margin-bottom:14px;
}

.assistant-options{
  display:grid;
  gap:9px;
}

.assistant-options a{
  display:flex;
  align-items:center;
  background:#f6faf6;
  color:#173b23 !important;
  border-radius:16px;
  padding:12px 14px;
  font-weight:900;
  text-decoration:none;
  border:1px solid rgba(11,110,79,.08);
}

.assistant-options a:hover{
  background:#e8f8ef;
  color:#0b6e4f !important;
}

@media(max-width:767px){
  .agropy-assistant{
    right:16px;
    bottom:92px;
  }

  .agropy-assistant-box{
    width:calc(100vw - 32px);
    right:0;
  }
}
.assistant-chat-window{
  height:280px;
  overflow-y:auto;
  display:grid;
  gap:10px;
  align-content:start;
  padding-right:4px;
}

.user-msg{
  justify-self:end;
  max-width:85%;
  background:#0b6e4f;
  color:#fff;
  padding:10px 13px;
  border-radius:18px 18px 4px 18px;
  font-weight:700;
}

.assistant-chat-form{
  display:flex;
  gap:8px;
  margin-top:12px;
}

.assistant-chat-form input{
  flex:1;
  border:1px solid rgba(11,110,79,.15);
  border-radius:999px;
  padding:11px 14px;
  outline:none;
  font-weight:700;
}

.assistant-chat-form input:focus{
  border-color:#0b6e4f;
  box-shadow:0 0 0 .18rem rgba(11,110,79,.10);
}

.assistant-chat-form button{
  width:46px;
  height:46px;
  border-radius:50%;
  border:0;
  background:#0b6e4f;
  color:#fff;
}
/* ============================
   AGROPY CATEGORIAS OFICIALES
============================ */

:root{
  --agropy-forest:#0F3D0F;
  --agropy-green-official:#1B6B1B;
  --agropy-gold:#F5C842;
  --agropy-red-official:#CC2222;
  --agropy-blue-official:#3A4FAF;

  --cat-ganaderia-bg:#D6EDD6;
  --cat-ganaderia-fg:#1B6B1B;

  --cat-granos-bg:#FFF1C0;
  --cat-granos-fg:#7A5200;

  --cat-maquinaria-bg:#D8E2F5;
  --cat-maquinaria-fg:#1A3A7A;

  --cat-transporte-bg:#FADBD6;
  --cat-transporte-fg:#8B1A1A;

  --cat-servicios-bg:#E8D8F5;
  --cat-servicios-fg:#5A1A8B;

  --cat-leiloes-bg:#D0EDE5;
  --cat-leiloes-fg:#0A5A3A;
}

.agropy-official-categories{
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:14px;
}

.agropy-official-cat{
  min-height:150px;
  border-radius:18px;
  padding:18px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:12px;
  text-decoration:none !important;
  border:1px solid rgba(15,61,15,.10);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  transition:.2s ease;
}

.agropy-official-cat:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 34px rgba(0,0,0,.10);
}

.agropy-official-cat svg{
  width:56px;
  height:56px;
  stroke:currentColor;
  fill:none;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.agropy-official-cat strong{
  font-size:1rem;
  font-weight:900;
  color:currentColor;
}

.cat-ganaderia{ background:var(--cat-ganaderia-bg); color:var(--cat-ganaderia-fg) !important; }
.cat-granos{ background:var(--cat-granos-bg); color:var(--cat-granos-fg) !important; }
.cat-maquinaria{ background:var(--cat-maquinaria-bg); color:var(--cat-maquinaria-fg) !important; }
.cat-transporte{ background:var(--cat-transporte-bg); color:var(--cat-transporte-fg) !important; }
.cat-servicios{ background:var(--cat-servicios-bg); color:var(--cat-servicios-fg) !important; }
.cat-leiloes{ background:var(--cat-leiloes-bg); color:var(--cat-leiloes-fg) !important; }

.catalog-chip-row .chip-ganaderia{ background:var(--cat-ganaderia-bg); color:var(--cat-ganaderia-fg) !important; }
.catalog-chip-row .chip-granos{ background:var(--cat-granos-bg); color:var(--cat-granos-fg) !important; }
.catalog-chip-row .chip-maquinaria{ background:var(--cat-maquinaria-bg); color:var(--cat-maquinaria-fg) !important; }
.catalog-chip-row .chip-transporte{ background:var(--cat-transporte-bg); color:var(--cat-transporte-fg) !important; }
.catalog-chip-row .chip-servicios{ background:var(--cat-servicios-bg); color:var(--cat-servicios-fg) !important; }
.catalog-chip-row .chip-leiloes{ background:var(--cat-leiloes-bg); color:var(--cat-leiloes-fg) !important; }

@media(max-width:991.98px){
  .agropy-official-categories{
    grid-template-columns:repeat(3, 1fr);
  }
}

@media(max-width:575.98px){
  .agropy-official-categories{
    grid-template-columns:repeat(2, 1fr);
  }

  .agropy-official-cat{
    min-height:125px;
  }

  .agropy-official-cat svg{
    width:44px;
    height:44px;
  }
}
.cat-icon-img{
  width:100%;
  max-width:180px;
  height:auto;
  display:block;
  margin:auto;
}

.agropy-official-cat{
  padding:0 !important;
  overflow:hidden;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.agropy-official-cat:hover{
  transform:translateY(-4px);
}
/* ============================
   HEADER OFICIAL AGROPY
============================ */

.apx-header{
  background:#0F3D0F !important;
  border-bottom:4px solid #F5C842 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.12) !important;
}

.apx-header-inner{
  min-height:82px !important;
}

.apx-logo{
  height:76px !important;
  background:#fff;
  border-radius:8px;
  padding:4px;
}

.apx-center-menu a{
  color:#fff !important;
  font-weight:800 !important;
}

.apx-center-menu a:hover{
  background:rgba(255,255,255,.12) !important;
  color:#F5C842 !important;
}

.apx-account-box{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.apx-btn-light{
  color:#fff !important;
}

.apx-btn-light:hover{
  background:rgba(255,255,255,.14) !important;
  color:#F5C842 !important;
}

.apx-btn-green{
  background:#F5C842 !important;
  color:#0F3D0F !important;
}

.apx-btn-green:hover{
  background:#e5b932 !important;
  color:#0F3D0F !important;
}

.apx-mobile-toggle{
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
}

@media(max-width:991.98px){
  .apx-logo{
    height:64px !important;
  }
}
/* BOTONES OFICIALES AGROPY */

.agropy-btn-primary,
.product-main-action,
.product-submit-action{
  background:#1B6B1B !important;
  color:#fff !important;
  border:none !important;
}

.agropy-btn-primary:hover,
.product-main-action:hover,
.product-submit-action:hover{
  background:#155515 !important;
}

.agropy-btn-outline{
  background:transparent !important;
  color:#1B6B1B !important;
  border:2px solid #1B6B1B !important;
}

.agropy-btn-outline:hover{
  background:#E8F3E8 !important;
}

.btn-agropy-gold,
.app-hero-actions a:first-child{
  background:#F5C842 !important;
  color:#0F3D0F !important;
  border:none !important;
}

.btn-agropy-gold:hover,
.app-hero-actions a:first-child:hover{
  background:#e5b932 !important;
  color:#0F3D0F !important;
}
/* HERO OFICIAL AGROPY */

.app-hero-banner{
  background:
    linear-gradient(135deg, rgba(15,61,15,.98), rgba(27,107,27,.92)) !important;
  border-radius:28px !important;
  box-shadow:0 24px 55px rgba(15,61,15,.25) !important;
}

.app-hero-copy span{
  background:rgba(245,200,66,.18) !important;
  border:1px solid rgba(245,200,66,.36) !important;
  color:#F5C842 !important;
}

.app-hero-copy h2{
  color:#fff !important;
}

.app-hero-copy p{
  color:rgba(255,255,255,.82) !important;
}

.app-hero-actions a:first-child{
  background:#F5C842 !important;
  color:#0F3D0F !important;
}

.app-hero-actions a:last-child{
  background:transparent !important;
  border:2px solid rgba(255,255,255,.75) !important;
  color:#fff !important;
}
.agropy-footer{
  background:#F5FBF0 !important;
  border-top:1px solid #E0E0D8 !important;
}

.footer-brand-icon{
  width:38px;
  height:38px;
  background:#0F3D0F;
  color:#F5C842;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.footer-title{
  color:#0F3D0F !important;
}
/* ==========================
   FOOTER AGROPY OFICIAL
========================== */

footer.footer{
  background:#0F3D0F !important;
  border-top:4px solid #F5C842 !important;
}

footer.footer .fw-bold,
footer.footer .fw-semibold{
  color:#F5C842 !important;
}

footer.footer .text-muted{
  color:rgba(255,255,255,.78) !important;
}

footer.footer a{
  color:rgba(255,255,255,.78) !important;
}

footer.footer a:hover{
  color:#F5C842 !important;
}

footer.footer hr{
  border-color:rgba(255,255,255,.15) !important;
}

footer.footer .footer-brand-icon{
  background:#F5C842 !important;
  color:#0F3D0F !important;
}
/* FOOTER ALINEADO AL HOME */

footer.footer{
  background:#0F3D0F !important;
  border-top:4px solid #F5C842 !important;
  margin-top:70px !important;
}

footer.footer > .container{
  max-width:1180px !important;
  padding-left:12px !important;
  padding-right:12px !important;
}

footer.footer .fw-bold,
footer.footer .fw-semibold{
  color:#F5C842 !important;
}

footer.footer .text-muted,
footer.footer a{
  color:rgba(255,255,255,.78) !important;
}

footer.footer a:hover{
  color:#F5C842 !important;
}

footer.footer hr{
  border-color:rgba(255,255,255,.18) !important;
}

footer.footer .rounded-3{
  background:#F5C842 !important;
  color:#0F3D0F !important;
}
/* CHIPS OFICIALES MARKETPLACE */

.catalog-chip-row-official{
  align-items:center;
  gap:12px;
  padding-bottom:18px;
}

.catalog-chip-row-official a{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  padding:8px 14px !important;
  background:#fff !important;
  color:#0F3D0F !important;
  border:1px solid rgba(15,61,15,.14) !important;
  border-radius:999px !important;
  font-weight:900 !important;
  box-shadow:0 8px 18px rgba(0,0,0,.05);
}

.catalog-chip-row-official a.active,
.catalog-chip-row-official a:hover{
  background:#F5C842 !important;
  color:#0F3D0F !important;
}

.catalog-chip-row-official img{
  width:36px;
  height:36px;
  object-fit:contain;
  border-radius:8px;
}

.chip-icon-all{
  width:32px;
  height:32px;
  border-radius:10px;
  background:#E8F3E8;
  color:#1B6B1B;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
/* ============================
   MI CUENTA / MIS PUBLICACIONES
============================ */

.agropy-account-page{
  min-height:100vh;
  background:
    radial-gradient(circle at top right, rgba(245,200,66,.14), transparent 25%),
    linear-gradient(180deg, #fbfffb 0%, #eef8ef 100%);
  padding-bottom:70px;
}

.account-hero{
  background:linear-gradient(135deg, #0F3D0F, #1B6B1B);
  color:#fff;
  border-radius:28px;
  padding:30px;
  box-shadow:0 22px 50px rgba(15,61,15,.22);
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:18px;
  border-bottom:4px solid #F5C842;
}

.account-hero span,
.account-section-head span{
  display:inline-block;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#F5C842;
  margin-bottom:8px;
}

.account-hero h1{
  font-size:clamp(2rem, 4vw, 3.4rem);
  font-weight:950;
  letter-spacing:-.06em;
  line-height:.98;
  margin:0 0 10px;
}

.account-hero p{
  color:rgba(255,255,255,.8);
  margin:0;
  max-width:650px;
}

.account-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.account-btn-light,
.account-btn-gold{
  min-height:44px;
  border-radius:999px;
  padding:10px 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:950;
  text-decoration:none !important;
}

.account-btn-light{
  background:rgba(255,255,255,.12);
  color:#fff !important;
  border:1px solid rgba(255,255,255,.24);
}

.account-btn-gold{
  background:#F5C842;
  color:#0F3D0F !important;
  border:none;
}

.account-stats-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
  margin-bottom:26px;
}

.account-stat-card{
  background:#fff;
  border-radius:24px;
  padding:20px;
  box-shadow:0 12px 28px rgba(0,0,0,.07);
  border:1px solid rgba(15,61,15,.08);
}

.account-stat-card span{
  color:#1B6B1B;
  font-weight:950;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.account-stat-card strong{
  display:block;
  color:#0F3D0F;
  font-size:2.2rem;
  font-weight:950;
  line-height:1;
  margin:8px 0;
}

.account-stat-card small{
  color:#667466;
  font-weight:700;
}

.account-empty-card{
  background:#fff;
  border-radius:28px;
  padding:42px 24px;
  text-align:center;
  box-shadow:0 14px 34px rgba(0,0,0,.08);
}

.account-empty-icon{
  width:78px;
  height:78px;
  border-radius:26px;
  background:#E8F3E8;
  color:#1B6B1B;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.2rem;
  margin:0 auto 18px;
}

.account-empty-card h3{
  color:#0F3D0F;
  font-weight:950;
}

.account-empty-card p{
  color:#667466;
  max-width:520px;
  margin:0 auto 20px;
}

.account-section-head{
  margin-bottom:14px;
}

.account-section-head h2{
  color:#0F3D0F;
  font-weight:950;
  letter-spacing:-.04em;
  margin:0;
}

.account-publications-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}

.account-publication-card{
  background:#fff;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.08);
  border:1px solid rgba(15,61,15,.08);
  transition:.2s ease;
}

.account-publication-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 42px rgba(0,0,0,.12);
}

.account-publication-img{
  height:210px;
  position:relative;
  display:block;
  overflow:hidden;
  background:#E8F3E8;
}

.account-publication-img img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.account-no-img{
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#1B6B1B;
  gap:8px;
}

.account-no-img i{
  font-size:2.3rem;
}

.account-status-pill{
  position:absolute;
  left:14px;
  bottom:14px;
  background:#F5C842;
  color:#0F3D0F;
  border-radius:999px;
  padding:7px 12px;
  font-weight:950;
  font-size:.78rem;
}

.account-publication-body{
  padding:18px;
}

.account-publication-body h3{
  color:#0F3D0F;
  font-weight:950;
  font-size:1.15rem;
  line-height:1.2;
  margin-bottom:10px;
}

.account-meta{
  color:#667466;
  font-weight:800;
  font-size:.9rem;
  margin-bottom:10px;
}

.account-price{
  color:#1B6B1B;
  font-size:1.35rem;
  font-weight:950;
  margin-bottom:14px;
}

.account-card-actions{
  display:grid;
  grid-template-columns:1fr 1fr 48px;
  gap:8px;
}

.account-card-actions a{
  min-height:42px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-weight:950;
  text-decoration:none !important;
}

.account-card-actions .view{
  background:#1B6B1B;
  color:#fff !important;
}

.account-card-actions .edit{
  background:#E8F3E8;
  color:#1B6B1B !important;
}

.account-card-actions .delete{
  background:#FFEAEA;
  color:#CC2222 !important;
}

@media(max-width:991.98px){
  .account-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .account-publications-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media(max-width:767.98px){
  .account-stats-grid,
  .account-publications-grid{
    grid-template-columns:1fr;
  }

  .account-hero{
    padding:24px;
    border-radius:24px;
  }

  .account-hero-actions{
    width:100%;
  }

  .account-hero-actions a{
    flex:1;
  }
}
/* ============================
   PUBLICAR / EDITAR AGROPY
============================ */

.agropy-publish-page{
  min-height:100vh;
  background:
    radial-gradient(circle at top right, rgba(245,200,66,.14), transparent 25%),
    linear-gradient(180deg, #fbfffb 0%, #eef8ef 100%);
  padding-bottom:70px;
}

.agropy-publish-page .d-flex.flex-wrap.justify-content-between.align-items-end{
  background:linear-gradient(135deg, #0F3D0F, #1B6B1B);
  color:#fff;
  border-radius:28px;
  padding:30px;
  box-shadow:0 22px 50px rgba(15,61,15,.22);
  border-bottom:4px solid #F5C842;
}

.agropy-publish-page .d-flex.flex-wrap.justify-content-between.align-items-end .small{
  color:#F5C842 !important;
}

.agropy-publish-page h2{
  color:#fff;
  font-weight:950 !important;
  letter-spacing:-.05em;
}

.agropy-publish-page .d-flex.flex-wrap.justify-content-between.align-items-end .small-muted{
  color:rgba(255,255,255,.78) !important;
}

.agropy-publish-page .badge{
  background:#F5C842 !important;
  color:#0F3D0F !important;
  border:none !important;
  border-radius:999px;
  font-weight:950;
}

.agropy-publish-page .card{
  border-radius:28px !important;
  border:1px solid rgba(15,61,15,.08) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.08) !important;
}

.agropy-publish-page .form-label{
  color:#0F3D0F;
  font-weight:900 !important;
}

.agropy-publish-page .form-control,
.agropy-publish-page .form-select{
  border-radius:16px;
  border:1px solid rgba(15,61,15,.14);
  padding:.78rem .9rem;
}

.agropy-publish-page .form-control:focus,
.agropy-publish-page .form-select:focus{
  border-color:#1B6B1B;
  box-shadow:0 0 0 .20rem rgba(27,107,27,.12);
}

.agropy-publish-page .btn-success{
  background:#1B6B1B !important;
  border:none !important;
  border-radius:999px;
  font-weight:950;
}

.agropy-publish-page .btn-outline-dark,
.agropy-publish-page .btn-outline-primary{
  border-radius:999px;
  font-weight:900;
  color:#1B6B1B !important;
  border:2px solid #1B6B1B !important;
  background:#fff !important;
}

.agropy-publish-page .btn-outline-dark:hover,
.agropy-publish-page .btn-outline-primary:hover{
  background:#E8F3E8 !important;
}

.agropy-publish-page h5{
  color:#0F3D0F;
  font-weight:950 !important;
}

.agropy-publish-page ul.small-muted,
.agropy-publish-page .card .small-muted{
  color:#667466 !important;
}

.agropy-publish-page hr{
  border-color:rgba(15,61,15,.12);
}

.publish-commission-note{
  color:#667466 !important;
}

.publish-side-card{
  position:relative;
  overflow:hidden;
}

.publish-side-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
  background:#F5C842;
}
.catalog-seller{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#1B6B1B !important;
  background:#E8F3E8;
  border-radius:999px;
  padding:7px 11px;
  font-weight:900;
  font-size:.84rem;
  text-decoration:none !important;
  margin-bottom:10px;
}

.catalog-seller i{
  color:#F5C842;
}
/* ============================
   PERFIL PRODUCTOR AGROPY
============================ */

.producer-hero{
  background:linear-gradient(135deg, #0F3D0F, #1B6B1B);
  color:#fff;
  border-radius:28px;
  padding:30px;
  box-shadow:0 22px 50px rgba(15,61,15,.22);
  border-bottom:4px solid #F5C842;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
  margin-bottom:18px;
}

.producer-avatar{
  width:92px;
  height:92px;
  border-radius:28px;
  background:#F5C842;
  color:#0F3D0F;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.6rem;
  font-weight:950;
}

.producer-info span{
  display:inline-block;
  color:#F5C842;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.producer-info h1{
  font-size:clamp(2rem, 4vw, 3.3rem);
  font-weight:950;
  letter-spacing:-.06em;
  margin:0 0 12px;
}

.producer-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.producer-meta span{
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  padding:8px 12px;
  display:inline-flex;
  gap:7px;
  align-items:center;
  font-size:.88rem;
  letter-spacing:0;
  text-transform:none;
  margin:0;
}

.producer-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.producer-btn-gold,
.producer-btn-light{
  min-height:44px;
  border-radius:999px;
  padding:10px 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:950;
  text-decoration:none !important;
  white-space:nowrap;
}

.producer-btn-gold{
  background:#F5C842;
  color:#0F3D0F !important;
}

.producer-btn-light{
  background:rgba(255,255,255,.12);
  color:#fff !important;
  border:1px solid rgba(255,255,255,.24);
}

.producer-stats{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
  margin-bottom:26px;
}

.producer-stats div{
  background:#fff;
  border-radius:24px;
  padding:20px;
  box-shadow:0 12px 28px rgba(0,0,0,.07);
  border:1px solid rgba(15,61,15,.08);
}

.producer-stats span{
  color:#1B6B1B;
  font-weight:950;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.producer-stats strong{
  display:block;
  color:#0F3D0F;
  font-size:1.7rem;
  font-weight:950;
  line-height:1.1;
  margin:8px 0;
}

.producer-stats small{
  color:#667466;
  font-weight:700;
}

.producer-products-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}

.producer-products-grid .account-card-actions{
  grid-template-columns:1fr 1fr;
}

@media(max-width:991.98px){
  .producer-hero{
    grid-template-columns:1fr;
    text-align:left;
  }

  .producer-actions{
    flex-direction:row;
    flex-wrap:wrap;
  }

  .producer-products-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media(max-width:767.98px){
  .producer-stats,
  .producer-products-grid{
    grid-template-columns:1fr;
  }

  .producer-hero{
    padding:24px;
    border-radius:24px;
  }

  .producer-actions a{
    flex:1;
  }
}