/* =========================================================================
   COTUÍ.net — Tienda (WooCommerce + Dokan). Loaded on shop, product, cart,
   checkout, account and Dokan vendor pages. Brand tokens from style.css.
   ========================================================================= */

/* ---- Layout: keep content centered inside GeneratePress' flex wrapper ---- */
.woocommerce-page main,
.woocommerce main,
main.site-main {
  width: 100%;
}

.cotui-shop-hero { margin: 26px 0 34px; padding: clamp(30px,5vw,54px); border-radius: 24px; background: linear-gradient(122deg,#073e24,#09643a 68%,#0c7544); color: #fff; overflow: hidden; }
.cotui-shop-hero > span { display: block; margin-bottom: 9px; color: #f2bd32; font-size: .74rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.cotui-shop-hero h1 { max-width: 740px; margin: 0; color: #fff; font-size: clamp(2rem,4.5vw,3.8rem); line-height: 1.04; letter-spacing: -.045em; }
.cotui-shop-hero p { max-width: 680px; margin: 17px 0 24px; color: rgba(255,255,255,.76); line-height: 1.65; }
.cotui-shop-hero div { display: flex; flex-wrap: wrap; gap: 10px; }
.cotui-shop-hero a { padding: 12px 17px; border-radius: 11px; background: #f2bd32; color: #073e24 !important; font-weight: 800; text-decoration: none; }
.cotui-shop-hero a + a { border: 1px solid rgba(255,255,255,.34); background: rgba(255,255,255,.10); color: #fff !important; }
.post-type-archive-product .woocommerce-products-header { display: none; }
.woocommerce-page .entry-header { margin: 28px 0 22px; }
.woocommerce-page .entry-title { font-size: clamp(1.8rem,4vw,3rem); letter-spacing: -.035em; }
.dokan-store-listing-filter-wrap,.dokan-dashboard-wrap,.woocommerce-account .woocommerce { margin-top: 25px; }

/* No sidebar on shop pages — full-width content. */
.woocommerce-page #right-sidebar,
.woocommerce-page #left-sidebar,
.woocommerce #right-sidebar,
.woocommerce #left-sidebar {
  display: none;
}

.woocommerce-page #primary,
.woocommerce #primary {
  width: 100%;
}

/* ---- Headings ----------------------------------------------------------- */
.woocommerce-page h1.entry-title,
.woocommerce h1.page-title,
.woocommerce-products-header__title {
  font-family: "Poppins", "Inter", sans-serif;
  color: var(--cotui-green-900);
}

/* WooCommerce pages should feel like the rest of COTUÍ.net, not a plugin
   embedded inside it. */
.woocommerce-page .site-content,
.woocommerce .site-content {
  max-width: 1180px;
  margin-inline: auto;
  padding-inline: clamp(18px, 3vw, 28px);
}

.woocommerce-page .entry-content,
.woocommerce .entry-content {
  margin-top: 0;
}

/* The launch-panel CTA inherited WooCommerce's disabled opacity and became
   almost unreadable on green. It is an informational link, never a disabled
   control, so keep a strong accessible contrast. */
.cotui-tienda-vacia .cotui-btn--gold,
.woocommerce .cotui-tienda-vacia .cotui-btn--gold {
  background: #fff !important;
  color: var(--cotui-green-900) !important;
  border: 2px solid rgba(255, 255, 255, .82) !important;
  opacity: 1 !important;
  box-shadow: 0 6px 18px rgba(8, 56, 28, .22);
}

.cotui-tienda-vacia .cotui-btn--gold:hover,
.woocommerce .cotui-tienda-vacia .cotui-btn--gold:hover {
  background: var(--cotui-gold-400) !important;
  color: var(--cotui-green-950) !important;
  border-color: var(--cotui-gold-400) !important;
}
.cotui-tienda-vacia { padding-bottom: 55px; }
.cotui-tv__hero { position: relative; overflow: hidden; }
.cotui-tv__hero::after { content: ""; position: absolute; width: 230px; height: 230px; right: -90px; top: -110px; border: 38px solid rgba(242,189,50,.12); border-radius: 50%; pointer-events: none; }

/* ---- Buttons ------------------------------------------------------------ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order,
.wc-proceed-to-checkout a.checkout-button,
.dokan-btn,
a.dokan-btn,
.dokan-btn-theme,
input.dokan-btn-theme {
  background: var(--cotui-green-800) !important;
  color: var(--cotui-white) !important;
  border: 0 !important;
  border-radius: var(--radius-md) !important;
  font-family: "Inter", sans-serif;
  font-weight: 600 !important;
  padding: 12px 22px !important;
  line-height: 1.2 !important;
  transition: background var(--duration-fast) var(--ease-standard),
              transform var(--duration-fast) var(--ease-standard);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #place_order:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
.dokan-btn:hover,
.dokan-btn-theme:hover {
  background: var(--cotui-green-700) !important;
  color: var(--cotui-white) !important;
}

.woocommerce a.button.disabled,
.woocommerce button.button:disabled {
  background: var(--cotui-neutral-300) !important;
  color: var(--cotui-neutral-600) !important;
}

/* ---- Links -------------------------------------------------------------- */
.woocommerce-page a:not(.button),
.woocommerce a:not(.button) {
  color: var(--link);
}

/* ---- Product grid cards ------------------------------------------------- */
.woocommerce ul.products li.product {
  background: var(--surface);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xs);
  padding: 14px;
  transition: box-shadow var(--duration-normal) var(--ease-standard),
              transform var(--duration-normal) var(--ease-standard);
}

.woocommerce ul.products li.product:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.woocommerce ul.products li.product img {
  border-radius: var(--radius-md);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Poppins", "Inter", sans-serif;
  font-size: var(--text-base);
  color: var(--cotui-green-900);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
  color: var(--cotui-green-800);
  font-weight: 700;
}

.woocommerce span.onsale {
  background: var(--cotui-gold-400);
  color: var(--cotui-green-950);
  border-radius: var(--radius-pill);
  font-weight: 700;
}

/* ---- Star ratings in gold ----------------------------------------------- */
.woocommerce .star-rating span::before,
.woocommerce p.stars a {
  color: var(--cotui-gold-600);
}

/* ---- Forms (checkout, account, Dokan) ----------------------------------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single,
.dokan-form-control {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 11px 14px;
  background: var(--surface);
  color: var(--text-primary);
  font-family: "Inter", sans-serif;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.dokan-form-control:focus {
  outline: 2px solid var(--focus-ring);
  outline-offset: 1px;
  border-color: var(--cotui-green-600);
}

.woocommerce form .form-row label {
  font-weight: 600;
  color: var(--cotui-neutral-700);
}

.woocommerce form .form-row .required {
  color: var(--error);
}

/* Barrio selector gets a subtle brand highlight so nobody misses it. */
#billing_cotui_barrio_field label {
  color: var(--cotui-green-800);
}

/* ---- Tables: cart, totals, orders --------------------------------------- */
.woocommerce table.shop_table {
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  background: var(--surface);
}

.woocommerce table.shop_table th {
  background: var(--cotui-green-50);
  color: var(--cotui-green-900);
  font-family: "Poppins", "Inter", sans-serif;
  font-weight: 600;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  border-bottom: 1px solid var(--border-soft);
  padding: 14px 16px;
}

/* ---- Checkout ----------------------------------------------------------- */
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout form.checkout h3 {
  font-family: "Poppins", "Inter", sans-serif;
  color: var(--cotui-green-900);
}

.woocommerce-checkout #order_review {
  background: var(--surface);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 20px;
}

