/* ============================================================
   [inicio_campob] — landing de inicio (Campo Brokers)
   Header/footer los provee el tema campo-broker-theme.
   Fuentes Archivo + Space Grotesk ya cargadas por el tema.
   ============================================================ */
.ci-home{--ci-ink:#23271A;--ci-olive:#6B7A2E;--ci-lime:#A9C24E;--ci-orange:#BF5618;--ci-paper:#F3F4EF;
  background:var(--ci-paper);font-family:'Archivo',system-ui,sans-serif;color:var(--ci-ink);}
.ci-home *{box-sizing:border-box;}
.ci-wrap{max-width:1280px;margin:0 auto;padding-left:20px;padding-right:20px;}

/* ---------- HERO ---------- */
.ci-hero{position:relative;overflow:hidden;color:#fff;
  background:radial-gradient(120% 140% at 78% 0%,#33391F 0%,#23271A 45%,#1B1E14 100%);}
.ci-hero__bgdots{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(circle at 1px 1px,#3A402A 1px,transparent 0);background-size:26px 26px;}
.ci-hero__glow{position:absolute;top:-120px;right:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#6B7A2E55,transparent 70%);}
.ci-hero__inner{position:relative;padding-top:64px;padding-bottom:92px;}
.ci-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(107,122,46,.18);border:1px solid #4A5827;border-radius:99px;padding:6px 14px;font-size:12.5px;color:#CDD7A8;margin-bottom:22px;}
.ci-badge__dot{width:7px;height:7px;border-radius:50%;background:#9CCB4A;}
.ci-hero__title{font-family:'Space Grotesk',sans-serif;font-size:54px;line-height:1.04;font-weight:700;letter-spacing:-1.5px;margin:0;max-width:880px;}
.ci-hero__title span{color:var(--ci-lime);}
.ci-hero__sub{font-size:18px;line-height:1.55;color:#C2C5B6;margin:20px 0 0;max-width:620px;}
.ci-hero__sub b{color:#fff;}
.ci-hero__cta{display:flex;gap:13px;margin:30px 0 0;flex-wrap:wrap;}

.ci-btn{display:inline-flex;align-items:center;gap:9px;border-radius:10px;padding:14px 22px;font-size:14.5px;font-weight:600;cursor:pointer;border:0;line-height:1;}
.ci-btn--white{background:#fff;color:var(--ci-ink);}
.ci-btn--orange{background:var(--ci-orange);color:#fff;box-shadow:0 8px 24px rgba(221,107,42,.35);}
.ci-btn--ghost{background:transparent;border:1px solid #4A4F3C;color:#EDEEE6;}
.ci-btn__ic{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:rgba(255,255,255,.2);border-radius:6px;font-size:13px;}
.ci-tag{background:rgba(255,255,255,.22);border-radius:5px;padding:2px 7px;font-size:10.5px;font-weight:700;letter-spacing:.3px;}

/* ---------- SEARCH WIDGET ---------- */
.ci-search{background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.32);padding:8px;margin:42px 0 0;max-width:1040px;color:var(--ci-ink);}
.ci-search__tabs{display:flex;align-items:center;gap:6px;padding:10px 14px 0;border-bottom:1px solid #EEEFE8;flex-wrap:wrap;}
.ci-search__tabs>button{display:flex;align-items:center;gap:7px;padding:11px 14px 13px;font-size:14px;font-weight:600;cursor:pointer;border:0;background:none;border-bottom:2px solid transparent;color:#646757;font-family:inherit;}
.ci-search__tabs>button.is-on{color:#5A6826;border-bottom-color:var(--ci-olive);}
.ci-search__tabs>button:disabled{opacity:.55;cursor:not-allowed;}
.ci-search__arch{margin-left:auto;margin-bottom:6px;}

.ci-search__row{display:flex;align-items:center;gap:12px;padding:16px 14px 8px;}
.ci-search__row2{display:flex;align-items:center;gap:12px;padding:8px 14px 16px;flex-wrap:wrap;}
.ci-field{flex:1;min-width:0;border:1px solid #E6E7DE;border-radius:9px;padding:12px 14px;font-size:14px;color:#4A4E3D;background:#fff;font-family:inherit;height:46px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
select.ci-field{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23B7B9AC' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer;}
.ci-field--input{display:flex;align-items:center;gap:10px;flex:1.6;min-width:0;padding:0 14px;}
.ci-field--input input{flex:1;border:0;outline:0;font-size:14px;color:var(--ci-ink);background:transparent;height:44px;font-family:inherit;}
.ci-field__ic{color:var(--ci-olive);font-size:16px;}
.ci-field--sm{flex:none;width:130px;color:#5b5e4e;}
.ci-or{color:#646757;font-size:13px;font-style:italic;}

.ci-toggle{display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none;}
.ci-toggle input{position:absolute;opacity:0;width:0;height:0;}
.ci-toggle__tr{position:relative;width:40px;height:22px;border-radius:99px;background:#CBCDBF;transition:background .2s;flex:none;}
.ci-toggle__tr::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .2s;}
.ci-toggle input:checked+.ci-toggle__tr::after{left:21px;}
.ci-toggle input:checked+.ci-toggle__tr--olive{background:var(--ci-olive);}
.ci-toggle input:checked+.ci-toggle__tr--orange{background:var(--ci-orange);}
.ci-toggle input:checked+.ci-toggle__tr{background:var(--ci-olive);}
.ci-toggle__lb{font-size:13.5px;font-weight:600;color:#4A4E3D;}
.ci-search__arch .ci-toggle__lb{font-weight:400;color:#5b5e4e;}

.ci-search__go{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ci-olive);color:#fff;border:0;border-radius:9px;padding:13px 24px;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;font-family:inherit;}
.ci-search__go:hover{filter:brightness(1.05);}

/* trust line */
.ci-trust{display:flex;align-items:center;gap:30px;margin:34px 0 0;flex-wrap:wrap;color:#9DA08F;font-size:13px;}
.ci-trust b{font-family:'Space Grotesk',sans-serif;color:#fff;font-size:17px;font-weight:700;}
.ci-trust__rate{color:#C2C5B6;}.ci-trust__rate span{color:#9DA08F;}

/* ---------- SECTIONS ---------- */
.ci-section{padding-top:44px;}
.ci-section__head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:12px;}
.ci-section__title{display:flex;align-items:center;gap:10px;}
.ci-section__title h2{font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:700;letter-spacing:-.5px;margin:0;}
.ci-bar{width:4px;height:24px;border-radius:2px;}
.ci-bar--orange{background:var(--ci-orange);}.ci-bar--olive{background:var(--ci-olive);}
.ci-pill{border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600;}
.ci-pill--orange{background:#FCEFE4;color:#A8470F;}
.ci-pill--olive{background:#EEF0E2;color:#5A6826;}
.ci-section__desc{font-size:13.5px;color:#5b5e4e;margin:8px 0 0 14px;}
.ci-seeall{display:flex;align-items:center;gap:7px;color:#5A6826;font-size:13.5px;font-weight:600;}

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

/* ---------- VEHICLE CARD ---------- */
.ci-card{display:block;background:#fff;border:1px solid #E6E7DE;border-radius:12px;overflow:hidden;transition:box-shadow .15s,transform .15s;}
.ci-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.12);transform:translateY(-2px);}
.ci-card__img{position:relative;height:150px;background:linear-gradient(135deg,#DEE0D5,#ECEEE6);overflow:hidden;}
.ci-card__img--ev{background:linear-gradient(135deg,#D7E4DD,#E8EFE6);}
.ci-card__img img{width:100%;height:100%;object-fit:cover;display:block;}
.ci-card__img.is-ph img{display:none;}
.ci-card__badge{position:absolute;left:9px;top:9px;color:#fff;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700;}
.ci-card__badge--orange{background:var(--ci-orange);}
.ci-card__badge--olive{background:var(--ci-olive);}
.ci-card__src{position:absolute;right:9px;top:9px;background:rgba(35,39,26,.78);color:#fff;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:600;}
.ci-card__wm{position:absolute;left:9px;bottom:9px;font-family:'Space Grotesk',sans-serif;font-size:9px;font-weight:700;color:rgba(35,39,26,.26);letter-spacing:.5px;}
.ci-card__b{padding:13px 14px 14px;}
.ci-card__t{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14.5px;letter-spacing:-.3px;}
.ci-card__specs{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#646757;margin:5px 0 12px;flex-wrap:wrap;}
.ci-card__foot{display:flex;align-items:flex-end;justify-content:space-between;}
.ci-card__plabel,.ci-card__lot{font-size:11px;color:#646757;}
.ci-card__price{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;color:var(--ci-ink);letter-spacing:-.5px;}
.ci-card__lot{margin-top:8px;font-weight:600;}
.ci-card__cta{display:flex;align-items:center;gap:6px;color:#fff;border-radius:8px;padding:10px 14px;font-size:12.5px;font-weight:600;}
.ci-card__cta--dark{background:var(--ci-ink);}
.ci-card__cta--olive{background:var(--ci-olive);}

/* Badge de subasta sobre la miniatura: Copart azul, IAAI rojo. */
.ci-card__src--copart{background:#1769B5;}
.ci-card__src--iaai{background:#D32F2F;}

/* ---------- BOT STRIP ---------- */
.ci-bot{position:relative;overflow:hidden;border-radius:18px;padding:38px 40px;color:#fff;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;
  background:radial-gradient(110% 130% at 85% 0%,#33391F,#23271A 60%);}
.ci-bot__glow{position:absolute;top:-90px;right:-50px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#DD6B2A40,transparent 70%);}
.ci-bot__left{position:relative;}
.ci-bot__badge{display:inline-flex;align-items:center;gap:9px;background:rgba(221,107,42,.16);border:1px solid #6E4327;border-radius:99px;padding:5px 13px;font-size:12px;color:#F0BD9C;margin-bottom:16px;}
.ci-bot__left h2{font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:700;letter-spacing:-.6px;margin:0 0 12px;max-width:520px;line-height:1.12;}
.ci-bot__left p{font-size:14.5px;color:#C2C5B6;line-height:1.55;margin:0 0 22px;max-width:500px;}
.ci-bot__cta{display:flex;gap:12px;flex-wrap:wrap;}
.ci-bot__features{position:relative;display:flex;flex-direction:column;gap:10px;}
.ci-bot__feat{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid #3A402A;border-radius:11px;padding:13px 15px;}
.ci-bot__featic{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--ci-olive);border-radius:9px;font-size:16px;flex:none;}
.ci-bot__feat b{display:block;font-size:13.5px;font-weight:600;color:#fff;}
.ci-bot__feat span{display:block;font-size:12px;color:#9DA08F;}

/* ---------- SEARCH LOCKED (pre-lanzamiento) ---------- */
.ci-search{position:relative;}
.ci-search--locked .ci-search__go{cursor:not-allowed;background:#C9CBBE;}
.ci-search__lock{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:14px;
  background:rgba(255,255,255,.74);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:18px;padding:18px;text-align:left;}
.ci-search__lockic{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#FCEFE4;color:#A8470F;font-size:22px;flex:none;}
.ci-search__locktx b{display:block;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;color:var(--ci-ink);}
.ci-search__locktx>span{display:block;font-size:13px;color:#5b5e4e;margin-top:2px;}

/* ---------- BOT FEAT (4 beneficios) ---------- */
.ci-bot__feat{align-items:flex-start;}
.ci-bot__feattx{min-width:0;}
.ci-bot__featcta{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:var(--ci-lime);font-size:12.5px;font-weight:700;}
.ci-bot__featcta:hover{color:#fff;}

/* ---------- HERRAMIENTAS (hero blanco) ---------- */
.ci-tools{background:#fff;border-top:1px solid #E6E7DE;margin-top:48px;}
.ci-tools__inner{padding-top:54px;padding-bottom:60px;}
.ci-tools__head{max-width:680px;margin:0 0 30px;}
.ci-tools__eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#5A6826;margin-bottom:14px;}
.ci-tools__head h2{font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;letter-spacing:-.8px;margin:0;line-height:1.12;color:var(--ci-ink);}
.ci-tools__head p{font-size:15px;color:#5b5e4e;margin:12px 0 0;line-height:1.55;}
.ci-tools__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.ci-tool{display:flex;align-items:center;gap:14px;background:#FAFBF6;border:1px solid #E6E7DE;border-radius:14px;padding:18px;transition:box-shadow .15s,transform .15s,border-color .15s;}
.ci-tool:hover{box-shadow:0 12px 30px rgba(0,0,0,.08);transform:translateY(-2px);border-color:#D7D9CE;}
.ci-tool__ic{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#EEF0E2;color:#5A6826;font-size:22px;flex:none;}
.ci-tool__b{flex:1;min-width:0;}
.ci-tool__t{display:block;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;color:var(--ci-ink);letter-spacing:-.3px;}
.ci-tool__tag{display:inline-block;vertical-align:middle;margin-left:6px;background:#FCEFE4;color:#A8470F;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:700;letter-spacing:0;}
.ci-tool__d{display:block;font-size:12.5px;color:#5b5e4e;margin-top:4px;line-height:1.45;}
.ci-tool__arrow{color:#B7B9AC;font-size:18px;flex:none;}
.ci-tool:hover .ci-tool__arrow{color:var(--ci-orange);}

/* ---------- RESPONSIVE ---------- */
@media (max-width:980px){
  .ci-hero__title{font-size:40px;}
  .ci-grid{grid-template-columns:repeat(2,1fr);}
  .ci-bot{grid-template-columns:1fr;}
  .ci-search__row,.ci-search__row2{flex-wrap:wrap;}
  .ci-field,.ci-field--input{flex:1 1 100%;}
  .ci-field--sm{width:48%;flex:1 1 auto;}
  .ci-search__go{margin-left:0;width:100%;}
  .ci-tools__grid{grid-template-columns:repeat(2,1fr);}
  .ci-tools__head h2{font-size:26px;}
}
@media (max-width:560px){
  .ci-wrap{padding-left:16px;padding-right:16px;}
  .ci-hero__title{font-size:31px;letter-spacing:-1px;}
  .ci-hero__inner{padding-top:40px;padding-bottom:60px;}
  .ci-hero__sub{font-size:15.5px;}
  .ci-hero__cta{gap:10px;}
  .ci-btn{padding:13px 18px;font-size:14px;}
  .ci-grid{grid-template-columns:1fr;}
  .ci-bot{padding:26px 22px;}
  .ci-bot__left h2{font-size:23px;}
  .ci-search{margin-top:28px;}
  .ci-search__lock{gap:11px;padding:16px;}
  .ci-search__lockic{width:40px;height:40px;font-size:19px;}
  .ci-search__locktx b{font-size:14.5px;}
  .ci-search__locktx>span{font-size:12px;}
  .ci-tools__grid{grid-template-columns:1fr;}
  .ci-tools__inner{padding-top:38px;padding-bottom:42px;}
  .ci-tools__head h2{font-size:23px;}
  .ci-tools__head p{font-size:14px;}
}