.elementor-7070101 .elementor-element.elementor-element-fb0dcfe{--divider-border-style:solid;--divider-border-color:#000;--divider-border-width:1px;}.elementor-7070101 .elementor-element.elementor-element-fb0dcfe .elementor-divider-separator{width:100%;}.elementor-7070101 .elementor-element.elementor-element-fb0dcfe .elementor-divider{padding-top:15px;padding-bottom:15px;}.elementor-7070101 .elementor-element.elementor-element-33876b0{--divider-border-style:solid;--divider-border-color:#000;--divider-border-width:1px;}.elementor-7070101 .elementor-element.elementor-element-33876b0 .elementor-divider-separator{width:100%;}.elementor-7070101 .elementor-element.elementor-element-33876b0 .elementor-divider{padding-top:15px;padding-bottom:15px;}.elementor-7070101 .elementor-element.elementor-element-fcfc0f2{--divider-border-style:solid;--divider-border-color:#000;--divider-border-width:1px;}.elementor-7070101 .elementor-element.elementor-element-fcfc0f2 .elementor-divider-separator{width:100%;}.elementor-7070101 .elementor-element.elementor-element-fcfc0f2 .elementor-divider{padding-top:15px;padding-bottom:15px;}/* Start custom CSS for html, class: .elementor-element-65df385 */.cat-cards{--c1:#2c3e50;--c2:#3498db;--c3:#e74c3c;--c4:#27ae60;--c5:#f39c12;--lg:#f8f9fa;--mg:#e9ecef;--shadow:0 4px 12px rgba(0,0,0,.08);max-width:1200px;margin:0 auto;padding:30px 20px}
.cat-title{color:var(--c1);font-size:2rem;margin:0 0 10px;text-align:center;position:relative;padding-bottom:10px}
.cat-title:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(to right,var(--c2),var(--c3));border-radius:2px}
.cat-intro{text-align:center;color:#495057;max-width:850px;margin:0 auto 26px;line-height:1.7}

.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px}
.cat-card{background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.cat-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,.14)}