.woocommerce-checkout #payment {
  background: var(--cotui-green-50);
  border-radius: var(--radius-md);
}

.woocommerce-checkout #payment div.payment_box {
  background: var(--cotui-gold-50);
  color: var(--text-primary);
}

.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: var(--cotui-gold-50);
}

#place_order {
  width: 100%;
  font-size: var(--text-lg) !important;
  padding: 16px 24px !important;
}

/* ---- Notices ------------------------------------------------------------ */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: var(--radius-md);
  border-top-width: 3px;
}

.woocommerce-message { border-top-color: var(--success); background: var(--success-bg); }
.woocommerce-info    { border-top-color: var(--info);    background: var(--info-bg); }
.woocommerce-error   { border-top-color: var(--error);   background: var(--error-bg); }

.woocommerce-message::before { color: var(--success); }
.woocommerce-info::before    { color: var(--info); }

/* ---- My account --------------------------------------------------------- */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 11px 16px;
  border-radius: var(--radius-md);
  color: var(--cotui-neutral-700);
  font-weight: 500;
  text-decoration: none;
}

.woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--cotui-green-50);
  color: var(--cotui-green-800);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--cotui-green-800);
  color: var(--cotui-white);
}

/* ---- Dokan: store list -------------------------------------------------- */
#dokan-seller-listing-wrap .dokan-single-seller {
  border-radius: var(--radius-lg);
  overflow: hidden;
}

#dokan-seller-listing-wrap .dokan-store-wrap {
  background: var(--surface);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xs);
}

#dokan-seller-listing-wrap .dokan-store-wrap:hover {
  box-shadow: var(--shadow-md);
}

#dokan-seller-listing-wrap .dokan-store-name a {
  font-family: "Poppins", "Inter", sans-serif;
  color: var(--cotui-green-900);
}

.dokan-seller-search-form .dokan-w4 input,
.store-search input[type="search"] {
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
}

/* ---- Dokan: vendor dashboard -------------------------------------------- */
.dokan-dashboard .dokan-dash-sidebar {
  background: var(--cotui-green-950);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a {
  color: var(--cotui-green-100);
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover {
  background: var(--cotui-green-800);
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active a {
  color: var(--cotui-white);
}

/* ---- Mobile ------------------------------------------------------------- */
@media (max-width: 640px) {
	.woocommerce-page .site-content,
	.woocommerce .site-content {
		padding-inline: 16px;
	}
  .woocommerce a.button,
  .wc-proceed-to-checkout a.checkout-button,
  .woocommerce button.button {
    width: 100%;
    text-align: center;
  }

  .woocommerce-checkout #order_review {
    padding: 14px;
  }

  .woocommerce table.shop_table td,
  .woocommerce table.shop_table th {
    padding: 10px;
  }
}

/* ==========================================================================
   MARKETPLACE EN APERTURA — útil y honesto aun antes del primer producto.
   ========================================================================== */
.cotui-tienda-vacia { max-width:1080px; }
.cotui-tv__hero {
  padding:clamp(34px,5vw,58px);
  text-align:left;
  background:
    radial-gradient(circle at 91% 12%,rgba(242,189,50,.18) 0 78px,transparent 80px),
    radial-gradient(circle at 91% 12%,transparent 0 125px,rgba(255,255,255,.055) 127px 129px,transparent 131px),
    linear-gradient(125deg,#063b22,#0b6438 64%,#117543);
}
.cotui-tv__hero::after { display:none; }
.cotui-tv__estado {
  display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:7px 11px;
  border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);
  color:#fff4c4;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
}
.cotui-tv__estado i { width:8px;height:8px;border-radius:50%;background:#f2bd32;box-shadow:0 0 0 5px rgba(242,189,50,.14); }
.cotui-tv__hero h2 { max-width:760px;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.035em; }
.cotui-tv__hero p { max-width:760px;margin:0 0 22px;font-size:1rem;line-height:1.65; }
.cotui-tv__cta { justify-content:flex-start; }
.cotui-tv__cta .cotui-btn--secondary {
  border:1px solid rgba(255,255,255,.34)!important;background:rgba(255,255,255,.1)!important;color:#fff!important;opacity:1!important;
}
.cotui-tv__confianza { display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px;color:rgba(255,255,255,.8);font-size:.78rem;font-weight:600; }
.cotui-tv__confianza span { display:inline-flex;align-items:center;gap:7px; }
.cotui-tv__confianza span::before { content:"";width:7px;height:7px;border-radius:50%;background:#f2bd32; }

.cotui-tv__head { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:36px;align-items:end;margin:44px 0 20px; }
.cotui-tv__head > div > span { display:block;margin-bottom:7px;color:#98770e;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase; }
.cotui-tv__head h2 { margin:0;color:#123822;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.16;letter-spacing:-.025em; }
.cotui-tv__head p { margin:0;color:#647269;font-size:.9rem;line-height:1.6; }
.cotui-tv__categorias { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px; }
.cotui-tv__categoria {
  --market-accent:#176b3c;--market-soft:#e8f4eb;
  position:relative;overflow:hidden;display:grid;grid-template-columns:48px 1fr;gap:2px 13px;min-height:108px;padding:17px;
  border:1px solid color-mix(in srgb,var(--market-accent) 18%,#e2e8e3);border-radius:17px;
  background:linear-gradient(145deg,#fff 35%,var(--market-soft) 165%);box-shadow:0 7px 20px rgba(8,56,28,.05);
}
.cotui-tv__categoria:nth-child(6n+2){--market-accent:#436f83;--market-soft:#e7f2f6}
.cotui-tv__categoria:nth-child(6n+3){--market-accent:#76558d;--market-soft:#f1ebf6}
.cotui-tv__categoria:nth-child(6n+4){--market-accent:#9a6b08;--market-soft:#fff4d4}
.cotui-tv__categoria:nth-child(6n+5){--market-accent:#a65445;--market-soft:#faece8}
.cotui-tv__categoria:nth-child(6n+6){--market-accent:#32736c;--market-soft:#e5f4f1}
.cotui-tv__cat-icon { grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#fff,var(--market-soft));color:var(--market-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--market-accent) 12%,transparent); }
.cotui-tv__cat-icon svg { width:25px;height:25px; }
.cotui-tv__categoria strong { align-self:end;color:#173b27;font-size:.94rem; }
.cotui-tv__categoria small { color:#68756d;font-size:.75rem;line-height:1.4; }
.cotui-tv__head--steps { margin-top:46px; }
.cotui-tv__pasos { grid-template-columns:repeat(3,minmax(0,1fr)); }
.cotui-tv__paso { position:relative;overflow:hidden;min-height:190px;padding:23px;border-radius:19px;box-shadow:0 9px 24px rgba(8,56,28,.065); }
.cotui-tv__paso::after { content:"";position:absolute;width:82px;height:82px;right:-48px;bottom:-48px;border-radius:50%;background:#eef5ef; }
.cotui-tv__num { width:36px;height:36px;box-shadow:0 6px 14px rgba(151,111,0,.17); }
.cotui-tv__paso h3 { font-size:1.08rem; }
.cotui-tv__paso p { line-height:1.6; }
.cotui-tv__nota { display:grid;grid-template-columns:auto 1fr auto;gap:8px 18px;align-items:center;margin-top:24px;padding:20px 22px;border:1px solid #dfe7e1;border-radius:17px;background:linear-gradient(135deg,#f6faf6,#fffaf0);color:#263a2e;text-align:left; }
.cotui-tv__nota strong { color:#0f5b2e; }
.cotui-tv__nota span { color:#68756d;font-size:.85rem; }
.cotui-tv__nota a { color:#0f6135!important;font-size:.85rem;font-weight:800;text-decoration:none;white-space:nowrap; }

.cotui-market-safety { position:relative;overflow:hidden;margin-top:20px;padding:26px;border:1px solid #d8e5dc;border-radius:20px;background:linear-gradient(135deg,#f0f8f2,#fff 58%,#fff9e9);box-shadow:0 9px 25px rgba(8,56,28,.06); }
.cotui-market-safety::after { content:"";position:absolute;width:120px;height:120px;right:-70px;top:-70px;border:22px solid rgba(224,174,25,.1);border-radius:50%; }
.cotui-market-safety__intro { display:grid;grid-template-columns:54px 1fr;gap:15px;align-items:start; }
.cotui-market-safety__icon { display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#0f6538;color:#fff;box-shadow:0 8px 18px rgba(15,101,56,.18); }
.cotui-market-safety__icon svg { width:27px;height:27px; }
.cotui-market-safety__intro div > span { color:#98770e;font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase; }
.cotui-market-safety h2 { margin:3px 0 5px;color:#153824;font-size:1.35rem; }
.cotui-market-safety p { margin:0;color:#65756b;font-size:.85rem; }
.cotui-market-safety ul { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:21px 0 18px;padding:0;list-style:none; }
.cotui-market-safety li { padding:14px;border:1px solid rgba(36,106,61,.12);border-radius:13px;background:rgba(255,255,255,.74); }
.cotui-market-safety li strong,.cotui-market-safety li span { display:block; }
.cotui-market-safety li strong { margin-bottom:4px;color:#1d4930;font-size:.82rem; }
.cotui-market-safety li span { color:#6b786f;font-size:.73rem;line-height:1.5; }
.cotui-market-safety__link { color:#0f6337!important;font-size:.8rem;font-weight:800;text-decoration:none; }

@media(max-width:760px){
  .cotui-market-safety{padding:21px}
  .cotui-market-safety ul{grid-template-columns:1fr}
}

/* Entrada a vendedores: primero se explica, después se pide información. */
.cotui-vendor-intro {
  position:relative;overflow:hidden;margin:28px 0 26px;padding:clamp(28px,5vw,48px);border-radius:24px;
  background:linear-gradient(125deg,#063b22,#0b6438 68%,#117543);color:#fff;box-shadow:0 16px 38px rgba(8,56,28,.18);
}
.cotui-vendor-onboarding .entry-header { display:none; }
.cotui-vendor-onboarding .site-content { padding-top:0; }
.cotui-vendor-intro::after { content:"";position:absolute;width:190px;height:190px;right:-70px;top:-90px;border:34px solid rgba(242,189,50,.13);border-radius:50%; }
.cotui-vendor-intro__kicker { display:block;margin-bottom:8px;color:#f2bd32;font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase; }
.cotui-vendor-intro h2 { max-width:720px;margin:0;color:#fff;font-size:clamp(1.7rem,4vw,2.8rem);letter-spacing:-.035em; }
.cotui-vendor-intro > p { max-width:720px;margin:13px 0 0;color:rgba(255,255,255,.78);line-height:1.65; }
.cotui-vendor-intro__benefits { position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:25px; }
.cotui-vendor-intro__benefits > span { display:grid;grid-template-columns:32px 1fr;gap:2px 10px;padding:15px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.08); }
.cotui-vendor-intro__benefits b { grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f2bd32;color:#073e24; }
.cotui-vendor-intro__benefits strong { color:#fff;font-size:.9rem; }
.cotui-vendor-intro__benefits small { color:rgba(255,255,255,.68);font-size:.74rem; }
.cotui-vendor-intro .cotui-vendor-intro__note { margin-top:18px;padding:12px 15px;border-radius:12px;background:rgba(0,0,0,.13);color:rgba(255,255,255,.82);font-size:.82rem; }
.woocommerce-account .woocommerce h2,.dokan-vendor-register h2 { color:#123822;font-size:clamp(1.35rem,2.5vw,1.8rem); }
.woocommerce-account form.login,.woocommerce-account form.register,.dokan-vendor-register {
  border:1px solid #dfe7e1!important;border-radius:19px!important;padding:clamp(20px,3vw,30px)!important;background:#fff;box-shadow:0 10px 28px rgba(8,56,28,.07)!important;
}
.cotui-vendor-form-step { margin:26px 0 14px;padding-top:20px;border-top:1px solid #e4eae5; }
.cotui-vendor-form-step:first-child { margin-top:0;padding-top:0;border-top:0; }
.cotui-vendor-form-step span { display:block;margin-bottom:3px;color:#98770e;font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase; }
.cotui-vendor-form-step strong { display:block;color:#173b27;font-size:1.05rem; }
.cotui-vendor-onboarding #seller-url[readonly] { background:#f3f6f3!important;color:#57665d;cursor:not-allowed; }
.cotui-vendor-onboarding #seller-url + small { display:block;margin-top:7px;color:#617067;line-height:1.5; }
.cotui-vendor-privacy { margin:18px 0 4px;padding:13px 15px;border-radius:12px;background:#f3f8f4;color:#506258;font-size:.78rem;line-height:1.55; }
.cotui-vendor-privacy strong { color:#185c35; }
.cotui-first-product { display:grid;grid-template-columns:64px 1fr;gap:20px;margin:0 0 25px;padding:24px;border:1px solid #d8e5dc;border-radius:20px;background:linear-gradient(135deg,#f0f8f2,#fff 58%,#fff9e9);box-shadow:0 9px 25px rgba(8,56,28,.06); }
.cotui-first-product__icon { display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#0f6538;color:#fff;box-shadow:0 8px 18px rgba(15,101,56,.18); }
.cotui-first-product__icon svg { width:31px;height:31px; }
.cotui-first-product__content > span { color:#98770e;font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase; }
.cotui-first-product h2 { margin:3px 0 7px;color:#153824;font-size:clamp(1.3rem,2.5vw,1.7rem); }
.cotui-first-product p { margin:0;color:#5f7066;line-height:1.6; }
.cotui-first-product ul { display:flex;flex-wrap:wrap;gap:8px 18px;margin:17px 0;padding:0;list-style:none; }
.cotui-first-product li { color:#324c3d;font-size:.8rem;font-weight:600; }
.cotui-first-product li::before { content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#d6a817;vertical-align:1px; }
.cotui-first-product .dokan-btn { margin-right:12px; }
.cotui-first-product small { display:inline-block;max-width:420px;color:#68766e;font-size:.72rem;line-height:1.45;vertical-align:middle; }
.cotui-product-local { clear:both;margin:24px 0;padding:22px;border:1px solid #dce6df;border-radius:18px;background:#f8fbf8; }
.cotui-product-local__head { margin-bottom:17px; }
.cotui-product-local__head > span { color:#98770e;font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase; }
.cotui-product-local__head h3 { margin:3px 0 5px;color:#153824;font-size:1.25rem; }
.cotui-product-local__head p { margin:0;color:#637168;font-size:.78rem;line-height:1.5; }
.cotui-product-local__grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px; }
.cotui-product-local__grid label { color:#294535;font-size:.8rem;font-weight:700; }
.cotui-product-local__grid label b { color:#a1362d; }
.cotui-product-local__grid :is(input,select) { margin-top:6px!important; }
.cotui-product-facts { clear:both;margin:20px 0;padding:19px;border:1px solid #d8e5dc;border-radius:17px;background:linear-gradient(135deg,#f2f8f3,#fffaf0); }
.cotui-product-facts h2 { margin:0 0 13px!important;color:#17452b;font-size:1.05rem!important; }
.cotui-product-facts dl { display:grid;gap:8px;margin:0 0 15px; }
.cotui-product-facts dl div { display:grid;grid-template-columns:92px 1fr;gap:10px; }
.cotui-product-facts dt { color:#68766e;font-size:.76rem;font-weight:600; }
.cotui-product-facts dd { margin:0;color:#213d2c;font-size:.8rem;font-weight:700; }
.cotui-product-facts__contact { display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border-radius:999px;background:#0f6538;color:#fff!important;font-size:.78rem;font-weight:800;text-decoration:none!important; }

@media(max-width:760px){
  .cotui-tv__hero{text-align:left;padding:29px 23px}
  .cotui-tv__head{grid-template-columns:1fr;gap:10px;margin-top:36px}
  .cotui-tv__categorias,.cotui-tv__pasos,.cotui-vendor-intro__benefits{grid-template-columns:1fr}
  .cotui-tv__categoria{min-height:94px}
  .cotui-tv__paso{min-height:0}
  .cotui-tv__nota{grid-template-columns:1fr;gap:6px}
  .cotui-tv__nota a{white-space:normal;margin-top:5px}
  .cotui-vendor-intro{margin-top:18px;padding:27px 21px;border-radius:19px}
  .cotui-first-product{grid-template-columns:1fr;padding:20px}
  .cotui-first-product ul{display:grid;gap:8px}
  .cotui-first-product .dokan-btn{display:block;width:100%;margin:0 0 10px;text-align:center}
  .cotui-product-local__grid{grid-template-columns:1fr}
}