.cat-head{padding:22px 22px 16px;color:#fff;position:relative}
.cat-head-oe{background:linear-gradient(135deg,var(--c3),#c0392b)}
.cat-head-hom{background:linear-gradient(135deg,var(--c2),#2a80b9)}
.cat-head-gen{background:linear-gradient(135deg,var(--c5),#e67e22)}
.cat-badge{position:absolute;right:14px;top:14px;background:rgba(255,255,255,.22);padding:4px 10px;border-radius:20px;font-size:.78rem;font-weight:700;backdrop-filter:blur(4px)}
.cat-h3{margin:0 0 6px;font-size:1.45rem;font-weight:800}
.cat-sub{margin:0;opacity:.95}

.cat-body{padding:22px;display:flex;flex-direction:column;gap:16px}
.cat-desc{margin:0 0 6px;color:#495057}
.cat-list{list-style:none;margin:0;padding:0}
.cat-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--mg)}
.cat-item:last-child{border-bottom:none}
.cat-ico{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}
.cat-ico-oe{background:var(--c3)}
.cat-ico-hom{background:var(--c2)}
.cat-ico-gen{background:var(--c5)}
.cat-txt{flex:1}
.cat-name{font-weight:700;color:var(--c1);margin:0 0 3px}
.cat-note{color:#495057;font-size:.95rem}

.cat-foot{padding-top:10px;border-top:1px solid var(--mg)}
.cat-price{display:flex;justify-content:space-between;align-items:center;margin:8px 0 12px}
.cat-price-label{font-weight:700;color:var(--c1)}
.cat-price-val{font-weight:800;font-size:1.1rem}
.cat-price-high{color:var(--c3)}
.cat-price-med{color:var(--c5)}
.cat-price-low{color:var(--c4)}
.cat-reco{background:var(--lg);border-left:4px solid var(--c2);padding:12px;border-radius:8px;margin:0;color:#495057;font-size:.95rem}

.cat-highlight{margin-top:18px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;padding:22px;text-align:center}
.cat-highlight h3{margin:0 0 8px;font-size:1.2rem}
.cat-highlight p{margin:0 auto;max-width:740px}

@media (max-width:768px){
  .cat-cards{padding:22px 12px}
  .cat-title{font-size:1.75rem}
  .cat-head{padding:18px 18px 14px}
  .cat-body{padding:18px}
}

.cat-head,
.cat-head * {
  color: #ffffff !important;
}

.cat-head .cat-h3,
.cat-head .cat-sub {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.cat-badge {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #fff !important;
  font-weight: 600;
}

.cat-highlight {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: #ffffff !important;
}

.cat-highlight h3,
.cat-highlight p,
.cat-highlight strong {
  color: #ffffff !important;
}

.cat-highlight p {
  opacity: 0.95;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.cat-sub {
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-671d3c1 */:root {
  --primary-color: #2c3e50;
  --secondary-color: #3498db;
  --accent-color: #e74c3c;
  --light-gray: #f8f9fa;
  --medium-gray: #e9ecef;
  --border-radius: 12px;
  --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  --transition: all 0.3s ease;
}

.comparison-section { max-width: 1200px; margin: 0 auto; padding: 30px 20px; }
.section-title { color: var(--primary-color); font-size: 2.2rem; margin-bottom: 1.5rem; text-align: center; position: relative; padding-bottom: 15px; }
.section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(to right, var(--secondary-color), var(--accent-color)); border-radius: 2px; }

.comparison-container { background: #fff; border-radius: var(--border-radius); box-shadow: var(--box-shadow); overflow: hidden; transition: var(--transition); }
.table-wrapper { overflow-x: auto; }
.comparison-table { width: 100%; border-collapse: collapse; min-width: 700px; }
.comparison-table th { background: linear-gradient(135deg, var(--primary-color), #1a2530); color: #fff; padding: 1.2rem 1rem; text-align: left; font-weight: 600; position: relative; border-right: 1px solid rgba(255,255,255,0.1); }
.comparison-table th:last-child { border-right: none; }
.comparison-table th::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(to right, var(--secondary-color), var(--accent-color)); }

.comparison-table td { padding: 1.2rem 1rem; border-bottom: 1px solid var(--medium-gray); transition: var(--transition); }
.comparison-table tr:hover td { background-color: rgba(52,152,219,0.05); }
.criterion-cell { font-weight: 600; color: var(--primary-color); background: var(--light-gray); border-right: 1px solid var(--medium-gray); }
.original-cell, .homologated-cell { border-right: 1px solid var(--medium-gray); }

.price-original { color: var(--accent-color); font-weight: 600; }
.price-homologated { color: #e67e22; font-weight: 600; }
.price-generic { color: #27ae60; font-weight: 600; }

.highlight-badge { display: inline-block; padding: 4px 10px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; margin: 2px 0; }
.badge-high { background: rgba(46, 204, 113, 0.1); color: #2ecc71; }
.badge-medium { background: rgba(243, 156, 18, 0.1); color: #f39c12; }
.badge-low { background: rgba(149, 165, 166, 0.15); color: #95a5a6; }
.badge-exact { background: rgba(46, 204, 113, 0.1); color: #2ecc71; }
.badge-equivalent { background: rgba(52, 152, 219, 0.1); color: var(--secondary-color); }
.badge-variable { background: rgba(149, 165, 166, 0.15); color: #95a5a6; }

.legend { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-top: 25px; padding: 15px; background: #fff; border-radius: var(--border-radius); box-shadow: var(--box-shadow); }
.legend-item { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; }
.legend-color { width: 16px; height: 16px; border-radius: 50%; }
.legend-high { background: rgba(46,204,113,0.2); border: 2px solid #2ecc71; }
.legend-medium { background: rgba(243,156,18,0.2); border: 2px solid #f39c12; }
.legend-low { background: rgba(149,165,166,0.2); border: 2px solid #95a5a6; }

@media (max-width: 768px) {
  .section-title { font-size: 1.8rem; }
  .comparison-table th, .comparison-table td { padding: 0.9rem 0.7rem; }
}

@media (max-width: 480px) {
  .section-title { font-size: 1.5rem; }
  .comparison-table th, .comparison-table td { padding: 0.7rem 0.5rem; font-size: 0.9rem; }
}
.comparison-table td:not(.criterion-cell),
.comparison-table th:not(:first-child) {
  text-align: center;
  vertical-align: middle;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-900e72d */.cl0-sec {
  --c1: #2c3e50;
  --c2: #3498db;
  --c3: #e74c3c;
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  max-width: 1200px;
  margin: 0 auto 30px;
  padding: 40px 20px 20px;
  text-align: center;
}

.cl0-title {
  color: var(--c1);
  font-size: 2.2rem;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 10px;
}

.cl0-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 4px;
  background: linear-gradient(to right, var(--c2), var(--c3));
  border-radius: 2px;
}

.cl0-sub {
  color: #495057;
  font-size: 1.1rem;
  max-width: 850px;
  margin: 0 auto 30px;
  line-height: 1.7;
}

.cl0-highlight-box {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
  background: linear-gradient(135deg, #f0f9ff, #e6f4f1);
  border-left: 5px solid var(--c2);
  border-radius: 12px;
  box-shadow: var(--shadow);
  padding: 20px;
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
}

.cl0-icon {
  font-size: 1.8rem;
  color: var(--c2);
  flex-shrink: 0;
}

.cl0-text {
  flex: 1;
}

.cl0-mini-title {
  color: var(--c1);
  font-size: 1.1rem;
  margin: 0 0 6px;
  font-weight: 700;
}

.cl0-mini-text {
  color: #34495e;
  font-size: 0.98rem;
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .cl0-sec {
    padding: 25px 15px;
  }

  .cl0-title {
    font-size: 1.8rem;
  }

  .cl0-highlight-box {
    flex-direction: column;
    text-align: center;
  }

  .cl0-icon {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }

  .cl0-mini-text {
    font-size: 0.95rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f27c723 *//* ====== CL1 – Empaque y Marcas ====== */
.cl1-sec{--c1:#2c3e50;--c2:#3498db;--c3:#e74c3c;--ok:#27ae60;--lg:#f8f9fa;--mg:#e9ecef;--shadow:0 4px 12px rgba(0,0,0,.08);max-width:1200px;margin:0 auto;padding:30px 20px}
.cl1-title{color:var(--c1);font-size:2rem;margin:0 0 12px;text-align:center;position:relative;padding-bottom:10px}
.cl1-title:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(to right,var(--c2),var(--c3));border-radius:2px}
.cl1-sub{text-align:center;color:#495057;margin:0 0 20px}
.cl1-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}
.cl1-card{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:22px}
.cl1-head{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--mg)}
.cl1-ico{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.cl1-ico-oe{background:linear-gradient(135deg,var(--c3),#c0392b)}
.cl1-h3{margin:0;font-size:1.2rem;color:var(--c1)}
.cl1-list{list-style:none;margin:0;padding:0}
.cl1-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--mg)}
.cl1-item:last-child{border-bottom:none}
.cl1-bullet{width:24px;height:24px;border-radius:50%;background:var(--lg);display:flex;align-items:center;justify-content:center;color:var(--c1);font-weight:700;font-size:.8rem;flex-shrink:0;margin-top:2px}
.cl1-itemt{font-weight:600;color:var(--c1);display:flex;align-items:center;gap:8px;margin:0 0 4px}
.cl1-desc{color:#495057;font-size:.95rem}
.cl1-tag{display:inline-block;padding:3px 10px;border-radius:16px;font-size:.75rem;font-weight:700}
.cl1-tag-oe{background:rgba(231,76,60,.1);color:var(--c3)}
.cl1-tag-oem{background:rgba(52,152,219,.1);color:var(--c2)}
.cl1-tag-h{background:rgba(155,89,182,.12);color:#9b59b6}
.cl1-tag-g{background:rgba(149,165,166,.15);color:#95a5a6}
@media(max-width:768px){.cl1-sec{padding:22px 12px}.cl1-title{font-size:1.7rem}.cl1-grid{grid-template-columns:1fr}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5bb5ca4 *//* ====== CL2 – Referencias y Certificaciones ====== */
.cl2-sec{--c1:#2c3e50;--c2:#3498db;--c3:#e74c3c;--ok:#27ae60;--lg:#f8f9fa;--mg:#e9ecef;--shadow:0 4px 12px rgba(0,0,0,.08);max-width:1200px;margin:0 auto;padding:30px 20px}
.cl2-title{color:var(--c1);font-size:2rem;margin:0 0 12px;text-align:center;position:relative;padding-bottom:10px}
.cl2-title:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(to right,var(--c2),var(--c3));border-radius:2px}
.cl2-sub{text-align:center;color:#495057;margin:0 0 20px}
.cl2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}
.cl2-card{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:22px}
.cl2-head{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--mg)}
.cl2-ico{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.cl2-ico-cert{background:linear-gradient(135deg,var(--c2),#2980b9)}
.cl2-h3{margin:0;font-size:1.2rem;color:var(--c1)}
.cl2-list{list-style:none;margin:0;padding:0}
.cl2-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--mg)}
.cl2-item:last-child{border-bottom:none}
.cl2-bullet{width:24px;height:24px;border-radius:50%;background:var(--lg);display:flex;align-items:center;justify-content:center;color:var(--c1);font-weight:700;font-size:.8rem;flex-shrink:0;margin-top:2px}
.cl2-itemt{font-weight:600;color:var(--c1);display:flex;align-items:center;gap:8px;margin:0 0 4px}
.cl2-desc{color:#495057;font-size:.95rem}
.cl2-tag{display:inline-block;padding:3px 10px;border-radius:16px;font-size:.75rem;font-weight:700;background:rgba(243,156,18,.12);color:#f39c12}
@media(max-width:768px){.cl2-sec{padding:22px 12px}.cl2-title{font-size:1.7rem}.cl2-grid{grid-template-columns:1fr}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eaa03ae *//* ====== CL3 – Verificaciones Adicionales ====== */
.cl3-sec{--c1:#2c3e50;--c2:#3498db;--c3:#e74c3c;--ok:#27ae60;--lg:#f8f9fa;--mg:#e9ecef;--shadow:0 4px 12px rgba(0,0,0,.08);max-width:1200px;margin:0 auto;padding:30px 20px}
.cl3-title{color:var(--c1);font-size:2rem;margin:0 0 12px;text-align:center;position:relative;padding-bottom:10px}
.cl3-title:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(to right,var(--c2),var(--c3));border-radius:2px}
.cl3-sub{text-align:center;color:#495057;margin:0 0 20px}
.cl3-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}
.cl3-card{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:22px}
.cl3-head{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--mg)}
.cl3-ico{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.cl3-ico-doc{background:linear-gradient(135deg,#27ae60,#219653)}
.cl3-h3{margin:0;font-size:1.2rem;color:var(--c1)}
.cl3-list{list-style:none;margin:0;padding:0}
.cl3-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--mg)}
.cl3-item:last-child{border-bottom:none}
.cl3-bullet{width:24px;height:24px;border-radius:50%;background:var(--lg);display:flex;align-items:center;justify-content:center;color:var(--c1);font-weight:700;font-size:.8rem;flex-shrink:0;margin-top:2px}
.cl3-itemt{font-weight:600;color:var(--c1);margin:0 0 4px}
.cl3-desc{color:#495057;font-size:.95rem}
@media(max-width:768px){.cl3-sec{padding:22px 12px}.cl3-title{font-size:1.7rem}.cl3-grid{grid-template-columns:1fr}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c764974 *//* ====== CLW – Warning box ====== */
.clw-sec{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#fff3e0,#ffecb3);border-left:4px solid #ff9800;border-radius:10px;padding:18px;max-width:1200px;margin:10px auto}
.clw-ico{font-size:1.6rem;color:#ff9800;line-height:1}
.clw-title{margin:0 0 6px;color:#e65100;font-size:1.05rem}
.clw-text{margin:0;color:#bf360c}
@media(max-width:640px){.clw-sec{padding:14px}}/* End custom CSS */