/*
Theme Name: Armadachild
Author: CARKEYSYSTEM
Author URI: https://www.carkeysystem.com/
Description: Armada is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.3.8
License: Licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-armada
*/
/* =========================================================
   CAR KEY SYSTEM® - CSS organizado por bloques
   ========================================================= */

/* =========================================================
   PARTE 1. CHILD THEME
   ========================================================= */

/* =========================================================
   00. Variables y utilidades base
   ========================================================= */

:root {
  --cks-red: #c5020e;
  --cks-red-alt: #c5020e;
  --cks-red-soft: #c5020e;
  --cks-red-hover: #a9000c;
  --cks-red-dark: #8f0008;
  --cks-red-glow: rgba(197, 2, 14, 0.14);
  --cks-red-glow-soft: rgba(197, 2, 14, 0.07);
  --cks-red-border: rgba(197, 2, 14, 0.72);
  --cks-red-shadow: rgba(197, 2, 14, 0.24);

  --cks-whatsapp: #009f26;
  --cks-whatsapp-hover: #00bb2d;
  --cks-gold: #d4a400;

  --cks-header-dark: #222222;
  --cks-panel-dark: #222222;
  --cks-panel-dark-deep: #151515;

  --cks-dark: #252525;
  --cks-black: #111111;
  --cks-text: #171717;
  --cks-muted: #555555;
  --cks-white: #ffffff;
  --cks-soft: #f6f6f6;

  --cks-border: rgba(0, 0, 0, 0.12);
  --cks-border-light: rgba(255, 255, 255, 0.14);

  --cks-shadow-card: 0 14px 34px rgba(0, 0, 0, 0.07);
  --cks-shadow-hover: 0 20px 46px rgba(0, 0, 0, 0.11);
  --cks-shadow-red: 0 14px 30px rgba(197, 2, 14, 0.24);

  --cks-card-hover-transform: translateY(-3px);
  --cks-card-hover-overlay: linear-gradient(
    135deg,
    rgba(197, 2, 14, 0.07),
    transparent 52%
  );
  --cks-card-hover-border: rgba(197, 2, 14, 0.72);
  --cks-card-hover-shadow: 0 18px 40px rgba(0, 0, 0, 0.09);
  --cks-card-hover-duration: 0.22s;

  --cks-radius-xs: 5px;
  --cks-radius-sm: 8px;
  --cks-radius-md: 14px;
  --cks-radius-lg: 18px;
}

[class*="cks-"] {
  box-sizing: border-box;
}

/* Oculta SVG antiguos solo dentro de bloques ya migrados a FontAwesome */
.cks-centro-proceso-icon-2026 svg,
.cks-confianza-icon-2026 svg,
.cks-whatsapp-local-2026 .cks-whatsapp-main-icon-2026 svg,
.cks-whatsapp-local-2026 .cks-whatsapp-benefit-icon-2026 svg,
.cks-whatsapp-local-2026 .cks-whatsapp-btn-icon-2026 svg,
.cks-servicios-link-icon-2026 svg,
.cks-zonas-compact-icon-2026 svg,
.cks-footer-centros-2026 svg {
  display: none;
}

.cks-centro-btn-icon-2026 i,
.cks-centro-card-info-icon-2026 i,
.cks-centro-card-btn-2026 i,
.cks-centro-proceso-icon-2026 i,
.cks-confianza-icon-2026 i,
.cks-whatsapp-main-icon-2026 i,
.cks-whatsapp-benefit-icon-2026 i,
.cks-whatsapp-btn-icon-2026 i,
.cks-map-pin-2026 i,
.cks-servicios-link-icon-2026 i,
.cks-zonas-compact-icon-2026 i,
.cks-footer-centro-icon-2026 i,
.cks-footer-social-links-2026 i {
  display: block;
  line-height: 1;
  color: inherit;
}

/* =========================================================
   00B. Sistema visual CKS - efectos comunes
   ========================================================= */

.cks-card-hover-effect-2026 {
  position: relative;
  overflow: hidden;
}

.cks-card-hover-effect-2026,
.cks-marca-card-2026,
.cks-centro-servicio-card-2026 {
  transition:
    transform var(--cks-card-hover-duration) ease,
    box-shadow var(--cks-card-hover-duration) ease,
    border-color var(--cks-card-hover-duration) ease,
    background-color var(--cks-card-hover-duration) ease,
    background var(--cks-card-hover-duration) ease;
}

.cks-card-hover-effect-2026::after,
.cks-marca-card-2026::after,
.cks-centro-servicio-card-2026::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--cks-card-hover-overlay);
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--cks-card-hover-duration) ease;
}

.cks-card-hover-effect-2026:hover,
.cks-marca-card-2026:hover,
.cks-centro-servicio-card-2026:hover {
  transform: var(--cks-card-hover-transform);
  border-color: var(--cks-card-hover-border);
  box-shadow: var(--cks-card-hover-shadow);
}

.cks-card-hover-effect-2026:hover::after,
.cks-marca-card-2026:hover::after,
.cks-centro-servicio-card-2026:hover::after {
  opacity: 1;
}

/* =========================================================
   00C. Sistema visual CKS - botones comunes
   ========================================================= */

.cks-btn-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 14px 24px;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-radius: 5px;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.cks-btn-2026:hover,
.cks-btn-2026:focus {
  transform: translateY(-1px);
  text-decoration: none !important;
}

/* Rojo */
.cks-btn-red-2026 {
  color: #ffffff !important;
  background: var(--cks-red, #c5020e);
  border: 2px solid var(--cks-red, #c5020e);
  box-shadow: 0 12px 26px rgba(197, 2, 14, 0.24);
}

.cks-btn-red-2026:hover,
.cks-btn-red-2026:focus {
  color: #ffffff !important;
  background: var(--cks-red-hover, #a9000c);
  border-color: var(--cks-red-hover, #a9000c);
  box-shadow: 0 16px 34px rgba(197, 2, 14, 0.3);
}

/* WhatsApp */
.cks-btn-whatsapp-2026 {
  color: #ffffff !important;
  background: var(--cks-whatsapp, #00bb2d);
  border: 2px solid var(--cks-whatsapp, #00bb2d);
  box-shadow: 0 12px 26px rgba(22, 184, 78, 0.24);
}

.cks-btn-whatsapp-2026:hover,
.cks-btn-whatsapp-2026:focus {
  color: #ffffff !important;
  background: var(--cks-whatsapp-hover, #009f26);
  border-color: var(--cks-whatsapp-hover, #009f26);
  box-shadow: 0 16px 34px rgba(22, 184, 78, 0.3);
}

/* Llamada */
.cks-btn-call-light-2026 {
  color: #111111 !important;
  background: #ffffff;
  border: 2px solid #ffffff;
  box-shadow: 0 14px 30px rgba(255, 255, 255, 0.16);
}

.cks-btn-call-light-2026:hover,
.cks-btn-call-light-2026:focus {
  color: #111111 !important;
  background: #f7f7f7;
  border-color: #ffffff;
  box-shadow: 0 16px 34px rgba(255, 255, 255, 0.22);
}

/* Gris */
.cks-btn-gray-2026 {
  color: #ffffff !important;
  background: #4a4a4a;
  border: 2px solid #4a4a4a;
}

.cks-btn-gray-2026:hover,
.cks-btn-gray-2026:focus {
  color: #ffffff !important;
  background: #222222;
  border-color: #222222;
}

/* Negro */
.cks-btn-dark-2026 {
  color: #ffffff !important;
  background: #111111;
  border: 2px solid #111111;
}

.cks-btn-dark-2026:hover,
.cks-btn-dark-2026:focus {
  color: #ffffff !important;
  background: var(--cks-red, #c5020e);
  border-color: var(--cks-red, #c5020e);
}

/* =========================================================
   00D. Sistema visual CKS - fondos comunes
   ========================================================= */

.cks-bg-dark-panel-2026 {
  background:
    radial-gradient(circle at top right, var(--cks-red-glow), transparent 34%),
    linear-gradient(
      135deg,
      var(--cks-panel-dark) 0%,
      var(--cks-panel-dark-deep) 100%
    );
}

.cks-bg-dark-panel-left-2026 {
  background:
    radial-gradient(circle at top left, var(--cks-red-glow), transparent 36%),
    linear-gradient(
      135deg,
      var(--cks-panel-dark) 0%,
      var(--cks-panel-dark-deep) 100%
    );
}

/* =========================================================
   01. Landing marcas - Fichas de servicios
   ========================================================= */

/* Usado en /marca/bmw/ y replicable en landings de marca. */

.cks-service-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 24px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  margin: 35px auto 0 !important;
  padding: 34px !important;
  background: #f7f7f7 !important;
  border-radius: var(--cks-radius-sm) !important;
}

.cks-service-grid::before,
.cks-service-grid::after,
.cks-service-card::before,
.cks-service-card::after {
  display: none !important;
  content: none !important;
}

.cks-service-grid > .wpb_column,
.cks-service-grid > .vc_column_container {
  display: flex !important;
  float: none !important;
  clear: none !important;
  width: calc(25% - 18px) !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.cks-service-card {
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cks-service-card > .vc_column-inner {
  position: relative !important;
  width: 100% !important;
  min-height: 225px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: 32px 24px 30px !important;
  background: #ffffff !important;
  border: 1px solid #dedede !important;
  border-radius: var(--cks-radius-sm) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.07);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.cks-service-card > .vc_column-inner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 18px;
  left: 18px;
  height: 3px;
  background: var(--cks-red);
  border-radius: 0 0 4px 4px;
}

.cks-service-card:hover > .vc_column-inner {
  transform: translateY(-3px);
  border-color: var(--cks-red) !important;
  box-shadow: 0 13px 28px rgba(0, 0, 0, 0.12);
}

.cks-service-card > .vc_column-inner > .wpb_wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 100% !important;
  text-align: center !important;
}

.cks-service-grid .wpb_content_element,
.cks-service-grid .vc_icon_element,
.cks-service-grid .wpb_text_column,
.cks-service-grid .wpb_wrapper p:last-child {
  margin-bottom: 0 !important;
}

.cks-service-card .vc_icon_element {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

.cks-service-card .vc_icon_element-inner {
  width: 74px !important;
  height: 74px !important;
  border-radius: 50% !important;
  box-shadow: 0 5px 14px rgba(212, 0, 18, 0.2);
}

.cks-service-card .vc_icon_element-icon {
  font-size: 32px !important;
}

.cks-service-card h1,
.cks-service-card h2,
.cks-service-card h3,
.cks-service-card h4,
.cks-service-card .wpb_heading {
  margin-top: 0 !important;
  margin-bottom: 9px !important;
  color: #111111 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.cks-service-card p {
  max-width: 245px !important;
  margin: 0 auto !important;
  color: #555555 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

/* =========================================================
   02. Landing marcas - Bloque destacado
   ========================================================= */

/* Usado en /marca/bmw/ y replicable en landings de marca. */

.landing-highlight-box {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  overflow: hidden !important;
  margin: 24px 10px 34px !important;
  padding: 28px 34px !important;
  right: auto !important;
  left: auto !important;
  background: #292929 !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: var(--cks-radius-sm) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
}

.landing-highlight-box.vc_row[data-vc-full-width],
.landing-highlight-box[data-vc-full-width] {
  right: auto !important;
  left: auto !important;
  width: auto !important;
}

.landing-highlight-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 100%;
  background: var(--cks-red);
}

.landing-highlight-box::after {
  display: none !important;
  content: none !important;
}

.landing-highlight-box > .wpb_column,
.landing-highlight-box > .vc_column_container {
  float: none !important;
  clear: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.landing-highlight-box > .wpb_column > .vc_column-inner,
.landing-highlight-box > .vc_column_container > .vc_column-inner {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.landing-highlight-box .wpb_content_element,
.landing-highlight-box .wpb_text_column,
.landing-highlight-box .vc_icon_element,
.landing-highlight-box p:last-child {
  margin-bottom: 0 !important;
}

.landing-highlight-box:hover {
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.09);
  transition: box-shadow 0.25s ease;
}

.landing-highlight-icon {
  display: flex !important;
  flex: 0 0 115px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 115px !important;
  min-width: 115px !important;
  max-width: 115px !important;
}

.landing-highlight-icon .vc_column-inner,
.landing-highlight-icon .wpb_wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 0 !important;
}

.landing-highlight-icon .vc_icon_element,
.landing-highlight-icon .vc_icon_element-inner {
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  height: 78px !important;
  min-height: 78px !important;
  max-height: 78px !important;
}

.landing-highlight-icon .vc_icon_element {
  display: block !important;
  margin: 0 auto !important;
}

.landing-highlight-icon .vc_icon_element-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  background-color: var(--cks-red) !important;
  border-radius: 50% !important;
  box-shadow: 0 5px 14px rgba(197, 2, 14, 0.22);
}

.landing-highlight-icon .vc_icon_element-icon {
  position: static !important;
  transform: none !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 32px !important;
  line-height: 1 !important;
}

.landing-highlight-content {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
}

.landing-highlight-content .vc_column-inner {
  padding: 0 !important;
}

.landing-highlight-content .wpb_wrapper {
  text-align: left !important;
}

.landing-highlight-content h2,
.landing-highlight-content h3,
.landing-highlight-content h4,
.landing-highlight-content .wpb_heading {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.landing-highlight-content p {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.landing-highlight-extra {
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 0 solid #e6e6e6;
}

.landing-highlight-point {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 10px;
  margin-right: 0;
  padding-right: 18px;
  padding-left: 18px;
  border-right: 1px solid #dddddd;
  color: #cccccc;
  font-size: 16px;
  line-height: 1.35;
  text-align: center;
  font-weight: 700;
}

.landing-highlight-point:nth-child(3),
.landing-highlight-point:last-child {
  border-right: 0;
}

.landing-highlight-check {
  box-sizing: border-box;
  width: 24px;
  min-width: 24px;
  height: 24px;
  color: var(--cks-red);
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  border: 2px solid var(--cks-red);
  border-radius: 50%;
}

.landing-highlight-extra > .landing-highlight-button {
  display: none !important;
}

/* =========================================================
   03. Landing marcas - Detalle y tabla de precios
   ========================================================= */

/* Usado en /marca/bmw/ y replicable en landings de marca. */

.landing-detail-panel {
  display: grid;
  grid-template-columns: 1.6fr 0.9fr;
  align-items: center;
  gap: 26px;
  box-sizing: border-box;
  margin-top: 30px;
  padding: 24px 26px;
  background: #292929;
  border: 1px solid #e6e6e6;
  border-radius: var(--cks-radius-sm);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.landing-detail-left h3 {
  position: relative;
  margin: 0 0 18px;
  padding-bottom: 10px;
  color: #111111;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
}

.landing-detail-left h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 52px;
  height: 3px;
  background: var(--cks-red);
  border-radius: 2px;
}

.landing-detail-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.landing-detail-list li {
  position: relative;
  margin-bottom: 12px;
  padding-left: 22px;
  color: #cccccc;
  font-size: 15px;
  line-height: 1.45;
  list-style: none !important;
}

.landing-detail-list li:last-child {
  margin-bottom: 0;
}

.landing-detail-list li::marker {
  display: none !important;
  content: "" !important;
}

.landing-detail-list li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 9px;
  height: 2px;
  background: var(--cks-red);
  border-radius: 2px;
}

.landing-detail-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.landing-detail-illustration {
  position: relative;
  width: 170px;
  height: 145px;
  margin: 0 auto 18px;
}

.landing-doc-card {
  position: absolute;
  top: 0;
  left: 28px;
  box-sizing: border-box;
  width: 92px;
  height: 122px;
  background: #ffffff;
  border: 2px solid #d9d9d9;
  border-radius: 6px;
}

.landing-doc-card::before {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  width: 18px;
  height: 18px;
  background: #f7f7f7;
  border-bottom: 2px solid #d9d9d9;
  border-left: 2px solid #d9d9d9;
  transform: skew(-45deg);
  transform-origin: top right;
}

.landing-doc-car {
  margin-top: 14px;
  color: #bdbdbd;
  font-size: 22px;
  text-align: center;
}

.landing-doc-line {
  width: 56px;
  height: 3px;
  margin: 10px auto 0;
  background: #d9d9d9;
  border-radius: 2px;
}

.landing-doc-line.short {
  width: 38px;
}

.landing-doc-badge {
  position: absolute;
  right: 14px;
  bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  color: #ffffff;
  font-size: 22px;
  background: var(--cks-red);
  border-radius: 50%;
  box-shadow: 0 5px 14px rgba(197, 2, 14, 0.2);
}

.landing-detail-button {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  max-width: 290px;
  padding: 15px 22px;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
  background: var(--cks-red);
  border-radius: 6px;
}

.landing-detail-button:hover {
  color: #ffffff !important;
  background: #a9000c;
}

.landing-price-table-wrap {
  width: 100%;
  margin: 0;
}

.landing-price-table {
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.45;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-collapse: collapse;
  border-radius: var(--cks-radius-sm);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.035);
}

.landing-price-table thead th {
  padding: 13px 14px;
  color: #111111;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  background: #f7f7f7;
  border-bottom: 2px solid var(--cks-red);
}

.landing-price-table tbody td {
  padding: 13px 14px;
  color: #333333;
  vertical-align: top;
  border-top: 1px solid #eeeeee;
}

.landing-price-table tbody tr:first-child td {
  border-top: 0;
}

.landing-price-table tbody tr:nth-child(even) {
  background: #fafafa;
}

.landing-price-table tbody td:first-child {
  color: #111111;
  font-weight: 600;
}

.level-badge {
  display: inline;
  min-width: auto;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
}

.level-badge.low {
  color: #444444;
}
.level-badge.medium {
  color: #b06400;
}
.level-badge.high {
  color: var(--cks-red);
}
.level-badge.variable {
  color: #555555;
}

/* =========================================================
   04. Landing centro - Hero superior
   ========================================================= */

.cks-centro-bg-custom-2026 {
  position: relative !important;
  overflow: visible !important;
}

.cks-centro-bg-custom-2026 * {
  box-sizing: border-box;
}

.cks-centro-bg-custom-2026 .vc_column-inner {
  padding-top: 0 !important;
}

.cks-centro-bg-custom-2026 .wpb_wrapper {
  width: 100%;
}

.cks-centro-left-extra-2026 {
  max-width: 610px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.cks-centro-eyebrow-2026 {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  margin: 0 0 14px;
  padding: 4px 14px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.35px;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.14);
  border-radius: 999px;
}

.cks-centro-title-2026 {
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-size: 56px !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  letter-spacing: -1.4px !important;
  text-align: left !important;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.cks-centro-title-2026 span {
  color: var(--cks-red) !important;
}

.cks-centro-title-line-2026 {
  width: 72px;
  height: 4px;
  margin: 0 0 22px;
  background: var(--cks-red);
}

.cks-centro-intro-2026 {
  max-width: 600px;
  margin: 0 0 24px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
  text-align: left;
  text-shadow: 0 3px 8px rgba(0, 0, 0, 0.85);
}

/* Rating */
.cks-centro-google-rating-2026 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 14px 0 22px !important;
  text-align: center !important;
}

.cks-centro-google-rating-2026,
.cks-centro-google-rating-2026 * {
  box-sizing: border-box !important;
}

.cks-centro-google-rating-2026 > * {
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

.cks-centro-google-rating-2026 .cks-brb-rating-hero,
.cks-brb-rating-hero {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
}

.cks-centro-google-rating-2026 .cks-brb-rating-hero:hover,
.cks-centro-google-rating-2026 .cks-brb-rating-hero:focus,
.cks-brb-rating-hero:hover,
.cks-brb-rating-hero:focus {
  color: #ffffff !important;
  text-decoration: none !important;
}

.cks-centro-google-rating-2026 .cks-brb-rating-stars,
.cks-brb-rating-stars {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-height: 32px !important;
  margin: 0 0 7px !important;
  line-height: 1 !important;
  text-align: center !important;
}

.cks-centro-google-rating-2026 .cks-brb-rating-stars svg,
.cks-centro-google-rating-2026 .cks-brb-rating-stars img,
.cks-brb-rating-stars svg,
.cks-brb-rating-stars img {
  display: inline-block !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
}

.cks-centro-google-rating-2026 .cks-brb-rating-stars,
.cks-centro-google-rating-2026 .cks-brb-rating-stars *,
.cks-brb-rating-stars,
.cks-brb-rating-stars * {
  color: #ffc400 !important;
  fill: #ffc400 !important;
  font-size: 36px !important;
  line-height: 1 !important;
}

.cks-centro-google-rating-2026 .cks-brb-rating-text,
.cks-brb-rating-text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  width: 100% !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75) !important;
}

.cks-centro-google-rating-2026 .cks-brb-rating-text strong,
.cks-centro-google-rating-2026 .cks-brb-rating-text span,
.cks-brb-rating-text strong,
.cks-brb-rating-text span {
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

.cks-centro-google-rating-2026 .cks-brb-rating-text strong,
.cks-brb-rating-text strong {
  font-weight: 800 !important;
}

/* CTAs */
.cks-centro-actions-2026 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  width: 100%;
  max-width: 590px;
  margin: 0 0 16px;
}

.cks-centro-btn-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 64px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
  border-radius: 5px;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.cks-centro-btn-icon-2026 {
  display: inline-flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}

.cks-centro-btn-icon-2026 svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cks-centro-btn-icon-2026 i {
  font-size: 25px;
}

.cks-centro-btn-text-2026 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.15;
}

.cks-centro-btn-text-2026 strong {
  display: block;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.15px;
  text-transform: uppercase;
}

.cks-centro-btn-text-2026 small {
  display: block;
  margin-top: 3px;
  font-size: 16px;
  font-weight: 700;
  opacity: 0.92;
}

/* WhatsApp */
.cks-centro-btn-whatsapp-2026 {
  color: #ffffff !important;
  background: var(--cks-whatsapp, #009f26);
  border: 2px solid var(--cks-whatsapp, #009f26);
  box-shadow: 0 12px 26px rgba(0, 159, 38, 0.28);
}

.cks-centro-btn-whatsapp-2026:hover {
  transform: translateY(-1px);
  background: var(--cks-whatsapp-hover, #00bb2d);
  border-color: var(--cks-whatsapp-hover, #00bb2d);
  box-shadow: 0 16px 34px rgba(0, 187, 45, 0.32);
}

.cks-centro-btn-whatsapp-2026,
.cks-centro-btn-whatsapp-2026:visited,
.cks-centro-btn-whatsapp-2026:hover,
.cks-centro-btn-whatsapp-2026:focus,
.cks-centro-btn-whatsapp-2026 .cks-centro-btn-icon-2026,
.cks-centro-btn-whatsapp-2026 .cks-centro-btn-icon-2026 svg,
.cks-centro-btn-whatsapp-2026 .cks-centro-btn-icon-2026 i,
.cks-centro-btn-whatsapp-2026 .cks-centro-btn-text-2026,
.cks-centro-btn-whatsapp-2026 .cks-centro-btn-text-2026 strong,
.cks-centro-btn-whatsapp-2026 .cks-centro-btn-text-2026 small {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Rojo */
.cks-centro-btn-red-2026 {
  color: #ffffff !important;
  background: var(--cks-red);
  border: 2px solid var(--cks-red);
  box-shadow: 0 12px 26px rgba(197, 2, 14, 0.24);
}

.cks-centro-btn-red-2026,
.cks-centro-btn-red-2026:visited,
.cks-centro-btn-red-2026:hover,
.cks-centro-btn-red-2026:focus,
.cks-centro-btn-red-2026 .cks-centro-btn-icon-2026,
.cks-centro-btn-red-2026 .cks-centro-btn-icon-2026 svg,
.cks-centro-btn-red-2026 .cks-centro-btn-icon-2026 i,
.cks-centro-btn-red-2026 .cks-centro-btn-text-2026,
.cks-centro-btn-red-2026 .cks-centro-btn-text-2026 strong,
.cks-centro-btn-red-2026 .cks-centro-btn-text-2026 small {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.cks-centro-btn-red-2026:hover {
  transform: translateY(-1px);
  background: var(--cks-red-hover, #a9000c);
  border-color: var(--cks-red-hover, #a9000c);
  box-shadow: 0 16px 34px rgba(197, 2, 14, 0.3);
}

/* Llamada */
.cks-centro-btn-outline-2026 {
  color: #111111 !important;
  background: #ffffff;
  border: 2px solid #ffffff;
  box-shadow: 0 14px 30px rgba(255, 255, 255, 0.16);
}

.cks-centro-btn-outline-2026,
.cks-centro-btn-outline-2026:visited,
.cks-centro-btn-outline-2026 .cks-centro-btn-icon-2026,
.cks-centro-btn-outline-2026 .cks-centro-btn-icon-2026 svg,
.cks-centro-btn-outline-2026 .cks-centro-btn-icon-2026 i,
.cks-centro-btn-outline-2026 .cks-centro-btn-text-2026,
.cks-centro-btn-outline-2026 .cks-centro-btn-text-2026 strong,
.cks-centro-btn-outline-2026 .cks-centro-btn-text-2026 small {
  color: #111111 !important;
  stroke: #111111 !important;
}

.cks-centro-btn-outline-2026:hover {
  transform: translateY(-1px);
  color: #111111 !important;
  background: #f7f7f7;
  border-color: #ffffff;
  box-shadow: 0 16px 34px rgba(255, 255, 255, 0.22);
}

.cks-centro-btn-outline-2026:hover,
.cks-centro-btn-outline-2026:hover .cks-centro-btn-icon-2026,
.cks-centro-btn-outline-2026:hover .cks-centro-btn-icon-2026 svg,
.cks-centro-btn-outline-2026:hover .cks-centro-btn-icon-2026 i,
.cks-centro-btn-outline-2026:hover .cks-centro-btn-text-2026,
.cks-centro-btn-outline-2026:hover .cks-centro-btn-text-2026 strong,
.cks-centro-btn-outline-2026:hover .cks-centro-btn-text-2026 small {
  color: #111111 !important;
  stroke: #111111 !important;
}

.cks-centro-benefits-2026 {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  max-width: 590px;
  margin: 0 0 12px;
}

.cks-centro-benefit-2026 {
  display: inline-flex;
  align-items: flex-start;
  gap: 6px;
  min-height: 0;
  padding: 0;
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75);
  white-space: nowrap;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.cks-centro-benefit-2026 svg {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  margin-top: 0;
  fill: none;
  stroke: var(--cks-red);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cks-centro-benefit-2026 i,
.cks-centro-benefit-2026 .fa,
.cks-centro-benefit-2026 .fas,
.cks-centro-benefit-2026 .far {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  margin-top: 1px;
  color: var(--cks-red) !important;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  text-shadow: none;
}

.cks-centro-benefit-2026 span {
  color: #ffffff !important;
}

.cks-centro-note-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  width: auto;
  max-width: 100%;
  margin: 13px 0 0;
  padding: 6px 10px;
  color: #ffffff !important;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.2;
  text-align: left;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
}

.cks-centro-note-2026 svg {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: var(--cks-gold, #d4a400);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cks-centro-note-2026 i,
.cks-centro-note-2026 .fa,
.cks-centro-note-2026 .fas,
.cks-centro-note-2026 .far {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  color: var(--cks-gold, #d4a400) !important;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  text-shadow: none;
}

.cks-centro-note-2026 span {
  color: #ffffff !important;
}

/* Tarjeta hero */
.cks-centro-card-2026 {
  width: 100%;
  max-width: 630px;
  margin: 0 auto;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 14px;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.34);
}

.cks-centro-card-image-2026 {
  width: 100%;
  background: #111111;
}

.cks-centro-card-image-2026 img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center center;
}

.cks-centro-card-body-2026 {
  padding: 26px 32px 30px;
}

.cks-centro-card-title-2026 {
  margin: 0 0 15px;
  color: #111111;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.2;
}

.cks-centro-card-title-2026 span,
.cks-centro-card-phone-2026,
.cks-centro-card-phone-link-2026,
.cks-centro-card-phone-link-2026:visited,
.cks-centro-card-phone-link-2026:hover,
.cks-centro-card-phone-link-2026:focus {
  color: var(--cks-red) !important;
}

.cks-centro-card-line-2026 {
  margin: 8px 0;
  color: #222222;
  font-size: 15px;
  line-height: 1.45;
}

.cks-centro-card-info-line-2026,
.cks-centro-card-phone-2026 {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.cks-centro-card-info-line-2026 {
  margin: 8px 0;
}

.cks-centro-card-info-icon-2026 {
  display: inline-flex;
  flex: 0 0 18px;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  color: var(--cks-red);
}

.cks-centro-card-info-icon-2026 svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cks-centro-card-info-icon-2026 i {
  font-size: 18px;
}

.cks-centro-card-info-icon-2026 .fa-map-marker {
  font-size: 19px;
}

.cks-centro-card-info-icon-2026 .fa-clock-o {
  font-size: 17px;
}

.cks-centro-card-line-text-2026 {
  display: block;
  min-width: 0;
}

.cks-centro-card-line-text-2026 strong {
  font-weight: 900;
}

.cks-centro-card-phone-2026 {
  align-items: center;
  gap: 10px;
  margin: 16px 0;
}

.cks-centro-card-phone-2026 .cks-centro-card-info-icon-2026 {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.cks-centro-card-phone-2026 .cks-centro-card-info-icon-2026 svg {
  width: 20px;
  height: 20px;
}

.cks-centro-card-phone-link-2026,
.cks-centro-card-phone-link-2026:visited,
.cks-centro-card-phone-link-2026:hover,
.cks-centro-card-phone-link-2026:focus {
  font-size: 31px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.2px !important;
  text-decoration: none !important;
}

.cks-centro-card-phone-link-2026:hover {
  color: var(--cks-red-hover, #a9000c) !important;
}

.cks-centro-card-actions-2026 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 23px;
}

.cks-centro-card-btn-2026 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 50px;
  color: inherit;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none !important;
  border-radius: 5px;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.cks-centro-card-btn-2026:hover {
  transform: translateY(-1px);
}

.cks-centro-card-btn-2026 svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cks-centro-card-btn-2026 i {
  font-size: 14px;
  transition: transform 0.2s ease;
}

.cks-centro-card-btn-2026:hover i {
  transform: translateX(3px);
}

/* Gris */
.cks-centro-card-btn-light-2026 {
  color: #ffffff !important;
  background: #4a4a4a;
  border: 2px solid #4a4a4a;
}

.cks-centro-card-btn-light-2026,
.cks-centro-card-btn-light-2026 span,
.cks-centro-card-btn-light-2026 svg,
.cks-centro-card-btn-light-2026 svg path {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.cks-centro-card-btn-light-2026:hover,
.cks-centro-card-btn-light-2026:focus {
  color: #ffffff !important;
  background: #222222;
  border-color: #222222;
}

.cks-centro-card-btn-light-2026:hover span,
.cks-centro-card-btn-light-2026:focus span,
.cks-centro-card-btn-light-2026:hover svg,
.cks-centro-card-btn-light-2026:focus svg,
.cks-centro-card-btn-light-2026:hover svg path,
.cks-centro-card-btn-light-2026:focus svg path {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Negro */
.cks-centro-card-btn-dark-2026 {
  color: #ffffff !important;
  background: #111111;
  border: 2px solid #111111;
}

.cks-centro-card-btn-dark-2026,
.cks-centro-card-btn-dark-2026 span,
.cks-centro-card-btn-dark-2026 svg,
.cks-centro-card-btn-dark-2026 svg path {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.cks-centro-card-btn-dark-2026:hover,
.cks-centro-card-btn-dark-2026:focus {
  color: #ffffff !important;
  background: #c5020e;
  border-color: #c5020e;
}

.cks-centro-card-btn-dark-2026:hover span,
.cks-centro-card-btn-dark-2026:focus span,
.cks-centro-card-btn-dark-2026:hover svg,
.cks-centro-card-btn-dark-2026:focus svg,
.cks-centro-card-btn-dark-2026:hover svg path,
.cks-centro-card-btn-dark-2026:focus svg path {
  color: #ffffff !important;
  stroke: #ffffff !important;
}
/* =========================================================
   05. Landing centro - Servicios oscuros
   ========================================================= */

.cks-centro-servicios-2026 {
  --cks-service-red: var(--cks-red);
  --cks-service-card: rgba(18, 18, 18, 0.84);
  --cks-service-card-hover: rgba(18, 18, 18, 0.94);
  --cks-service-text: rgba(255, 255, 255, 0.72);
  --cks-service-border: rgba(255, 255, 255, 0.14);
  --cks-service-border-hover: rgba(197, 2, 14, 0.72);

  position: relative;
  overflow: hidden;
  padding: 78px 20px 86px;
  background:
    radial-gradient(
      circle at top right,
      rgba(197, 2, 14, 0.14),
      transparent 34%
    ),
    linear-gradient(135deg, #222222 0%, #151515 100%);
  border-radius: 5px;
}

.cks-centro-servicios-inner-2026 {
  position: relative;
  z-index: 1;
  width: min(1180px, 100%);
  margin: 0 auto;
}

.cks-centro-servicios-head-2026 {
  max-width: 760px;
  margin: 0 auto 44px;
  text-align: center;
}

.cks-centro-servicios-eyebrow-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  color: var(--cks-service-red);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cks-centro-servicios-head-2026 h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(30px, 3.2vw, 46px);
  font-weight: 900;
  line-height: 1.08;
}

.cks-centro-servicios-head-2026 h2 span {
  color: var(--cks-service-red);
}

.cks-centro-servicios-head-2026 h2::after {
  content: "";
  display: block;
  width: 86px;
  height: 4px;
  margin: 18px auto 0;
  background: var(--cks-service-red);
  border-radius: 999px;
}

.cks-centro-servicios-head-2026 p {
  max-width: 620px;
  margin: 20px auto 0;
  color: var(--cks-service-text);
  font-size: 17px;
  line-height: 1.65;
}

.cks-centro-servicios-grid-2026 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.cks-centro-servicio-card-2026 {
  --cks-card-hover-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  --cks-card-hover-border: var(--cks-service-border-hover);
  --cks-card-hover-overlay: linear-gradient(
    135deg,
    rgba(197, 2, 14, 0.07),
    transparent 52%
  );

  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  align-items: center;
  min-height: 220px;
  overflow: hidden;
  padding: 30px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.06),
      rgba(255, 255, 255, 0.015)
    ),
    var(--cks-service-card);
  border: 1px solid var(--cks-service-border);
  border-radius: 14px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
}

.cks-centro-servicio-card-2026::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 1;
  width: 4px;
  height: 62px;
  background: var(--cks-service-red);
  border-radius: 0 999px 999px 0;
  opacity: 0.95;
}

.cks-centro-servicio-content-2026,
.cks-centro-servicio-icon-2026 {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.cks-centro-servicio-content-2026 h3 {
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.18;
}

.cks-centro-servicio-content-2026 h3::after {
  content: "";
  display: block;
  width: 54px;
  height: 2px;
  margin-top: 12px;
  background: var(--cks-service-red);
  border-radius: 999px;
  transition: width 0.22s ease;
}

.cks-centro-servicios-2026 .cks-centro-servicio-title-link-2026,
.cks-centro-servicios-2026 .cks-centro-servicio-title-link-2026:visited,
.cks-centro-servicios-2026 .cks-centro-servicio-title-link-2026:hover,
.cks-centro-servicios-2026 .cks-centro-servicio-title-link-2026:focus {
  color: #ffffff !important;
  font-weight: 900;
  text-decoration: none !important;
}

.cks-centro-servicios-2026 .cks-centro-servicio-title-link-2026:focus-visible,
.cks-centro-servicios-2026 .cks-centro-servicio-icon-link-2026:focus-visible {
  outline: 2px solid var(--cks-service-red);
  outline-offset: 4px;
  border-radius: 4px;
}

.cks-centro-servicio-content-2026 p {
  margin: 0;
  color: var(--cks-service-text);
  font-size: 15px;
  line-height: 1.55;
}

.cks-centro-servicio-icon-2026 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.cks-centro-servicios-2026 .cks-centro-servicio-icon-link-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  border: 0 !important;
}

.cks-centro-servicio-icon-2026 img {
  display: block;
  width: auto;
  max-width: 145px;
  max-height: 132px;
  object-fit: contain;
  filter: drop-shadow(0 14px 20px rgba(0, 0, 0, 0.35));
  transition:
    transform 0.22s ease,
    filter 0.22s ease;
}

.cks-centro-servicio-card-2026:hover .cks-centro-servicio-icon-2026 img {
  transform: scale(1.04);
  filter: drop-shadow(0 18px 24px rgba(0, 0, 0, 0.42));
}
/* =========================================================
   06. Landing centro - Proceso 4 pasos
   ========================================================= */

.cks-centro-proceso-2026 {
  position: relative;
  padding: 54px 20px 52px;
  color: #292929;
  background: #ffffff;
}

.cks-centro-proceso-inner-2026 {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.cks-centro-proceso-head-2026 {
  max-width: 720px;
  margin: 0 auto 30px;
  text-align: center;
}

.cks-centro-proceso-eyebrow-2026 {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--cks-red);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cks-centro-proceso-head-2026 h2 {
  margin: 0;
  color: #292929;
  font-size: clamp(28px, 2.8vw, 38px);
  font-weight: 900;
  line-height: 1.12;
}

.cks-centro-proceso-head-2026 h2 span {
  color: var(--cks-red);
}

.cks-centro-proceso-head-2026 h2::after {
  content: "";
  display: block;
  width: 76px;
  height: 4px;
  margin: 16px auto 0;
  background: var(--cks-red);
  border-radius: 999px;
}

.cks-centro-proceso-head-2026 p {
  max-width: 620px;
  margin: 18px auto 0;
  color: rgba(41, 41, 41, 0.68);
  font-size: 16px;
  line-height: 1.55;
}

.cks-centro-proceso-track-2026 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px;
  padding: 16px;
  background: #f6f6f6;
  border-radius: 16px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.055);
}

.cks-centro-proceso-step-2026 {
  position: relative;
  display: grid;
  grid-template-columns: 34px 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 102px;
  padding: 18px 16px;
  background: #ffffff;
  border: 1px solid rgba(41, 41, 41, 0.11);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.045);
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.cks-centro-proceso-step-2026:hover {
  transform: translateY(-3px);
  border-color: rgba(197, 2, 14, 0.34);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.075);
}

@media (min-width: 1101px) {
  .cks-centro-proceso-step-2026:not(:last-child)::after {
    content: "›";
    position: absolute;
    top: 50%;
    right: -25px;
    z-index: 5;
    color: var(--cks-red);
    font-size: 50px;
    font-weight: 900;
    line-height: 1;
    transform: translateY(-53%);
  }
}

.cks-centro-proceso-number-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  background: var(--cks-red);
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(197, 2, 14, 0.24);
}

.cks-centro-proceso-icon-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  color: #292929;
  line-height: 1;
}

.cks-centro-proceso-icon-2026 svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cks-centro-proceso-icon-2026 i {
  font-size: 27px;
}

.cks-centro-proceso-icon-2026 .fa-comments-o {
  font-size: 28px;
}
.cks-centro-proceso-icon-2026 .fa-key {
  font-size: 29px;
}

.cks-centro-proceso-step-2026:hover .cks-centro-proceso-icon-2026 {
  color: var(--cks-red);
}

.cks-centro-proceso-content-2026 {
  min-width: 0;
}

.cks-centro-proceso-content-2026 h3 {
  margin: 0 0 4px;
  color: #292929;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.18;
}

.cks-centro-proceso-content-2026 p {
  margin: 0;
  color: rgba(41, 41, 41, 0.68);
  font-size: 12.5px;
  line-height: 1.38;
}

/* =========================================================
   07. Cabeceras simples SEO / ahorro
   ========================================================= */

.cks-centro-text-head-2026,
.cks-centro-ahorro-head-2026 {
  margin-bottom: 22px;
}

.cks-centro-text-eyebrow-2026,
.cks-centro-ahorro-eyebrow-2026 {
  display: block;
  margin-bottom: 8px;
  color: var(--cks-red-alt);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cks-centro-text-title-2026,
.cks-centro-ahorro-title-2026 {
  margin: 0;
  color: #111111;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.18;
}

.cks-centro-text-title-2026 span,
.cks-centro-ahorro-title-2026 span {
  color: var(--cks-red-alt);
}

.cks-centro-text-line-2026,
.cks-centro-ahorro-line-2026 {
  width: 64px;
  height: 3px;
  margin-top: 14px;
  background: var(--cks-red-alt);
  border-radius: 999px;
}

/* =========================================================
   08. Bloque confianza / centro especializado
   ========================================================= */

.cks-confianza-2026,
.cks-confianza-2026 * {
  box-sizing: border-box;
}

.cks-confianza-2026 {
  width: 100%;
  overflow: hidden;
  padding: 68px 20px 72px;
  color: #171717;
  background: #ffffff;
}

.cks-confianza-inner-2026 {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

.cks-confianza-head-2026 {
  max-width: 780px;
  margin: 0 auto 42px;
  text-align: center;
}

.cks-confianza-eyebrow-2026 {
  display: block;
  margin-bottom: 10px;
  color: var(--cks-red-alt);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cks-confianza-head-2026 h2 {
  margin: 0;
  color: #171717;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.12;
}

.cks-confianza-head-2026 h2 span {
  color: var(--cks-red-alt);
}

.cks-confianza-line-2026 {
  width: 66px;
  height: 3px;
  margin: 20px auto 18px;
  background: var(--cks-red-alt);
  border-radius: 999px;
}

.cks-confianza-head-2026 p {
  max-width: 720px;
  margin: 0 auto;
  color: #555555;
  font-size: 18px;
  line-height: 1.5;
}

.cks-confianza-grid-2026 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  width: 100%;
}

.cks-confianza-card-2026 {
  position: relative;
  min-height: 280px;
  padding: 28px 24px 30px;
  text-align: center;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.13);
  border-radius: 14px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.07);
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;
}

.cks-confianza-card-2026:hover {
  transform: translateY(-3px);
  border-color: rgba(197, 2, 14, 0.35);
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.11);
}

.cks-confianza-icon-2026 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 74px;
  margin: 0 auto 22px;
  color: #ffffff;
  line-height: 1;
  background: var(--cks-red-alt);
  border-radius: 50%;
  box-shadow: 0 10px 22px rgba(197, 2, 14, 0.22);
}

.cks-confianza-icon-2026 svg {
  width: 36px;
  height: 36px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cks-confianza-icon-2026 i {
  font-size: 31px;
}
.cks-confianza-icon-2026 .fa-key {
  font-size: 30px;
}
.cks-confianza-icon-2026 .fa-shield,
.cks-confianza-icon-2026 .fa-clock-o {
  font-size: 32px;
}
.cks-confianza-icon-2026 .fa-certificate {
  font-size: 31px;
}

.cks-confianza-card-2026 h3 {
  margin: 0;
  color: #111111;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.18;
}

.cks-confianza-card-line-2026 {
  width: 46px;
  height: 2px;
  margin: 14px auto 18px;
  background: var(--cks-red-alt);
  border-radius: 999px;
}

.cks-confianza-card-2026 p {
  margin: 0;
  color: #555555;
  font-size: 15.5px;
  line-height: 1.5;
}
/* =========================================================
   09. WhatsApp + mapa + reseñas
   ========================================================= */

.cks-whatsapp-local-2026,
.cks-whatsapp-local-2026 * {
  box-sizing: border-box;
}

.cks-whatsapp-local-2026 {
  width: 100%;
  overflow: hidden;
  padding: 72px 20px 78px;
  color: #171717;
  background: #f6f6f6;
}

.cks-whatsapp-local-inner-2026 {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.cks-whatsapp-local-head-2026 {
  max-width: 780px;
  margin: 0 auto 36px;
  text-align: center;
}

.cks-whatsapp-local-eyebrow-2026 {
  display: block;
  margin-bottom: 10px;
  color: var(--cks-red);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cks-whatsapp-local-head-2026 h2 {
  margin: 0;
  color: #171717;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.12;
}

.cks-whatsapp-local-head-2026 h2 span {
  color: var(--cks-red);
}

.cks-whatsapp-local-line-2026 {
  width: 66px;
  height: 3px;
  margin: 20px auto 18px;
  background: var(--cks-red);
  border-radius: 999px;
}

.cks-whatsapp-local-head-2026 p {
  max-width: 680px;
  margin: 0 auto;
  color: #555555;
  font-size: 18px;
  line-height: 1.5;
}

.cks-whatsapp-local-grid-2026 {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: stretch;
  gap: 26px;
  margin-top: 34px;
}

/* Card WhatsApp */
.cks-whatsapp-card-2026 {
  position: relative;
  overflow: hidden;
  padding: 34px 34px 30px;
  color: #ffffff;
  background:
    radial-gradient(
      circle at top right,
      rgba(197, 2, 14, 0.14),
      transparent 34%
    ),
    linear-gradient(135deg, #222222 0%, #151515 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 5px;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.16);
}

.cks-whatsapp-card-head-2026 {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 24px;
  padding-bottom: 26px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.cks-whatsapp-main-icon-2026 {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  color: var(--cks-whatsapp, #00bb2d);
  line-height: 1;
}

.cks-whatsapp-main-icon-2026 i {
  font-size: 54px;
}

.cks-whatsapp-main-icon-2026 svg,
.cks-whatsapp-btn-icon-2026 svg,
.cks-whatsapp-benefit-icon-2026 svg,
.cks-map-pin-2026 svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cks-whatsapp-card-head-2026 h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.18;
}

.cks-whatsapp-card-head-2026 p {
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 15.5px;
  line-height: 1.55;
}

.cks-whatsapp-benefits-2026 {
  display: grid;
  gap: 18px;
  margin-bottom: 28px;
}

.cks-whatsapp-benefit-2026 {
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: flex-start;
  gap: 16px;
}

.cks-whatsapp-benefit-icon-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #ffffff;
  line-height: 1;
  background: var(--cks-red);
  border-radius: 50%;
  box-shadow: 0 10px 22px rgba(197, 2, 14, 0.22);
}

.cks-whatsapp-benefit-icon-2026 i {
  font-size: 19px;
}

.cks-whatsapp-benefit-icon-2026 .fa-file-text-o {
  font-size: 18px;
}

.cks-whatsapp-benefit-icon-2026 .fa-clock-o {
  font-size: 20px;
}

.cks-whatsapp-benefit-2026 strong {
  display: block;
  margin-bottom: 3px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
}

.cks-whatsapp-benefit-2026 p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14.5px;
  line-height: 1.45;
}

/* Botón WhatsApp */
.cks-whatsapp-btn-2026 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  color: #ffffff !important;
  font-size: 17px;
  font-weight: 900;
  text-align: center;
  text-decoration: none !important;
  background: var(--cks-whatsapp, #00bb2d);
  border: 2px solid var(--cks-whatsapp, #00bb2d);
  border-radius: 5px;
  box-shadow: 0 12px 26px rgba(22, 184, 78, 0.24);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.cks-whatsapp-btn-2026:hover {
  transform: translateY(-1px);
  color: #ffffff !important;
  background: var(--cks-whatsapp-hover, #009f26);
  border-color: var(--cks-whatsapp-hover, #009f26);
  box-shadow: 0 16px 34px rgba(22, 184, 78, 0.3);
}

.cks-whatsapp-btn-icon-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}

.cks-whatsapp-btn-icon-2026 i {
  font-size: 21px;
}

.cks-whatsapp-safe-2026 {
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
}

/* Mapa */
.cks-map-card-2026 {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.11);
  border-radius: 5px;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.11);
}

.cks-map-frame-2026 {
  position: relative;
  width: 100%;
  min-height: 312px;
  background: #eeeeee;
}

.cks-map-frame-2026 iframe {
  display: block;
  width: 100% !important;
  height: 312px !important;
  border: 0 !important;
}

.cks-map-info-2026 {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 28px 26px;
}

.cks-map-pin-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: var(--cks-red);
  line-height: 1;
}

.cks-map-pin-2026 i {
  font-size: 42px;
}

.cks-map-info-2026 h3 {
  margin: 0 0 6px;
  color: #171717;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
}

.cks-map-info-2026 p {
  margin: 0 0 16px;
  color: #555555;
  font-size: 15.5px;
  line-height: 1.45;
}

.cks-map-details-2026 {
  margin: 0;
  padding-left: 20px;
}

.cks-map-details-2026 li {
  margin-bottom: 8px;
  color: #222222;
  font-size: 14.5px;
  line-height: 1.45;
}

.cks-map-details-2026 li:last-child {
  margin-bottom: 0;
}

/* Reseñas */
.cks-reviews-block-2026 {
  margin-top: 34px;
  padding: 44px 34px 38px;
  text-align: center;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.06);
}

.cks-reviews-eyebrow-2026 {
  display: block;
  margin-bottom: 10px;
  color: var(--cks-red);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cks-reviews-block-2026 h2 {
  margin: 0;
  color: #171717;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.15;
}

.cks-reviews-rating-plugin-2026 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 18px auto 0 !important;
  text-align: center !important;
}

.cks-reviews-rating-plugin-2026 > *,
.cks-reviews-rating-plugin-2026 .wp-gr,
.cks-reviews-rating-plugin-2026 .brb,
.cks-reviews-rating-plugin-2026 .brb_collection,
.cks-reviews-rating-plugin-2026 .brb_collection * {
  box-sizing: border-box !important;
}

.cks-reviews-list-plugin-2026 {
  margin-top: 26px;
}

.cks-reviews-link-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  color: #171717 !important;
  font-size: 15px;
  font-weight: 800;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

.cks-reviews-link-2026:hover {
  color: var(--cks-red) !important;
}

.cks-reviews-plugin-single-2026 .cks-review-text-plugin-2026 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.cks-reviews-rating-plugin-2026 .cks-brb-rating-reviews {
  text-align: center !important;
}

.cks-reviews-rating-plugin-2026 .cks-brb-rating-score,
.cks-reviews-rating-plugin-2026 .cks-brb-rating-stars,
.cks-reviews-rating-plugin-2026 .cks-brb-rating-summary {
  justify-content: center !important;
  text-align: center !important;
}
.cks-reviews-rating-plugin-2026 .cks-brb-rating-score {
  font-size: 15px !important;
  line-height: 1.1 !important;
}

.cks-reviews-rating-plugin-2026 .cks-brb-rating-score strong {
  font-size: 22px !important;
  font-weight: 900 !important;
}
/* =========================================================
   10. Servicios y guías - enlaces internos
   ========================================================= */

.cks-servicios-links-2026,
.cks-servicios-links-2026 * {
  box-sizing: border-box;
}

.cks-servicios-links-2026 {
  width: 100%;
  padding: 46px 20px 48px;
  color: #111111;
  background: #ffffff;
}

.cks-servicios-links-inner-2026 {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

.cks-servicios-links-2026 h2 {
  margin: 0 0 32px;
  color: #111111;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
}

.cks-servicios-links-grid-2026 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 70px;
}

.cks-servicios-link-item-2026 {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.cks-servicios-link-icon-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  min-width: 34px;
  height: 34px;
  color: var(--cks-red);
  line-height: 1;
}

.cks-servicios-link-icon-2026 i {
  font-size: 20px;
}
.cks-servicios-link-icon-2026 .fa-car,
.cks-servicios-link-icon-2026 .fa-key,
.cks-servicios-link-icon-2026 .fa-wifi {
  font-size: 19px;
}
.cks-servicios-link-icon-2026 .fa-unlock-alt {
  font-size: 20px;
}
.cks-servicios-link-icon-2026 .fa-mobile {
  font-size: 24px;
}
.cks-servicios-link-icon-2026 .fa-credit-card {
  font-size: 18px;
}

.cks-servicios-link-item-2026 a,
.cks-servicios-link-item-2026 a:visited {
  color: #111111 !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.cks-servicios-link-item-2026 a:hover {
  color: var(--cks-red) !important;
}

.cks-servicios-link-text-2026 {
  color: #171717;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
}

.cks-servicios-link-text-2026 strong {
  font-weight: 800;
}

/* =========================================================
   11. FAQ landing centro
   ========================================================= */

.cks-faq-head-2026 {
  width: min(900px, 100%);
  margin: 46px auto 28px;
  padding: 0 20px;
  text-align: center;
}

.cks-faq-eyebrow-2026 {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--cks-red);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cks-faq-head-2026 h2 {
  margin: 0;
  color: #292929;
  font-size: clamp(26px, 2.5vw, 34px);
  font-weight: 900;
  line-height: 1.16;
}

.cks-faq-head-2026 h2 span {
  color: var(--cks-red);
}

.cks-faq-line-2026 {
  width: 68px;
  height: 4px;
  margin: 15px auto 0;
  background: var(--cks-red);
  border-radius: 999px;
}

.cks-faq-head-2026 p {
  max-width: 660px;
  margin: 18px auto 0;
  color: rgba(41, 41, 41, 0.68);
  font-size: 16px;
  line-height: 1.55;
}

.cks-faq-list-2026 {
  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;
  margin: 0 auto 52px !important;
  padding: 0 !important;
}

.cks-faq-list-2026.vc_row,
.cks-faq-list-2026 .vc_row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 60px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.cks-faq-list-2026 > .wpb_column,
.cks-faq-list-2026 .vc_row > .wpb_column {
  float: none !important;
  width: calc(50% - 30px) !important;
  max-width: none !important;
  margin: 0 !important;
}

.cks-faq-list-2026 .vc_column-inner {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.cks-faq-list-2026 .wpb_wrapper {
  width: 100% !important;
}

.cks-faq-list-2026 .vc_toggle {
  margin: 0 0 24px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.cks-faq-list-2026 .vc_toggle_title {
  position: relative !important;
  display: block !important;
  min-height: 34px;
  margin: 0 !important;
  padding: 0 34px 0 0 !important;
  color: var(--cks-text) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  cursor: pointer;
  transition: color 0.2s ease;
}

.cks-faq-list-2026 .vc_toggle_title:hover {
  color: var(--cks-red) !important;
}

.cks-faq-list-2026 .vc_toggle_icon,
.cks-faq-list-2026 .vc_toggle_icon::before,
.cks-faq-list-2026 .vc_toggle_icon::after {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.cks-faq-list-2026 .vc_toggle_title::after {
  content: "\f107";
  position: absolute;
  top: 50%;
  right: 0;
  color: var(--cks-red) !important;
  font-family: "FontAwesome";
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
}

.cks-faq-list-2026 .vc_toggle_active .vc_toggle_title::after {
  transform: translateY(-50%) rotate(180deg);
}

.cks-faq-list-2026 .vc_toggle_content {
  margin: 10px 0 0 !important;
  padding: 0 34px 0 0 !important;
}

.cks-faq-list-2026 .vc_toggle_content,
.cks-faq-list-2026 .vc_toggle_content p {
  color: rgba(41, 41, 41, 0.68) !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}

.cks-faq-list-2026 .vc_toggle_content p {
  margin: 0 0 10px !important;
}

.cks-faq-list-2026 .vc_toggle_content p:last-child {
  margin-bottom: 0 !important;
}

/* =========================================================
   12. Zonas donde trabajamos
   ========================================================= */

.cks-zonas-compact-2026,
.cks-zonas-compact-2026 * {
  box-sizing: border-box;
}

.cks-zonas-compact-2026 {
  width: 100%;
  padding: 44px 20px 48px;
  color: #ffffff;
  font-family: inherit;
}

.cks-zonas-compact-inner-2026 {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

.cks-zonas-compact-head-2026 {
  max-width: 920px;
  margin: 0 auto 32px;
  text-align: center;
}

.cks-zonas-compact-head-2026 h2 {
  margin: 0 0 13px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.02em;
}

.cks-zonas-compact-head-2026 h2 span {
  color: var(--cks-red-alt);
}

.cks-zonas-compact-head-2026 p {
  max-width: 860px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.cks-zonas-compact-grid-2026 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.cks-zonas-compact-card-2026 {
  display: grid !important;
  grid-template-columns: 34px 1fr !important;
  align-items: flex-start !important;
  gap: 18px !important;
  min-height: 96px;
  padding: 20px 24px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12);
}

.cks-zonas-compact-icon-2026 {
  display: inline-flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: auto !important;
  margin: 0 !important;
  padding-top: 3px !important;
  color: var(--cks-red) !important;
  line-height: 1 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.cks-zonas-compact-icon-2026 i {
  color: var(--cks-red) !important;
  font-size: 31px !important;
}

.cks-zonas-compact-content-2026 h3 {
  margin: 0 0 6px;
  color: #ffffff;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2;
}

.cks-zonas-compact-content-2026 p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 15px;
  line-height: 1.45;
}

/* =========================================================
   13. Footer - Nuestros centros rojo
   ========================================================= */

.cks-footer-centros-2026,
.cks-footer-centros-2026 * {
  box-sizing: border-box;
}

.cks-footer-centros-2026 {
  width: 100%;
  padding: 34px 20px 36px;
  color: #ffffff;
  font-family: inherit;
  background: var(--cks-red, #c5020e);
}

.cks-footer-centros-inner-2026 {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.cks-footer-centros-title-2026 {
  margin: 0 0 24px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
}

.cks-footer-centros-grid-2026 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 0;
}

.cks-footer-centro-item-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 56px;
  color: #ffffff !important;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none !important;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.cks-footer-centro-item-2026:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.28);
}

.cks-footer-centro-item-2026:hover {
  transform: translateY(-1px);
  color: #ffffff !important;
  opacity: 0.88;
}

.cks-footer-centro-icon-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  line-height: 1;
}

.cks-footer-centro-icon-2026 i {
  display: block;
  color: inherit;
  font-size: 30px;
  line-height: 1;
}

/* =========================================================
   14. Footer principal personalizado
   ========================================================= */

#footer .wf-wrap,
#footer .wf-container-footer,
.footer .wf-wrap,
.footer .wf-container-footer {
  width: 100% !important;
  max-width: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#footer .widget,
.footer .widget {
  margin-bottom: 0 !important;
}

#footer .widget_custom_html,
.footer .widget_custom_html {
  width: 100% !important;
}

.cks-footer-custom-2026,
.cks-footer-custom-2026 * {
  box-sizing: border-box;
}

.cks-footer-custom-2026 {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  overflow: hidden;
  padding: 42px 24px 28px;
  color: #ffffff;
  font-family: inherit;
  background: transparent;
}

.cks-footer-custom-inner-2026 {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.cks-footer-top-2026 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 32px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.cks-footer-brand-2026,
.cks-footer-social-2026,
.cks-footer-social-links-2026,
.cks-footer-logo-2026,
.cks-footer-phone-2026,
.cks-footer-centro-icon-2026 {
  display: inline-flex;
  align-items: center;
}

.cks-footer-brand-2026 {
  justify-content: flex-start;
  min-width: 0;
}

.cks-footer-logo-2026 {
  text-decoration: none !important;
}

.cks-footer-logo-2026 img {
  display: block;
  width: 178px;
  max-width: 100%;
  height: auto;
}

.cks-footer-claim-phone-2026 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 260px;
  gap: 8px;
  text-align: center;
}

.cks-footer-claim-2026 {
  width: 100%;
  margin: 0;
  color: #ffffff;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

.cks-footer-phone-2026 {
  justify-content: center;
  gap: 0.13em;
  color: #ffffff !important;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.01em;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
}

.cks-footer-phone-2026 span {
  display: inline-block;
}

.cks-footer-phone-mid-2026 {
  color: var(--cks-red);
}

.cks-footer-social-2026 {
  justify-content: flex-end;
  gap: 16px;
  min-width: 0;
}

.cks-footer-social-label-2026 {
  color: rgba(255, 255, 255, 0.78);
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}

.cks-footer-social-links-2026 {
  gap: 10px;
}

.cks-footer-social-links-2026 a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: #ffffff !important;
  line-height: 1;
  text-decoration: none !important;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  transition:
    background 0.2s ease,
    transform 0.2s ease,
    border-color 0.2s ease;
}

.cks-footer-social-links-2026 a:hover {
  transform: translateY(-2px);
  background: var(--cks-red);
  border-color: var(--cks-red);
}

.cks-footer-social-links-2026 i {
  font-size: 18px;
}

.cks-footer-nav-desktop-2026 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 46px;
  padding: 32px 0 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.cks-footer-nav-mobile-2026 {
  display: none;
}

.cks-footer-group-2026 {
  min-width: 0;
  margin: 0;
}

.cks-footer-group-title-2026 {
  display: block;
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.cks-footer-group-title-2026::before {
  content: "";
  display: block;
  width: 34px;
  height: 3px;
  margin-bottom: 12px;
  background: var(--cks-red);
  border-radius: 999px;
}

.cks-footer-group-2026 ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cks-footer-group-2026 li {
  margin: 0;
  padding: 0;
}

.cks-footer-group-2026 a,
.cks-footer-group-2026 a:visited {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  text-decoration: none !important;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.cks-footer-group-2026 a::before {
  content: "›";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--cks-red);
  font-weight: 900;
}

.cks-footer-group-2026 a:hover {
  transform: translateX(2px);
  color: #ffffff !important;
}

.cks-footer-bottom-2026 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 22px;
}

.cks-footer-copy-2026 {
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  line-height: 1.4;
}

.cks-footer-legal-2026 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 18px;
}

.cks-footer-legal-2026 a,
.cks-footer-legal-2026 a:visited {
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none !important;
}

.cks-footer-legal-2026 a:hover {
  color: #ffffff !important;
}

@media (min-width: 768px) {
  .cks-footer-nav-desktop-2026 {
    display: grid !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
  }

  .cks-footer-nav-mobile-2026 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
}

/* =========================================================
   15. Responsive global
   ========================================================= */

@media (max-width: 1180px) {
  .cks-centro-benefits-2026 {
    flex-wrap: wrap;
  }

  .cks-centro-benefit-2026 {
    white-space: normal;
  }
}

@media (max-width: 1100px) {
  .cks-centro-servicios-grid-2026 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cks-centro-servicio-card-2026 {
    grid-template-columns: minmax(0, 1fr) 135px;
  }

  .cks-confianza-inner-2026 {
    max-width: 880px;
  }

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

  .cks-confianza-card-2026 {
    min-height: 255px;
  }
}

@media (max-width: 991px) {
  .cks-service-grid {
    gap: 22px !important;
    padding: 28px 24px !important;
  }

  .cks-service-grid > .wpb_column,
  .cks-service-grid > .vc_column_container {
    width: calc(50% - 11px) !important;
  }

  .cks-service-card > .vc_column-inner {
    min-height: 215px !important;
    padding: 30px 22px 28px !important;
  }

  .landing-highlight-box {
    gap: 22px !important;
    padding: 26px 24px !important;
  }

  .landing-highlight-icon {
    flex: 0 0 90px !important;
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
  }

  .landing-highlight-content p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  .landing-highlight-extra {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }

  .landing-highlight-point {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
  }

  .landing-detail-panel {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .landing-detail-right {
    align-items: flex-start;
  }

  .landing-detail-button {
    max-width: 320px;
  }

  .landing-price-table {
    font-size: 13px;
  }

  .landing-price-table thead th,
  .landing-price-table tbody td {
    padding: 11px 10px;
  }
}

@media (max-width: 980px) {
  .cks-centro-left-extra-2026 {
    max-width: 680px;
    text-align: center;
  }

  .cks-centro-eyebrow-2026,
  .cks-centro-title-line-2026,
  .cks-centro-intro-2026,
  .cks-centro-actions-2026,
  .cks-centro-benefits-2026,
  .cks-centro-note-2026 {
    margin-right: auto;
    margin-left: auto;
  }

  .cks-centro-title-2026 {
    font-size: 46px !important;
    text-align: center !important;
  }

  .cks-centro-intro-2026 {
    text-align: center;
  }

  .cks-centro-actions-2026,
  .cks-centro-benefits-2026 {
    max-width: 680px;
  }

  .cks-centro-benefits-2026 {
    justify-content: center;
  }

  .cks-centro-card-2026 {
    max-width: 650px;
    margin-top: 36px;
  }

  .cks-centro-card-image-2026 img {
    height: 285px;
  }

  .cks-footer-custom-2026 {
    padding: 40px 22px 28px;
  }

  .cks-footer-top-2026 {
    grid-template-columns: 1fr;
    gap: 24px;
    text-align: center;
  }

  .cks-footer-brand-2026,
  .cks-footer-social-2026 {
    justify-content: center;
  }

  .cks-footer-nav-desktop-2026 {
    gap: 30px;
  }
}

@media (max-width: 900px) {
  .cks-servicios-links-grid-2026 {
    gap: 20px 40px;
  }

  .cks-servicios-link-text-2026 {
    font-size: 16.5px;
  }

  .cks-zonas-compact-2026 {
    padding: 40px 18px 42px;
  }

  .cks-zonas-compact-head-2026 h2 {
    font-size: 26px;
  }

  .cks-zonas-compact-grid-2026 {
    gap: 16px;
  }
}

@media (max-width: 767px) {
  .cks-service-grid {
    width: calc(100% - 30px) !important;
    max-width: 430px !important;
    gap: 18px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 20px 12px !important;
    border-radius: var(--cks-radius-sm) !important;
  }

  .cks-service-grid > .wpb_column,
  .cks-service-grid > .vc_column_container {
    display: flex !important;
    justify-content: center !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .cks-service-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  .cks-service-card > .vc_column-inner {
    width: 100% !important;
    min-height: auto !important;
    padding: 30px 20px 28px !important;
    border-radius: var(--cks-radius-sm) !important;
  }

  .cks-service-card .vc_icon_element-inner {
    width: 72px !important;
    height: 72px !important;
  }

  .cks-service-card h1,
  .cks-service-card h2,
  .cks-service-card h3,
  .cks-service-card h4,
  .cks-service-card .wpb_heading {
    margin-bottom: 8px !important;
    font-size: 16px !important;
  }

  .cks-service-card p {
    max-width: 270px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  .landing-highlight-box {
    display: block !important;
    margin-top: 22px !important;
    margin-bottom: 30px !important;
    padding: 24px 38px !important;
    border-radius: var(--cks-radius-sm) !important;
  }

  .landing-highlight-box::before {
    width: 10px !important;
  }

  .landing-highlight-icon {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .landing-highlight-icon .vc_icon_element,
  .landing-highlight-icon .vc_icon_element-inner {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
	margin-bottom: 32px !important;  
  }

  .landing-highlight-content {
    margin-top: 28px !important;
    padding-top: 0 !important;
  }

  .landing-highlight-content > .vc_column-inner {
    padding-top: 0 !important;
  }

  .landing-highlight-content .wpb_wrapper {
    text-align: left !important;
  }

  .landing-highlight-content h1,
  .landing-highlight-content h2,
  .landing-highlight-content h3,
  .landing-highlight-content h4,
  .landing-highlight-content .wpb_heading {
    margin-top: 0 !important;
  }

  .landing-highlight-content p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .landing-highlight-extra {
    display: block;
    margin-top: 22px;
    padding-top: 18px;
  }

  .landing-highlight-point {
    margin: 0 0 13px;
    padding: 0 0 13px;
    text-align: left;
    border-right: 0;
  }

  .landing-detail-panel {
    margin-top: 18px;
    padding: 20px 18px;
  }

  .landing-detail-left h3 {
    font-size: 18px;
    text-align: center;
  }

  .landing-detail-left h3::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .landing-detail-list {
    text-align: left !important;
  }

  .landing-detail-list li {
    padding-left: 22px;
    font-size: 14px;
    line-height: 1.45;
    text-align: left !important;
  }

  .landing-detail-right {
    align-items: center;
  }

  .landing-detail-illustration {
    width: 150px;
    height: 135px;
    margin-bottom: 16px;
  }

  .landing-detail-button {
    width: 100%;
    max-width: none;
  }

  .landing-price-table-wrap {
    overflow: visible;
  }

  .landing-price-table {
    display: block;
    width: 100%;
    min-width: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .landing-price-table thead {
    display: none;
  }

  .landing-price-table tbody,
  .landing-price-table tr,
  .landing-price-table td {
    display: block;
    width: 100%;
  }

  .landing-price-table tr {
    box-sizing: border-box;
    margin-bottom: 14px;
    padding: 14px 14px 10px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: var(--cks-radius-sm);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.035);
  }

  .landing-price-table tbody tr:nth-child(even) {
    background: #ffffff;
  }

  .landing-price-table td {
    padding: 0 0 10px;
    color: #333333;
    font-size: 14px;
    line-height: 1.4;
    border: 0;
  }

  .landing-price-table td:last-child {
    padding-bottom: 0;
  }

  .landing-price-table td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 4px;
    color: var(--cks-red);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }

  .landing-price-table tbody td:first-child {
    color: #111111;
    font-weight: 700;
  }

  .level-badge {
    display: inline-block;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 20px;
  }

  .level-badge.low {
    background: #f3f3f3;
  }
  .level-badge.medium {
    background: #fff4e5;
  }
  .level-badge.high {
    background: #fdeaea;
  }
  .level-badge.variable {
    background: #f1f1f1;
  }

  .cks-centro-left-extra-2026 {
    max-width: 100%;
    text-align: center;
  }

  .cks-centro-eyebrow-2026 {
    margin-bottom: 13px;
    font-size: 11px;
  }

  .cks-centro-title-2026 {
    display: block !important;
    margin-bottom: 15px !important;
    font-size: 37px !important;
    line-height: 1.06 !important;
    letter-spacing: -0.8px !important;
    text-align: center !important;
  }

  .cks-centro-title-line-2026 {
    width: 64px;
    margin: 0 auto 20px;
  }

  .cks-centro-intro-2026 {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.55;
    text-align: center;
  }

  .cks-centro-google-rating-2026 {
    margin: 12px 0 22px !important;
  }

  .cks-centro-google-rating-2026 .cks-brb-rating-stars svg,
  .cks-centro-google-rating-2026 .cks-brb-rating-stars img,
  .cks-brb-rating-stars svg,
  .cks-brb-rating-stars img {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
  }

  .cks-centro-google-rating-2026 .cks-brb-rating-stars,
  .cks-centro-google-rating-2026 .cks-brb-rating-stars *,
  .cks-brb-rating-stars,
  .cks-brb-rating-stars * {
    font-size: 28px !important;
  }

  .cks-centro-google-rating-2026 .cks-brb-rating-text,
  .cks-centro-google-rating-2026 .cks-brb-rating-text strong,
  .cks-centro-google-rating-2026 .cks-brb-rating-text span,
  .cks-brb-rating-text,
  .cks-brb-rating-text strong,
  .cks-brb-rating-text span {
    font-size: 14px !important;
  }

  .cks-centro-actions-2026,
  .cks-centro-card-actions-2026 {
    grid-template-columns: 1fr;
  }

  .cks-centro-actions-2026 {
    gap: 12px;
    max-width: 100%;
  }

  .cks-centro-btn-2026 {
    min-height: 64px;
    padding: 0 18px;
  }

  .cks-centro-btn-text-2026 {
    align-items: center;
  }

  .cks-centro-benefits-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    max-width: 100%;
    margin-bottom: 14px;
  }

  .cks-centro-benefit-2026 {
    justify-content: flex-start;
    font-size: 13px;
    text-align: left;
    white-space: normal;
  }

  .cks-centro-note-2026 {
    justify-content: center;
    margin-top: 14px;
    font-size: 13px;
    text-align: center;
  }

  .cks-centro-card-2026 {
    max-width: 100%;
    margin-top: 34px;
  }

  .cks-centro-card-image-2026 img {
    height: 225px;
  }

  .cks-centro-card-body-2026 {
    padding: 22px 20px 24px;
  }

  .cks-centro-card-body-2026 h2 {
    font-size: 21px;
  }

  .cks-centro-card-line-2026 {
    font-size: 14px;
  }

  .cks-centro-card-phone-link-2026,
  .cks-centro-card-phone-link-2026:visited,
  .cks-centro-card-phone-link-2026:hover,
  .cks-centro-card-phone-link-2026:focus {
    font-size: 27px !important;
  }

  .cks-centro-card-btn-2026 {
    min-height: 52px;
  }

  .cks-centro-servicios-2026 {
    padding: 52px 18px 58px;
  }

  .cks-centro-servicios-head-2026 {
    max-width: 360px;
    margin-bottom: 28px;
  }

  .cks-centro-servicios-eyebrow-2026 {
    margin-bottom: 12px;
    font-size: 13px;
  }

  .cks-centro-servicios-head-2026 h2 {
    font-size: clamp(28px, 8vw, 34px);
    line-height: 1.12;
  }

  .cks-centro-servicios-head-2026 h2::after {
    width: 76px;
    margin-top: 18px;
  }

  .cks-centro-servicios-head-2026 p {
    max-width: 330px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.55;
  }

  .cks-centro-servicios-grid-2026,
  .cks-confianza-grid-2026,
  .cks-whatsapp-local-grid-2026,
  .cks-servicios-links-grid-2026,
  .cks-zonas-compact-grid-2026 {
    grid-template-columns: 1fr;
  }

  .cks-centro-servicios-grid-2026 {
    gap: 16px;
  }

  .cks-centro-servicio-card-2026 {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 24px 20px 26px;
    text-align: left;
    border-radius: 13px;
  }

  .cks-centro-servicio-card-2026::before {
    top: 24px;
    height: 48px;
  }

  .cks-centro-servicio-card-2026:hover {
    transform: none;
  }

  .cks-centro-servicio-card-2026:hover::before {
    height: 48px;
  }

  .cks-centro-servicio-icon-2026 {
    order: -1;
    justify-content: center;
    margin-bottom: 18px;
  }

  .cks-centro-servicio-icon-2026 img {
    max-width: 126px;
    max-height: 112px;
  }

  .cks-centro-servicio-content-2026 h3 {
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 1.16;
  }

  .cks-centro-servicio-content-2026 h3::after,
  .cks-centro-servicio-card-2026:hover h3::after {
    width: 52px;
    margin-top: 12px;
  }

  .cks-centro-servicio-content-2026 p {
    font-size: 15px;
    line-height: 1.5;
  }

  .cks-centro-proceso-2026 {
    padding: 44px 18px;
  }

  .cks-centro-proceso-head-2026 {
    max-width: 340px;
    margin-bottom: 26px;
  }

  .cks-centro-proceso-eyebrow-2026 {
    margin-bottom: 9px;
    font-size: 12px;
  }

  .cks-centro-proceso-head-2026 h2 {
    font-size: clamp(26px, 7.6vw, 32px);
    line-height: 1.13;
  }

  .cks-centro-proceso-head-2026 h2::after {
    width: 70px;
    margin-top: 15px;
  }

  .cks-centro-proceso-head-2026 p {
    max-width: 315px;
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.48;
  }

  .cks-centro-proceso-track-2026 {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px;
    border-radius: 15px;
  }

  .cks-centro-proceso-step-2026 {
    grid-template-columns: 32px 38px minmax(0, 1fr);
    gap: 11px;
    min-height: auto;
    padding: 16px 15px;
  }

  .cks-centro-proceso-step-2026:hover,
  .cks-confianza-card-2026:hover {
    transform: none;
  }

  .cks-centro-proceso-number-2026 {
    width: 29px;
    height: 29px;
    font-size: 13px;
  }

  .cks-centro-proceso-icon-2026 {
    width: 38px;
    min-width: 38px;
    height: 38px;
  }

  .cks-centro-proceso-icon-2026 svg {
    width: 30px;
    height: 30px;
  }

  .cks-centro-proceso-icon-2026 i {
    font-size: 25px;
  }
  .cks-centro-proceso-icon-2026 .fa-comments-o {
    font-size: 26px;
  }
  .cks-centro-proceso-icon-2026 .fa-key {
    font-size: 27px;
  }

  .cks-centro-proceso-content-2026 h3 {
    font-size: 16px;
    line-height: 1.2;
  }

  .cks-centro-proceso-content-2026 p {
    font-size: 14px;
    line-height: 1.42;
  }

  .cks-centro-text-head-2026,
  .cks-centro-ahorro-head-2026 {
    margin-bottom: 18px;
  }

  .cks-centro-text-title-2026,
  .cks-centro-ahorro-title-2026 {
    font-size: 25px;
    line-height: 1.22;
  }

  .cks-centro-text-line-2026,
  .cks-centro-ahorro-line-2026 {
    width: 54px;
    margin-top: 12px;
  }

  .cks-confianza-2026 {
    padding: 54px 18px 58px;
  }

  .cks-confianza-inner-2026 {
    max-width: 420px;
  }

  .cks-confianza-head-2026 {
    margin-bottom: 30px;
  }

  .cks-confianza-eyebrow-2026 {
    margin-bottom: 9px;
    font-size: 12px;
  }

  .cks-confianza-head-2026 h2 {
    font-size: 30px;
    line-height: 1.13;
  }

  .cks-confianza-line-2026 {
    width: 58px;
    margin: 18px auto 16px;
  }

  .cks-confianza-head-2026 p {
    max-width: 360px;
    font-size: 16.5px;
    line-height: 1.48;
  }

  .cks-confianza-grid-2026 {
    justify-items: center;
    gap: 18px;
    max-width: 360px;
    margin: 0 auto;
  }

  .cks-confianza-card-2026 {
    width: 100%;
    max-width: 340px;
    min-height: auto;
    padding: 26px 22px 28px;
    border-radius: 14px;
  }

  .cks-confianza-icon-2026 {
    width: 68px;
    height: 68px;
    margin-bottom: 20px;
  }

  .cks-confianza-icon-2026 svg {
    width: 32px;
    height: 32px;
  }

  .cks-confianza-icon-2026 i {
    font-size: 28px;
  }
  .cks-confianza-icon-2026 .fa-key {
    font-size: 27px;
  }
  .cks-confianza-icon-2026 .fa-shield,
  .cks-confianza-icon-2026 .fa-clock-o {
    font-size: 29px;
  }
  .cks-confianza-icon-2026 .fa-certificate {
    font-size: 28px;
  }

  .cks-confianza-card-2026 h3 {
    font-size: 23px;
  }

  .cks-confianza-card-line-2026 {
    width: 42px;
    margin: 13px auto 16px;
  }

  .cks-confianza-card-2026 p {
    font-size: 16px;
  }

  .cks-whatsapp-local-2026 {
    padding: 54px 18px 60px;
  }

  .cks-whatsapp-local-head-2026 {
    margin-bottom: 28px;
  }

  .cks-whatsapp-local-head-2026 h2 {
    font-size: 30px;
    line-height: 1.14;
  }

  .cks-whatsapp-local-head-2026 p {
    font-size: 16px;
    line-height: 1.5;
  }

  .cks-whatsapp-local-grid-2026 {
    gap: 22px;
    margin-top: 28px;
  }

  .cks-whatsapp-card-2026 {
    padding: 28px 24px 26px;
  }

  .cks-whatsapp-card-head-2026 {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 16px;
    padding-bottom: 22px;
    margin-bottom: 22px;
  }

  .cks-whatsapp-main-icon-2026 {
    width: 48px;
    height: 48px;
  }

  .cks-whatsapp-main-icon-2026 i {
    font-size: 48px;
  }

  .cks-whatsapp-card-head-2026 h3 {
    font-size: 21px;
  }

  .cks-whatsapp-benefit-2026 {
    grid-template-columns: 40px 1fr;
    gap: 14px;
  }

  .cks-whatsapp-benefit-icon-2026 {
    width: 40px;
    height: 40px;
  }

  .cks-whatsapp-btn-2026 {
    min-height: 56px;
    font-size: 16px;
  }

  .cks-map-frame-2026,
  .cks-map-frame-2026 iframe {
    height: 270px !important;
    min-height: 270px;
  }

  .cks-map-info-2026 {
    grid-template-columns: 34px 1fr;
    gap: 12px;
    padding: 22px 20px 24px;
  }

  .cks-map-pin-2026 {
    width: 34px;
    height: 34px;
  }

  .cks-map-pin-2026 i {
    font-size: 34px;
  }

  .cks-map-info-2026 h3 {
    font-size: 18px;
  }

  .cks-reviews-block-2026 {
    margin-top: 24px;
    padding: 36px 18px 34px;
    border-radius: 16px;
  }

  .cks-reviews-block-2026 h2 {
    font-size: 28px;
  }

  .cks-reviews-plugin-single-2026 .cks-review-text-plugin-2026 {
    font-size: 14.5px !important;
    -webkit-line-clamp: 5;
  }

  .cks-servicios-links-2026 {
    padding: 40px 18px 42px;
  }

  .cks-servicios-links-2026 h2 {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 1.25;
  }

  .cks-servicios-links-grid-2026 {
    gap: 18px;
  }

  .cks-servicios-link-item-2026 {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
  }

  .cks-servicios-link-icon-2026 {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }

  .cks-servicios-link-icon-2026 i {
    font-size: 18px;
  }

  .cks-servicios-link-icon-2026 .fa-mobile {
    font-size: 22px;
  }

  .cks-servicios-link-item-2026 a,
  .cks-servicios-link-text-2026 {
    font-size: 16px;
  }

  .cks-zonas-compact-2026 {
    padding: 36px 18px 38px;
  }

  .cks-zonas-compact-head-2026 {
    margin-bottom: 26px;
  }

  .cks-zonas-compact-head-2026 h2 {
    font-size: 24px;
    line-height: 1.22;
  }

  .cks-zonas-compact-head-2026 p {
    font-size: 15px;
    line-height: 1.5;
  }

  .cks-zonas-compact-grid-2026 {
    gap: 14px;
  }

  .cks-zonas-compact-card-2026 {
    grid-template-columns: 30px 1fr !important;
    gap: 14px !important;
    min-height: auto;
    padding: 17px 18px;
    border-radius: 13px;
  }

  .cks-zonas-compact-icon-2026 {
    width: 30px !important;
    min-width: 30px !important;
  }

  .cks-zonas-compact-icon-2026 i {
    font-size: 28px !important;
  }

  .cks-zonas-compact-content-2026 h3 {
    margin-bottom: 5px;
    font-size: 17px;
  }

  .cks-zonas-compact-content-2026 p {
    font-size: 14.5px;
    line-height: 1.45;
  }

  .cks-footer-custom-2026 {
    padding: 36px 22px 26px;
  }

  .cks-footer-top-2026 {
    gap: 22px;
    padding-bottom: 28px;
  }

  .cks-footer-logo-2026 img {
    width: 176px;
  }

  .cks-footer-claim-phone-2026 {
    width: 100%;
    min-width: 0;
    gap: 10px;
  }

  .cks-footer-claim-2026 {
    font-size: 20px;
  }

  .cks-footer-phone-2026 {
    font-size: 34px;
  }

  .cks-footer-social-2026 {
    flex-direction: column;
    gap: 12px;
  }

  .cks-footer-social-label-2026 {
    font-size: 16px;
  }

  .cks-footer-social-links-2026 a {
    width: 40px;
    height: 40px;
  }

  .cks-footer-nav-desktop-2026 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .cks-footer-nav-mobile-2026 {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    padding: 24px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }

  .cks-footer-accordion-2026 {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  .cks-footer-accordion-2026:first-child {
    border-top: 0;
  }

  .cks-footer-accordion-2026 summary {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 56px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
    list-style: none;
    cursor: pointer;
  }

  .cks-footer-accordion-2026 summary::-webkit-details-marker {
    display: none;
  }

  .cks-footer-accordion-2026 summary::after {
    content: "⌄";
    color: #ffffff;
    font-size: 22px;
    line-height: 1;
    transition: transform 0.22s ease;
  }

  .cks-footer-accordion-2026[open] summary::after {
    transform: rotate(180deg);
  }

  .cks-footer-accordion-2026 ul {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0 0 16px;
    list-style: none;
  }

  .cks-footer-accordion-2026 li {
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .cks-footer-accordion-2026 li:first-child {
    border-top: 0;
  }

  .cks-footer-accordion-2026 a,
  .cks-footer-accordion-2026 a:visited {
    position: relative;
    display: block;
    padding: 11px 0 11px 15px;
    color: rgba(255, 255, 255, 0.68) !important;
    font-size: 15px;
    line-height: 1.35;
    text-decoration: none !important;
  }

  .cks-footer-accordion-2026 a::before {
    content: "›";
    position: absolute;
    top: 11px;
    left: 0;
    color: var(--cks-red);
    font-weight: 900;
  }

  .cks-footer-bottom-2026 {
    flex-direction: column;
    gap: 14px;
    padding-top: 22px;
    text-align: center;
  }

  .cks-footer-legal-2026 {
    justify-content: center;
    gap: 8px 14px;
  }
}

@media (max-width: 420px) {
  .cks-service-grid {
    width: calc(100% - 24px) !important;
    padding: 18px 10px !important;
  }

  .cks-service-card > .vc_column-inner {
    padding: 28px 18px 26px !important;
  }

  .cks-centro-servicios-2026,
  .cks-centro-proceso-2026,
  .cks-whatsapp-local-2026 {
    padding-right: 14px;
    padding-left: 14px;
  }

  .cks-centro-servicios-head-2026,
  .cks-centro-proceso-head-2026 {
    max-width: 315px;
  }

  .cks-centro-servicios-head-2026 h2,
  .cks-whatsapp-local-head-2026 h2,
  .cks-confianza-head-2026 h2 {
    font-size: 28px;
  }

  .cks-centro-servicios-head-2026 p,
  .cks-centro-proceso-content-2026 p,
  .cks-whatsapp-benefit-2026 p,
  .cks-reviews-plugin-single-2026 .cks-review-text-plugin-2026,
  .cks-confianza-head-2026 p {
    font-size: 14.5px;
  }

  .cks-centro-servicio-card-2026 {
    padding: 23px 18px 25px;
  }

  .cks-centro-servicio-icon-2026 {
    margin-bottom: 16px;
  }

  .cks-centro-servicio-icon-2026 img {
    max-width: 118px;
    max-height: 106px;
  }

  .cks-centro-servicio-content-2026 h3 {
    font-size: 20px;
  }

  .cks-centro-proceso-head-2026 h2 {
    font-size: 27px;
  }

  .cks-centro-proceso-track-2026 {
    padding: 12px;
  }

  .cks-centro-proceso-step-2026 {
    padding: 15px 14px;
  }

  .cks-centro-proceso-content-2026 h3 {
    font-size: 15.5px;
  }

  .cks-confianza-2026,
  .cks-footer-custom-2026 {
    padding-right: 16px;
    padding-left: 16px;
  }

  .cks-confianza-card-2026 {
    max-width: 100%;
  }

  .cks-whatsapp-card-2026 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .cks-whatsapp-benefit-2026 strong {
    font-size: 15.5px;
  }

  .cks-footer-phone-2026 {
    font-size: 32px;
  }
}

/* =========================================================
   16. Responsive específico FAQ y centros
   ========================================================= */

@media (max-width: 767px) {
  .cks-faq-head-2026 {
    margin: 38px auto 24px;
    padding: 0 18px;
  }

  .cks-faq-head-2026 h2 {
    font-size: 25px;
  }

  .cks-faq-head-2026 p {
    font-size: 15.5px;
  }

  .cks-faq-list-2026 {
    width: 100% !important;
    margin-bottom: 42px !important;
    padding: 0 18px !important;
  }

  .cks-faq-list-2026.vc_row,
  .cks-faq-list-2026 .vc_row {
    display: block !important;
  }

  .cks-faq-list-2026 > .wpb_column,
  .cks-faq-list-2026 .vc_row > .wpb_column {
    width: 100% !important;
  }

  .cks-faq-list-2026 .vc_toggle {
    margin-bottom: 18px !important;
  }

  .cks-faq-list-2026 .vc_toggle_title {
    min-height: 32px;
    padding-right: 30px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  .cks-faq-list-2026 .vc_toggle_title::after {
    font-size: 21px;
  }

  .cks-faq-list-2026 .vc_toggle_content {
    padding-right: 30px !important;
  }

  .cks-faq-list-2026 .vc_toggle_content,
  .cks-faq-list-2026 .vc_toggle_content p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .cks-footer-centros-2026 {
    padding: 36px 20px 42px;
  }

  .cks-footer-centros-inner-2026 {
    max-width: 360px;
  }

  .cks-footer-centros-title-2026 {
    margin-bottom: 28px;
    font-size: 22px;
  }

  .cks-footer-centros-grid-2026 {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .cks-footer-centro-item-2026 {
    width: 100%;
    min-height: 50px;
    gap: 12px;
    font-size: 27px;
    line-height: 1.15;
  }

  .cks-footer-centro-item-2026:not(:last-child) {
    border-right: 0;
  }

  .cks-footer-centro-icon-2026 i {
    font-size: 26px;
  }
}
/* =========================================================
   17. Página /marcas/ - Grid SVG de marcas
   ========================================================= */

.cks-marcas-2026 {
  --cks-red: #c5020e;
  --cks-red-dark: #a9000c;
  --cks-red-hover: #a9000c;
  --cks-red-shadow: rgba(197, 2, 14, 0.24);
  --cks-red-glow: rgba(197, 2, 14, 0.14);
  --cks-red-card-glow: rgba(197, 2, 14, 0.07);
  --cks-red-card-border: rgba(197, 2, 14, 0.72);

  --cks-black: #151515;
  --cks-dark: #222222;
  --cks-panel-dark: #222222;
  --cks-panel-dark-deep: #151515;
  --cks-muted: #666666;
  --cks-soft: #f6f6f6;
  --cks-border: #eeeeee;

  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 36px 18px 70px;
  color: var(--cks-black);
}

.cks-marcas-2026 *,
.cks-marcas-2026 *::before,
.cks-marcas-2026 *::after {
  box-sizing: border-box;
}

.cks-marcas-hero-2026 {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  padding: 54px 42px;
  background:
    radial-gradient(circle at top right, var(--cks-red-glow), transparent 34%),
    linear-gradient(
      135deg,
      var(--cks-panel-dark) 0%,
      var(--cks-panel-dark-deep) 100%
    );
  color: #ffffff;
  text-align: center;
}

.cks-marcas-eyebrow-2026,
.cks-marcas-section-kicker-2026,
.cks-marcas-cta-kicker-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  color: var(--cks-red);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.cks-marcas-hero-2026 h1 {
  margin: 0 auto 18px;
  max-width: 850px;
  color: #ffffff;
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 950;
  line-height: 1.04;
  letter-spacing: -0.04em;
}

.cks-marcas-hero-2026 p {
  max-width: 820px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.82);
  font-size: 18px;
  line-height: 1.65;
}

.cks-marcas-hero-actions-2026 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
}

.cks-marcas-hero-btn-2026,
.cks-marcas-cta-btn-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 22px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease,
    color 0.22s ease,
    border-color 0.22s ease;
}

.cks-marcas-hero-btn-main-2026,
.cks-marcas-cta-btn-main-2026 {
  background: var(--cks-red);
  color: #ffffff !important;
  border: 1px solid var(--cks-red);
  box-shadow: 0 14px 30px var(--cks-red-shadow);
}

.cks-marcas-hero-btn-main-2026:hover,
.cks-marcas-cta-btn-main-2026:hover {
  background: var(--cks-red-hover);
  border-color: var(--cks-red-hover);
}

.cks-marcas-hero-btn-light-2026 {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.cks-marcas-hero-btn-light-2026:hover {
  background: rgba(255, 255, 255, 0.13);
  border-color: rgba(255, 255, 255, 0.34);
}

.cks-marcas-hero-btn-2026:hover,
.cks-marcas-cta-btn-2026:hover {
  transform: translateY(-2px);
}

.cks-marcas-section-2026 {
  padding-top: 62px;
}

.cks-marcas-section-head-2026 {
  max-width: 780px;
  margin: 0 auto 28px;
  text-align: center;
}

.cks-marcas-section-head-2026 h2 {
  margin: 0 0 10px;
  color: var(--cks-black);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 950;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.cks-marcas-section-head-2026 p {
  margin: 0;
  color: var(--cks-muted);
  font-size: 17px;
  line-height: 1.6;
}

.cks-marcas-grid-2026 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.cks-marcas-grid-moto-2026 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 780px;
  margin: 0 auto;
}

.cks-marca-card-2026 {
  --cks-card-hover-shadow: 0 18px 40px rgba(0, 0, 0, 0.09);
  --cks-card-hover-border: var(--cks-red-card-border);
  --cks-card-hover-overlay: linear-gradient(
    135deg,
    var(--cks-red-card-glow),
    transparent 52%
  );

  position: relative;
  min-height: 154px;
  padding: 25px 16px 22px;
  border: 1px solid var(--cks-border);
  border-radius: 18px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 17px;
  text-align: center;
  text-decoration: none !important;
  color: var(--cks-dark);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.025);
}

.cks-marca-icon-2026 {
  position: relative;
  z-index: 1;
  width: 104px;
  height: 62px;
  display: block;
  background-color: #222222;

  -webkit-mask-image: var(--brand-icon);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-image: var(--brand-icon);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;

  transition:
    background-color 0.22s ease,
    transform 0.22s ease;
}

.cks-marca-card-2026:hover .cks-marca-icon-2026 {
  background-color: var(--cks-red);
  transform: scale(1.04);
}

.cks-marca-icon-wide-2026 {
  width: 124px;
  height: 58px;
}

.cks-marca-icon-square-2026 {
  width: 82px;
  height: 82px;
}

.cks-marca-name-2026 {
  position: relative;
  z-index: 1;
  display: block;
  color: var(--cks-black);
  font-size: 13px;
  font-weight: 950;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.045em;
  transition: color 0.22s ease;
}

.cks-marca-card-2026:hover .cks-marca-name-2026 {
  color: var(--cks-red);
}

.cks-marcas-cta-2026 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 26px;
  align-items: center;
  margin-top: 64px;
  padding: 38px;
  border-radius: 5px;
  background:
    radial-gradient(circle at top left, var(--cks-red-glow), transparent 36%),
    linear-gradient(
      135deg,
      var(--cks-panel-dark) 0%,
      var(--cks-panel-dark-deep) 100%
    );
  color: #ffffff;
}

.cks-marcas-cta-2026 h2 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 950;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.cks-marcas-cta-2026 p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.65;
}

.cks-marcas-cta-actions-2026 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
  min-width: 190px;
}

.cks-marcas-cta-btn-light-2026 {
  background: transparent;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.cks-marcas-cta-btn-light-2026:hover {
  border-color: #ffffff;
}

.cks-marcas-legal-2026 {
  max-width: 920px;
  margin: 24px auto 0;
  color: #777777;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}
/* Responsive */

@media (max-width: 1100px) {
  .cks-marcas-grid-2026 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .cks-marcas-grid-moto-2026 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .cks-marcas-hero-2026 {
    padding: 44px 26px;
  }

  .cks-marcas-grid-2026,
  .cks-marcas-grid-moto-2026 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cks-marcas-cta-2026 {
    grid-template-columns: 1fr;
    padding: 32px 26px;
    text-align: center;
  }

  .cks-marcas-cta-actions-2026 {
    justify-content: center;
  }
}

@media (max-width: 640px) {
  .cks-marcas-2026 {
    padding: 24px 14px 54px;
  }

  .cks-marcas-hero-2026 {
    border-radius: 5px;
    padding: 38px 20px;
  }

  .cks-marcas-hero-2026 p {
    font-size: 16px;
  }

  .cks-marcas-hero-actions-2026 {
    flex-direction: column;
  }

  .cks-marcas-hero-btn-2026,
  .cks-marcas-cta-btn-2026 {
    width: 100%;
  }

  .cks-marcas-grid-2026,
  .cks-marcas-grid-moto-2026 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .cks-marca-card-2026 {
    min-height: 132px;
    padding: 22px 12px 18px;
    border-radius: 15px;
    gap: 13px;
  }

  .cks-marca-card-2026::after {
    border-radius: 15px;
  }

  .cks-marca-icon-2026 {
    width: 86px;
    height: 52px;
  }

  .cks-marca-icon-wide-2026 {
    width: 102px;
    height: 48px;
  }

  .cks-marca-icon-square-2026 {
    width: 66px;
    height: 66px;
  }

  .cks-marca-name-2026 {
    font-size: 11px;
    letter-spacing: 0.035em;
  }
}
/* =========================================================
   18. Header - Menú superior CKS 2026
   ========================================================= */

/* Logos de marcas */
.cks-menu-brand > a {
  display: grid !important;
  grid-template-columns: 32px 1fr !important;
  align-items: center !important;
  column-gap: 10px !important;
}

.cks-menu-brand > a::before {
  content: "";
  display: inline-block;
  width: 32px !important;
  height: 24px !important;
  justify-self: center !important;
  background-color: #a8a8a8;
  -webkit-mask-image: var(--brand-icon);
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: var(--cks-menu-brand-mask-size, 22px 22px) !important;
  mask-image: var(--brand-icon);
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: var(--cks-menu-brand-mask-size, 22px 22px) !important;
  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

.cks-menu-brand:hover > a::before,
.cks-menu-brand.current-menu-item > a::before,
.cks-menu-brand.current-menu-ancestor > a::before {
  background-color: var(--cks-red, #c5020e);
  transform: scale(1.08);
}

.cks-menu-brand-audi {
  --brand-icon: url("../../uploads/cks-brand-icons/audi.svg");
  --cks-menu-brand-mask-size: 28px auto;
}
.cks-menu-brand-ford {
  --brand-icon: url("../../uploads/cks-brand-icons/ford.svg");
  --cks-menu-brand-mask-size: 28px auto;
}
.cks-menu-brand-mini {
  --brand-icon: url("../../uploads/cks-brand-icons/mini.svg");
  --cks-menu-brand-mask-size: 28px auto;
}
.cks-menu-brand-porsche {
  --brand-icon: url("../../uploads/cks-brand-icons/porsche.svg");
  --cks-menu-brand-mask-size: 28px auto;
}
.cks-menu-brand-citroen {
  --brand-icon: url("../../uploads/cks-brand-icons/citroen.svg");
  --cks-menu-brand-mask-size: 26px auto;
}
.cks-menu-brand-bmw {
  --brand-icon: url("../../uploads/cks-brand-icons/bmw.svg");
}
.cks-menu-brand-fiat {
  --brand-icon: url("../../uploads/cks-brand-icons/fiat.svg");
}
.cks-menu-brand-mercedes {
  --brand-icon: url("../../uploads/cks-brand-icons/mercedes.svg");
}
.cks-menu-brand-nissan {
  --brand-icon: url("../../uploads/cks-brand-icons/nissan.svg");
}
.cks-menu-brand-opel {
  --brand-icon: url("../../uploads/cks-brand-icons/opel.svg");
}
.cks-menu-brand-peugeot {
  --brand-icon: url("../../uploads/cks-brand-icons/peugeot.svg");
}
.cks-menu-brand-renault {
  --brand-icon: url("../../uploads/cks-brand-icons/renault.svg");
}
.cks-menu-brand-seat {
  --brand-icon: url("../../uploads/cks-brand-icons/seat.svg");
}
.cks-menu-brand-toyota {
  --brand-icon: url("../../uploads/cks-brand-icons/toyota.svg");
}
.cks-menu-brand-volkswagen {
  --brand-icon: url("../../uploads/cks-brand-icons/volkswagen.svg");
}

/* Escritorio */
@media (min-width: 1071px) {
  /* Activo / hover menú principal */
  #main-nav > li.cks-menu-modern-2026:hover > a > span,
  #main-nav > li.cks-menu-modern-2026:hover > a > i,
  #main-nav > li.cks-menu-modern-2026.current-menu-item > a > span,
  #main-nav > li.cks-menu-modern-2026.current-menu-ancestor > a > span {
    color: #ffffff !important;
  }

  /* Desplegables comunes */
  #main-nav > li.cks-menu-modern-2026 > .sub-nav {
    padding: 10px !important;
    background: #252525 !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.26) !important;
  }

  #main-nav > li.cks-menu-modern-2026 > .sub-nav > ul {
    margin: 0 !important;
    padding: 0 !important;
  }

  #main-nav
    > li.cks-menu-modern-2026
    .sub-nav
    li:not(.cks-menu-action-2026)
    > a {
    min-height: 42px !important;
    padding: 11px 14px !important;
    color: rgba(255, 255, 255, 0.58) !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    transition:
      background-color 0.2s ease,
      color 0.2s ease;
  }

  #main-nav
    > li.cks-menu-modern-2026
    .sub-nav
    li:not(.cks-menu-action-2026):hover
    > a,
  #main-nav
    > li.cks-menu-modern-2026
    .sub-nav
    li:not(.cks-menu-action-2026).current-menu-item
    > a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.06) !important;
  }

  #main-nav
    > li.cks-menu-modern-2026
    .sub-nav
    li:not(.cks-menu-action-2026):last-child
    > a {
    border-bottom: 0 !important;
  }

  #main-nav > li.cks-menu-modern-2026 .sub-nav li > a span {
    color: inherit !important;
  }

  /* Centros */
  #main-nav .cks-menu-location-2026 > a {
    display: grid !important;
    grid-template-columns: 24px 1fr !important;
    align-items: center !important;
    column-gap: 10px !important;
  }

  #main-nav .cks-menu-location-2026 > a > i,
  #main-nav .cks-menu-location-2026 > a > .fa {
    display: none !important;
  }

  #main-nav .cks-menu-location-2026 > a::before {
    content: "\f041";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    color: #a8a8a8;
    font-family: FontAwesome;
    font-size: 19px;
    line-height: 1;
    transition:
      color 0.2s ease,
      transform 0.2s ease;
  }

  #main-nav .cks-menu-location-2026:hover > a::before,
  #main-nav .cks-menu-location-2026.current-menu-item > a::before {
    color: var(--cks-red, #c5020e) !important;
    transform: scale(1.08);
  }

  /* Contacto */
  #main-nav > li.cks-menu-contacto-2026 > .sub-nav {
    min-width: 270px !important;
  }

  #main-nav .sub-nav li.cks-menu-action-2026 > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 72px !important;
    margin: 0 0 8px !important;
    padding: 14px 16px !important;
    border: 2px solid transparent !important;
    border-radius: 5px !important;
    background-image: none !important;
    text-decoration: none !important;
    transition:
      transform 0.2s ease,
      background-color 0.2s ease,
      box-shadow 0.2s ease !important;
  }

  #main-nav .sub-nav li.cks-menu-action-2026:last-child > a {
    margin-bottom: 0 !important;
  }

  #main-nav .sub-nav li.cks-menu-action-2026 > a:hover,
  #main-nav .sub-nav li.cks-menu-action-2026 > a:focus {
    transform: translateY(-1px);
  }

  #main-nav .cks-menu-action-top-2026 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 6px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
  }

  #main-nav .cks-menu-action-big-2026 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
  }

  #main-nav .cks-menu-action-top-2026 i {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  #main-nav .cks-menu-action-big-2026 i {
    font-size: 21px !important;
    line-height: 1 !important;
  }

  #main-nav .cks-menu-action-red-2026 > a {
    color: #ffffff !important;
    background: var(--cks-red, #c5020e) !important;
    border-color: var(--cks-red, #c5020e) !important;
    box-shadow: 0 12px 24px rgba(197, 2, 14, 0.22) !important;
  }

  #main-nav .cks-menu-action-red-2026 > a:hover,
  #main-nav .cks-menu-action-red-2026 > a:focus {
    background: var(--cks-red-hover, #a9000c) !important;
    border-color: var(--cks-red-hover, #a9000c) !important;
    box-shadow: 0 16px 30px rgba(197, 2, 14, 0.3) !important;
  }

  #main-nav .cks-menu-action-whatsapp-2026 > a {
    color: #ffffff !important;
    background: var(--cks-whatsapp, #00bb2d) !important;
    border-color: var(--cks-whatsapp, #00bb2d) !important;
    box-shadow: 0 12px 24px rgba(22, 184, 78, 0.22) !important;
  }

  #main-nav .cks-menu-action-whatsapp-2026 > a:hover,
  #main-nav .cks-menu-action-whatsapp-2026 > a:focus {
    background: var(--cks-whatsapp-hover, #009f26) !important;
    border-color: var(--cks-whatsapp-hover, #009f26) !important;
    box-shadow: 0 16px 30px rgba(22, 184, 78, 0.3) !important;
  }

  #main-nav .cks-menu-action-call-2026 > a,
  #main-nav .cks-menu-action-call-2026 > a:hover,
  #main-nav .cks-menu-action-call-2026 > a:focus {
    color: #111111 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(255, 255, 255, 0.14) !important;
  }

  #main-nav .cks-menu-action-red-2026 > a *,
  #main-nav .cks-menu-action-whatsapp-2026 > a * {
    color: #ffffff !important;
  }

  #main-nav .cks-menu-action-call-2026 > a *,
  #main-nav .cks-menu-action-call-2026 > a:hover *,
  #main-nav .cks-menu-action-call-2026 > a:focus * {
    color: #111111 !important;
  }

  #main-nav .cks-menu-action-call-2026 .cks-menu-action-top-2026 {
    color: #555555 !important;
  }

  /* Botón fijo llamada */
  #main-nav > li.cks-menu-callout-fixed-2026 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 18px !important;
    vertical-align: middle !important;
  }

  #main-nav > li.cks-menu-callout-fixed-2026 > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 68px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 11px 19px !important;
    color: #111111 !important;
    line-height: 1 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow:
      0 3px 0 rgba(197, 2, 14, 0.24),
      0 14px 28px rgba(0, 0, 0, 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    text-decoration: none !important;
    transform: translateY(0);
    transition:
      transform 0.18s ease,
      box-shadow 0.18s ease,
      background-color 0.18s ease !important;
  }

  #main-nav > li.cks-menu-callout-fixed-2026 > a:hover,
  #main-nav > li.cks-menu-callout-fixed-2026 > a:focus {
    color: #111111 !important;
    background: #ffffff !important;
    box-shadow:
      0 4px 0 rgba(197, 2, 14, 0.3),
      0 18px 34px rgba(0, 0, 0, 0.26),
      inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    transform: translateY(-1px);
  }

  #main-nav .cks-menu-callout-inner-2026 {
    display: grid !important;
    grid-template-columns: 32px 1fr !important;
    align-items: center !important;
    column-gap: 11px !important;
  }

  #main-nav .cks-menu-callout-icon-2026,
  #main-nav .cks-menu-callout-copy-2026 {
    display: flex !important;
    align-items: center !important;
  }

  #main-nav .cks-menu-callout-icon-2026 {
    justify-content: center !important;
  }

  #main-nav .cks-menu-callout-icon-2026 i {
    color: var(--cks-red, #c5020e) !important;
    font-size: 27px !important;
    line-height: 1 !important;
    filter: drop-shadow(0 1px 1px rgba(197, 2, 14, 0.16));
  }

  #main-nav .cks-menu-callout-copy-2026 {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }

  #main-nav .cks-menu-callout-phone-2026 {
    display: block !important;
    color: var(--cks-red, #c5020e) !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-shadow: none !important;
  }

  #main-nav .cks-menu-callout-top-2026 {
    display: block !important;
    margin-top: 5px !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
  }
}
/* Móvil */
@media (max-width: 1070px) {
  /* Items móvil */
  .dl-menuwrapper
    li:not(.cks-menu-action-2026):not(.cks-menu-callout-fixed-2026):not(
      .cks-menu-brand
    ):not(.dl-back):not(.dl-subview):not(.dl-subviewopen)
    > a,
  .dt-mobile-menu
    li:not(.cks-menu-action-2026):not(.cks-menu-callout-fixed-2026):not(
      .cks-menu-brand
    ):not(.dl-back):not(.dl-subview):not(.dl-subviewopen)
    > a,
  .mobile-main-nav
    li:not(.cks-menu-action-2026):not(.cks-menu-callout-fixed-2026):not(
      .cks-menu-brand
    ):not(.dl-back):not(.dl-subview):not(.dl-subviewopen)
    > a {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    line-height: 1.25 !important;
  }

  /* Separadores */
  .dl-menuwrapper
    li:not(.cks-menu-action-2026):not(.cks-menu-callout-fixed-2026):not(
      .cks-menu-brand
    ):not(.dl-back):not(.dl-subview):not(.dl-subviewopen),
  .dt-mobile-menu
    li:not(.cks-menu-action-2026):not(.cks-menu-callout-fixed-2026):not(
      .cks-menu-brand
    ):not(.dl-back):not(.dl-subview):not(.dl-subviewopen),
  .mobile-main-nav
    li:not(.cks-menu-action-2026):not(.cks-menu-callout-fixed-2026):not(
      .cks-menu-brand
    ):not(.dl-back):not(.dl-subview):not(.dl-subviewopen) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.055) !important;
  }

  /* Iconos */
  .dl-menuwrapper li > a > i,
  .dt-mobile-menu li > a > i,
  .mobile-main-nav li > a > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 20px !important;
    margin-right: 8px !important;
    line-height: 1 !important;
  }

  /* Marcas */
  .dl-menuwrapper li.cks-menu-brand > a,
  .dt-mobile-menu li.cks-menu-brand > a,
  .mobile-main-nav li.cks-menu-brand > a {
    min-height: initial !important;
  }

  /* Contacto */
  .dl-menuwrapper li.cks-menu-action-2026 > a,
  .dt-mobile-menu li.cks-menu-action-2026 > a,
  .mobile-main-nav li.cks-menu-action-2026 > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 66px !important;
    margin: 8px 10px !important;
    padding: 13px 16px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    line-height: 1.15 !important;
  }

  .dl-menuwrapper .cks-menu-action-top-2026,
  .dt-mobile-menu .cks-menu-action-top-2026,
  .mobile-main-nav .cks-menu-action-top-2026 {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-bottom: 5px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
  }

  .dl-menuwrapper .cks-menu-action-big-2026,
  .dt-mobile-menu .cks-menu-action-big-2026,
  .mobile-main-nav .cks-menu-action-big-2026 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
  }

  .dl-menuwrapper .cks-menu-action-big-2026 i,
  .dt-mobile-menu .cks-menu-action-big-2026 i,
  .mobile-main-nav .cks-menu-action-big-2026 i {
    font-size: 21px !important;
    line-height: 1 !important;
  }

  .dl-menuwrapper li.cks-menu-action-red-2026 > a,
  .dt-mobile-menu li.cks-menu-action-red-2026 > a,
  .mobile-main-nav li.cks-menu-action-red-2026 > a {
    color: #ffffff !important;
    background: var(--cks-red, #c5020e) !important;
    border: 2px solid var(--cks-red, #c5020e) !important;
  }

  .dl-menuwrapper li.cks-menu-action-whatsapp-2026 > a,
  .dt-mobile-menu li.cks-menu-action-whatsapp-2026 > a,
  .mobile-main-nav li.cks-menu-action-whatsapp-2026 > a {
    color: #ffffff !important;
    background: var(--cks-whatsapp, #00bb2d) !important;
    border: 2px solid var(--cks-whatsapp, #00bb2d) !important;
  }

  .dl-menuwrapper li.cks-menu-action-call-2026 > a,
  .dt-mobile-menu li.cks-menu-action-call-2026 > a,
  .mobile-main-nav li.cks-menu-action-call-2026 > a,
  .dl-menuwrapper li.cks-menu-action-call-2026 > a:hover,
  .dt-mobile-menu li.cks-menu-action-call-2026 > a:hover,
  .mobile-main-nav li.cks-menu-action-call-2026 > a:hover {
    color: #111111 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
  }

  .dl-menuwrapper li.cks-menu-action-red-2026 > a *,
  .dt-mobile-menu li.cks-menu-action-red-2026 > a *,
  .mobile-main-nav li.cks-menu-action-red-2026 > a *,
  .dl-menuwrapper li.cks-menu-action-whatsapp-2026 > a *,
  .dt-mobile-menu li.cks-menu-action-whatsapp-2026 > a *,
  .mobile-main-nav li.cks-menu-action-whatsapp-2026 > a * {
    color: #ffffff !important;
  }

  .dl-menuwrapper li.cks-menu-action-call-2026 > a *,
  .dt-mobile-menu li.cks-menu-action-call-2026 > a *,
  .mobile-main-nav li.cks-menu-action-call-2026 > a *,
  .dl-menuwrapper li.cks-menu-action-call-2026 > a:hover *,
  .dt-mobile-menu li.cks-menu-action-call-2026 > a:hover *,
  .mobile-main-nav li.cks-menu-action-call-2026 > a:hover * {
    color: #111111 !important;
  }

  .dl-menuwrapper li.cks-menu-action-call-2026 .cks-menu-action-top-2026,
  .dt-mobile-menu li.cks-menu-action-call-2026 .cks-menu-action-top-2026,
  .mobile-main-nav li.cks-menu-action-call-2026 .cks-menu-action-top-2026 {
    color: #555555 !important;
  }

  /* Llamada fija */
  .dl-menuwrapper li.cks-menu-callout-fixed-2026 > a,
  .dt-mobile-menu li.cks-menu-callout-fixed-2026 > a,
  .mobile-main-nav li.cks-menu-callout-fixed-2026 > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 66px !important;
    margin: 10px 10px 12px !important;
    padding: 11px 15px !important;
    color: #111111 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow:
      0 3px 0 rgba(197, 2, 14, 0.26),
      0 12px 24px rgba(0, 0, 0, 0.2) !important;
    text-decoration: none !important;
  }

  .dl-menuwrapper li.cks-menu-callout-fixed-2026 .cks-menu-callout-inner-2026,
  .dt-mobile-menu li.cks-menu-callout-fixed-2026 .cks-menu-callout-inner-2026,
  .mobile-main-nav li.cks-menu-callout-fixed-2026 .cks-menu-callout-inner-2026 {
    display: grid !important;
    grid-template-columns: 30px 1fr !important;
    align-items: center !important;
    column-gap: 10px !important;
  }

  .dl-menuwrapper li.cks-menu-callout-fixed-2026 .cks-menu-callout-icon-2026,
  .dt-mobile-menu li.cks-menu-callout-fixed-2026 .cks-menu-callout-icon-2026,
  .mobile-main-nav li.cks-menu-callout-fixed-2026 .cks-menu-callout-icon-2026 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .dl-menuwrapper li.cks-menu-callout-fixed-2026 .cks-menu-callout-icon-2026 i,
  .dt-mobile-menu li.cks-menu-callout-fixed-2026 .cks-menu-callout-icon-2026 i,
  .mobile-main-nav
    li.cks-menu-callout-fixed-2026
    .cks-menu-callout-icon-2026
    i {
    color: var(--cks-red, #c5020e) !important;
    font-size: 27px !important;
    line-height: 1 !important;
  }

  .dl-menuwrapper li.cks-menu-callout-fixed-2026 .cks-menu-callout-phone-2026,
  .dt-mobile-menu li.cks-menu-callout-fixed-2026 .cks-menu-callout-phone-2026,
  .mobile-main-nav li.cks-menu-callout-fixed-2026 .cks-menu-callout-phone-2026 {
    display: block !important;
    color: var(--cks-red, #c5020e) !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-shadow: none !important;
  }

  .dl-menuwrapper li.cks-menu-callout-fixed-2026 .cks-menu-callout-top-2026,
  .dt-mobile-menu li.cks-menu-callout-fixed-2026 .cks-menu-callout-top-2026,
  .mobile-main-nav li.cks-menu-callout-fixed-2026 .cks-menu-callout-top-2026 {
    display: block !important;
    margin-top: 5px !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
  }

  /* Back */
  .dl-menuwrapper li.dl-back > a,
  .dt-mobile-menu li.dl-back > a,
  .mobile-main-nav li.dl-back > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 10px 14px !important;
    color: rgba(255, 255, 255, 0.62) !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
}
/* =========================================================
   19. CTA reutilizable con imagen
   ========================================================= */

.cks-cta-image-2026,
.cks-cta-image-2026 * {
  box-sizing: border-box;
}

.cks-cta-image-2026 {
  width: 100%;
  max-width: 1240px;
  margin: 42px auto;
  padding: 0 18px;
}

.cks-cta-image-inner-2026 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: center;
  gap: 34px;
  width: 100%;
  min-height: 230px;
  margin: 0 auto;
  overflow: hidden;
  padding: 42px 46px;
  color: #ffffff;
  background:
    radial-gradient(
      circle at top right,
      rgba(197, 2, 14, 0.14),
      transparent 34%
    ),
    linear-gradient(135deg, #222222 0%, #151515 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 5px;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.16);
}

.cks-cta-image-content-2026 {
  position: relative;
  z-index: 2;
  max-width: 650px;
}

.cks-cta-image-eyebrow-2026 {
  display: inline-flex;
  margin-bottom: 10px;
  color: var(--cks-red, #c5020e);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cks-cta-image-content-2026 h1,
.cks-cta-image-content-2026 h2 {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.cks-cta-image-content-2026 h1 span,
.cks-cta-image-content-2026 h2 span {
  color: var(--cks-red, #c5020e);
}

.cks-cta-image-content-2026 p {
  max-width: 610px;
  margin: 0 0 24px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 17px;
  line-height: 1.6;
}

.cks-cta-image-btn-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 26px;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: var(--cks-red, #c5020e);
  border: 2px solid var(--cks-red, #c5020e);
  border-radius: 5px;
  box-shadow: 0 12px 26px rgba(197, 2, 14, 0.24);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.cks-cta-image-btn-2026:hover,
.cks-cta-image-btn-2026:focus {
  transform: translateY(-1px);
  color: #ffffff !important;
  background: var(--cks-red-hover, #a9000c);
  border-color: var(--cks-red-hover, #a9000c);
  box-shadow: 0 16px 34px rgba(197, 2, 14, 0.3);
}

.cks-cta-image-media-2026 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cks-cta-image-media-2026 img {
  display: block;
  width: 100%;
  max-width: 330px;
  height: auto;
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.38));
}

.cks-cta-image-inner-2026::after {
  content: "";
  position: absolute;
  right: -110px;
  bottom: -150px;
  width: 330px;
  height: 330px;
  background: radial-gradient(circle, rgba(197, 2, 14, 0.18), transparent 62%);
  pointer-events: none;
}

/* Responsive */
@media (max-width: 860px) {
  .cks-cta-image-2026 {
    max-width: 100%;
    margin: 34px auto;
    padding: 0 16px;
  }

  .cks-cta-image-inner-2026 {
    grid-template-columns: 1fr;
    gap: 24px;
    width: 100%;
    padding: 34px 22px;
    text-align: center;
  }

  .cks-cta-image-content-2026 {
    max-width: none;
  }

  .cks-cta-image-content-2026 p {
    margin-right: auto;
    margin-left: auto;
  }

  .cks-cta-image-media-2026 {
    order: -1;
  }

  .cks-cta-image-media-2026 img {
    max-width: 260px;
  }
}

@media (max-width: 520px) {
  .cks-cta-image-2026 {
    padding: 0 16px;
  }

  .cks-cta-image-inner-2026 {
    padding: 32px 20px;
  }

 .cks-cta-image-content-2026 h1,
 .cks-cta-image-content-2026 h2 {
    font-size: 30px;
  }

  .cks-cta-image-content-2026 p {
    font-size: 16px;
  }

  .cks-cta-image-btn-2026 {
    width: 100%;
    min-height: 54px;
  }

  .cks-cta-image-media-2026 img {
    max-width: 235px;
  }
}

/* =========================================================
   20. Localizador de centros CKS
   ========================================================= */

.cks-centros-selector-2026,
.cks-centros-selector-2026 * {
  box-sizing: border-box;
}

.cks-centros-selector-2026 {
  width: 100%;
  padding: 68px 20px 74px;
  color: var(--cks-text, #171717);
  background: #f6f6f6;
}

.cks-centros-selector-inner-2026 {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.cks-centros-selector-head-2026 {
  max-width: 820px;
  margin: 0 auto 38px;
  text-align: center;
}

.cks-centros-selector-eyebrow-2026 {
  display: block;
  margin-bottom: 10px;
  color: var(--cks-red, #c5020e);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cks-centros-selector-head-2026 h2 {
  margin: 0;
  color: #111111;
  font-size: clamp(30px, 3.1vw, 44px);
  font-weight: 900;
  line-height: 1.1;
}

.cks-centros-selector-head-2026 h2 span {
  color: var(--cks-red, #c5020e);
}

.cks-centros-selector-head-2026 h2::after {
  content: "";
  display: block;
  width: 78px;
  height: 4px;
  margin: 18px auto 0;
  background: var(--cks-red, #c5020e);
  border-radius: 999px;
}

.cks-centros-selector-head-2026 p {
  max-width: 720px;
  margin: 20px auto 0;
  color: #555555;
  font-size: 17px;
  line-height: 1.6;
}

.cks-centros-selector-panel-2026 {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: 22px;
  align-items: start;
}

/* Mapa */

.cks-centros-selector-map-2026 {
  overflow: hidden;
  background:
    radial-gradient(
      circle at top right,
      rgba(197, 2, 14, 0.18),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      var(--cks-panel-dark, #222222) 0%,
      var(--cks-panel-dark-deep, #151515) 100%
    );
  border-top: 5px solid var(--cks-red, #c5020e);
  border-radius: 5px;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.14);
}

.cks-centros-map-stage-2026 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 355px;
  overflow: hidden;
  padding: 30px 24px 24px;
}

.cks-centros-map-stage-2026::before {
  content: "";
  position: absolute;
  top: 38px;
  left: 36px;
  width: 185px;
  height: 185px;
  opacity: 0.1;
  background-image: radial-gradient(#ffffff 1px, transparent 1px);
  background-size: 10px 10px;
  pointer-events: none;
}

.cks-centros-map-stage-2026::after {
  content: "";
  position: absolute;
  right: 36px;
  bottom: 34px;
  width: 185px;
  height: 185px;
  opacity: 0.17;
  background-image: radial-gradient(
    var(--cks-red, #c5020e) 1px,
    transparent 1px
  );
  background-size: 10px 10px;
  pointer-events: none;
}

.cks-centros-map-visual-2026 {
  position: relative;
  z-index: 2;
  width: min(465px, 96%);
  aspect-ratio: 450 / 295;
  margin: 0 auto;
}

.cks-centros-map-img-2026 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  opacity: 0.95;
  filter: drop-shadow(0 18px 32px rgba(0, 0, 0, 0.42))
    drop-shadow(0 0 18px rgba(197, 2, 14, 0.1));
}

/* Puntos */

.cks-centros-map-point-2026 {
  position: absolute !important;
  left: var(--x) !important;
  top: var(--y) !important;
  z-index: 30 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-family: inherit !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  cursor: pointer !important;
  transform: translate(-50%, -50%) !important;
  box-shadow: none !important;
  text-decoration: none !important;
  user-select: none !important;
  touch-action: manipulation !important;
}

.cks-centros-map-point-2026:hover,
.cks-centros-map-point-2026:focus,
.cks-centros-map-point-2026:active {
  left: var(--x) !important;
  top: var(--y) !important;
  transform: translate(-50%, -50%) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.cks-centros-map-dot-2026,
.cks-centros-map-label-2026 {
  pointer-events: none;
}

.cks-centros-map-dot-2026 {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  background: var(--cks-red, #c5020e);
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow:
    0 0 0 6px rgba(197, 2, 14, 0.2),
    0 12px 24px rgba(197, 2, 14, 0.34);
  transition: box-shadow 0.18s ease;
}

.cks-centros-map-dot-2026::after {
  content: "";
  position: absolute;
  inset: -13px;
  border: 1px solid rgba(197, 2, 14, 0.48);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.76);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
}

.cks-centros-map-label-2026 {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 8px 11px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  background: rgba(0, 0, 0, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 5px;
  backdrop-filter: blur(5px);
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease;
}

.cks-centros-map-point-2026:hover .cks-centros-map-dot-2026,
.cks-centros-map-point-2026:focus .cks-centros-map-dot-2026,
.cks-centros-map-point-2026.is-selected .cks-centros-map-dot-2026 {
  box-shadow:
    0 0 0 9px rgba(197, 2, 14, 0.24),
    0 14px 30px rgba(197, 2, 14, 0.46);
}

.cks-centros-map-point-2026:hover .cks-centros-map-dot-2026::after,
.cks-centros-map-point-2026:focus .cks-centros-map-dot-2026::after,
.cks-centros-map-point-2026.is-selected .cks-centros-map-dot-2026::after {
  opacity: 1;
  transform: scale(1);
}

.cks-centros-map-point-2026:hover .cks-centros-map-label-2026,
.cks-centros-map-point-2026:focus .cks-centros-map-label-2026,
.cks-centros-map-point-2026.is-selected .cks-centros-map-label-2026 {
  background: var(--cks-red, #c5020e);
  border-color: var(--cks-red, #c5020e);
}

.cks-centros-map-caption-2026 {
  display: grid;
  gap: 5px;
  padding: 18px 24px 20px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.24);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.cks-centros-map-caption-2026 strong {
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
}

.cks-centros-map-caption-2026 span {
  color: rgba(255, 255, 255, 0.74);
  font-size: 14.5px;
  line-height: 1.45;
}

/* Ficha */

.cks-centros-main-card-2026 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.11);
  border-radius: 5px;
  box-shadow: var(--cks-shadow-card, 0 14px 34px rgba(0, 0, 0, 0.07));
  transition:
    opacity 0.12s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}

.cks-centros-main-card-2026:hover {
  border-color: rgba(197, 2, 14, 0.4);
  box-shadow: var(--cks-shadow-hover, 0 20px 46px rgba(0, 0, 0, 0.11));
}

.cks-centros-main-card-2026.is-changing {
  opacity: 0.72;
}

.cks-centros-main-image-2026 {
  position: relative;
  height: 165px;
  overflow: hidden;
  background: #111111;
}

.cks-centros-main-image-2026::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 42%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.34), transparent);
  pointer-events: none;
}

.cks-centros-main-image-2026 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.cks-centros-main-content-2026 {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 21px 26px 23px;
}

.cks-centros-main-city-2026 {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--cks-red, #c5020e);
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cks-centros-main-content-2026 h3 {
  margin: 0 0 9px;
  color: #111111;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.14;
}

.cks-centros-main-address-2026 {
  margin: 0 0 11px;
  color: #444444;
  font-size: 15px;
  line-height: 1.45;
}

.cks-centros-main-intro-2026 {
  margin: 0 0 14px;
  color: #555555;
  font-size: 14.5px;
  line-height: 1.5;
}

.cks-centros-main-actions-2026 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: auto;
  padding-top: 20px;
}

.cks-centros-main-btn-2026 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 13px 18px;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-decoration: none !important;
  background: var(--cks-red, #c5020e);
  border: 2px solid var(--cks-red, #c5020e);
  border-radius: 5px;
  box-shadow: 0 12px 26px rgba(197, 2, 14, 0.24);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease;
}

.cks-centros-main-btn-2026:hover,
.cks-centros-main-btn-2026:focus {
  color: #ffffff !important;
  background: var(--cks-red-hover, #a9000c);
  border-color: var(--cks-red-hover, #a9000c);
  box-shadow: 0 16px 34px rgba(197, 2, 14, 0.3);
  transform: translateY(-1px);
  text-decoration: none !important;
}

/* Tabs */

.cks-centros-tabs-2026 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.cks-centros-tab-2026 {
  position: relative;
  display: grid;
  gap: 5px;
  min-height: 68px;
  padding: 14px 62px 13px 16px;
  color: #111111;
  font-family: inherit;
  text-align: left;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.11);
  border-radius: 5px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.045);
  cursor: pointer;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.cks-centros-tab-2026::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--cks-red, #c5020e);
  opacity: 0;
  transition: opacity 0.18s ease;
}

.cks-centros-tab-2026::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 31px;
  height: 31px;
  background-image: url("../../uploads/2019/02/logo-key-car-60.ico");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.9;
  transform: translateY(-50%);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
}

.cks-centros-tab-2026 strong {
  color: #111111;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
}

.cks-centros-tab-2026 span {
  color: #666666;
  font-size: 12.5px;
  line-height: 1.25;
}

.cks-centros-tab-2026:hover,
.cks-centros-tab-2026:focus,
.cks-centros-tab-2026.is-selected {
  border-color: rgba(197, 2, 14, 0.52);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.075);
}

.cks-centros-tab-2026:hover::after,
.cks-centros-tab-2026:focus::after,
.cks-centros-tab-2026.is-selected::after {
  opacity: 1;
  transform: translateY(-50%) scale(1.06);
}

.cks-centros-tab-2026.is-selected::before {
  opacity: 1;
}

/* Responsive */

@media (max-width: 1100px) {
  .cks-centros-selector-panel-2026 {
    grid-template-columns: 1fr;
  }

  .cks-centros-map-stage-2026 {
    min-height: 350px;
  }

  .cks-centros-main-card-2026 {
    display: grid;
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  }

  .cks-centros-main-image-2026 {
    height: auto;
    min-height: 100%;
  }

  .cks-centros-main-content-2026 {
    min-height: 100%;
  }
}

@media (max-width: 760px) {
  .cks-centros-selector-2026 {
    padding: 48px 16px 56px;
  }

  .cks-centros-selector-head-2026 {
    margin-bottom: 28px;
  }

  .cks-centros-selector-head-2026 p {
    font-size: 15.5px;
  }

  .cks-centros-selector-panel-2026 {
    gap: 18px;
  }

  .cks-centros-map-stage-2026 {
    min-height: 270px;
    padding: 18px 13px 16px;
  }

  .cks-centros-map-visual-2026 {
    width: min(340px, 100%);
  }

  .cks-centros-map-label-2026 {
    min-height: 25px;
    padding: 6px 7px;
    font-size: 9.8px;
  }

  .cks-centros-map-dot-2026 {
    width: 15px;
    height: 15px;
    border-width: 3px;
  }

  .cks-centros-main-card-2026 {
    display: block;
  }

  .cks-centros-main-image-2026 {
    height: 118px !important;
    min-height: 0 !important;
  }

  .cks-centros-main-content-2026 {
    padding: 18px 18px 20px;
  }

  .cks-centros-main-content-2026 h3 {
    font-size: 22px;
  }

  .cks-centros-main-address-2026 {
    margin-bottom: 10px;
    font-size: 14.5px;
  }

  .cks-centros-main-intro-2026 {
    margin-bottom: 14px;
    font-size: 14px;
  }

  .cks-centros-main-actions-2026 {
    padding-top: 17px;
  }

  .cks-centros-main-btn-2026 {
    min-height: 50px;
  }

  .cks-centros-tabs-2026 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px;
    overflow: visible !important;
    padding-bottom: 0;
  }

  .cks-centros-tab-2026 {
    width: 100%;
    min-height: 62px;
    padding-right: 56px;
  }

  .cks-centros-tab-2026::after {
    right: 16px;
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 480px) {
  .cks-centros-map-stage-2026 {
    min-height: 245px;
  }

  .cks-centros-map-visual-2026 {
    width: min(315px, 100%);
  }

  .cks-centros-map-point-2026 {
    gap: 6px !important;
  }

  .cks-centros-map-label-2026 {
    font-size: 9px;
  }

  .cks-centros-main-image-2026 {
    height: 102px !important;
  }

  .cks-centros-main-content-2026 h3 {
    font-size: 21px;
  }

  .cks-centros-map-caption-2026 {
    padding: 16px 18px;
  }
}
/* =========================================================
   21. Galería centro - bloquear clic
   ========================================================= */

.cks-galeria-centro-2026 .dt-gallery-container a.dt-mfp-item.mfp-image {
  pointer-events: none !important;
  cursor: default !important;
}

.cks-galeria-centro-2026 .dt-gallery-container .rollover-project,
.cks-galeria-centro-2026 .dt-gallery-container .rollover-project * {
  cursor: default !important;
}
/* =========================================================
   22. Marcas mini - ajuste grid y botón
   ========================================================= */

/* Ajuste bloque marcas mini - 6 columnas en escritorio */
.cks-marcas-mini-2026 .cks-marcas-mini-grid-2026 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}

/* Botón centrado */
.cks-marcas-mini-action-2026 {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.cks-marcas-mini-action-2026 .cks-btn-2026 {
  min-width: 220px;
}

/* Tablet */
@media (max-width: 980px) {
  .cks-marcas-mini-2026 .cks-marcas-mini-grid-2026 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Móvil */
@media (max-width: 640px) {
  .cks-marcas-mini-2026 .cks-marcas-mini-grid-2026 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cks-marcas-mini-action-2026 .cks-btn-2026 {
    width: 100%;
  }
}

/* =========================================================
   PARTE 2. CSS ADICIONAL
   ========================================================= */

/* =========================================================
   CAR KEY SYSTEM® - CSS adicional organizado
   Revisión conservadora: 2026-07-09
   Nota: se mantiene separado del child theme para revisar CSS antiguo.
   ========================================================= */

/* =========================================================
   A01. Legacy global / migas / menú
   ========================================================= */

/* Migas */
.breadcrumbscks {
  font-size: 14px;
  text-align: center;
  background-color: #eaeaea;
}
/* Menú móvil */
.dt-mega-menu .sub-nav .dt-mega-parent > a {
  text-transform: none;
}
/* =========================================================
   A02. Formularios CF7
   ========================================================= */

/* Submit */
.wpcf7-form input[type="submit"] {
  width: 100%;
  min-height: 60px;
  font-size: 18px;
}
.wpcf7 select {
  width: 99%;
  padding: 10px;
  min-height: 39px;
  height: 39px;
  background-color: #fbfcfc;
}
select,
textarea {
  width: 99%;
}
.form-inline {
  display: inline-block;
  margin-right: 6px;
  width: calc(50% - 10px);
  vertical-align: top;
}
.select-wrapper select {
  padding-right: 40px;
  background-color: #fbfcfc;
}
.wpcf7-form input[type="date"],
.wpcf7-form input[type="text"],
.wpcf7-form textarea {
  width: 99%;
}
.scroll-top {
  bottom: 85px;
}
.content table,
.content td,
.content th {
  border-color: #b8bcbe;
}
.maxwidth {
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}
.ult_modal-body {
  padding: 10px 10px;
}
.btn-modal-block {
  display: block;
  width: 88%;
  padding: 15px 15px 15px 15px;
}
.btn-modal {
  font-size: 16px;
}
a {
  text-decoration: none;
}
textarea {
  height: 100px !important;
}
/* Fecha */
input[type="date"] {
  height: 38px !important;
  margin: 0 auto;
  width: 100%;
  text-transform: uppercase;
  outline: none;
  padding: 0 3px;
  color: #b8bcbe;
}
/* Móvil estrecho */
@media only screen and (max-width: 320px) {
  input[type="date"]::before {
    content: attr("Escoge fecha");
    width: 100%;
  }

  input[type="date"]:focus::before,
  input[type="date"]:valid::before {
    display: none;
  }
}
/* =========================================================
   A03. Utilidades antiguas y ocultaciones
   ========================================================= */

/* Ocultaciones */
.page-id-37565 footer {
  display: none;
}
.page-id-40585 header {
  display: none;
}
.page-id-40585 footer {
  display: none;
}
.page-id-44270 header {
  display: none;
}
.page-id-44270 footer {
  display: none;
}
/* Utilidades */
#inline {
  white-space: nowrap;
}
.center {
  text-align: center;
}
.fondorojo {
  background-color: #fff;
}
.nimlopd {
  font-size: 14px;
}
.post.bg-on {
  background-color: #fff;
}
.nosubr {
  text-decoration: none;
  list-style: none;
}
.sticky-table .table > tbody > tr > th {
  padding: 15px 8px;
  border-top: none;
  border-bottom: 2px solid #e5e5e5;
  border-left: none;
  border-right: none;
}
.table .cell-marker {
  background-color: #c5020e;
}
.scroll-top.on {
  left: 15px;
}
.titleben {
  color: #fff;
}
.titleben:hover {
  color: #c5020e;
}
.wf-td.benefits-inner {
  color: #919191;
}
.marker-list {
  line-height: 28px;
}
.titlben {
  font-size: 28px;
  font-weight: 300;
  color: #000;
}
.htitle {
  font-size: 30px;
  line-height: 45px;
}
.hnum {
  font-size: 32px;
  line-height: 1em;
  font-weight: 700;
}
#page .dt-btn,
#page .dt-btn:last-child {
  margin-right: 10px;
  color: #fff;
}
#bottom-bar {
  font-size: 14px;
  line-height: 24px;
  color: #6b6b6b;
}
.titleh2 {
  font-size: 26px;
  line-height: 25px;
}
.titleh3 {
  font-size: 15px;
  line-height: 15px;
}
.titleh4 {
  font-size: 12px;
  line-height: 10px;
}
.text-area {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-align: center;
}
.num {
  font-size: 32px;
  line-height: 35px;
  color: #fff;
  font-weight: 700;
}
.numw {
  font-size: 42px;
  line-height: 40px;
  color: #fff;
}
.numb {
  font-size: 42px;
  line-height: 40px;
  color: #292929;
}
.red {
  color: #c5020e;
}
.grecaptcha-badge {
  opacity: 0;
}
.form-allowed-tags {
  display: none;
}
.entry-meta a:first-child,
.portfolio-categories a:first-child,
.entry-meta span:first-child,
.portfolio-categories span:first-child {
  display: none;
}
.wpcf7-form input[name="acceptance-219"] {
  max-width: 100%;
  width: auto;
}
/* LOPD */
.lopdtext2 {
  font-size: 10px;
  line-height: 15px;
  color: #999;
}
/* Errores */
.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  display: block;
}
/* =========================================================
   A04. Botones y menú legacy
   ========================================================= */

/* Ocultar en móvil */
@media handheld, only screen and (max-width: 767px) {
  .text-big {
    display: none;
  }
}
/* Menú */
@media (max-width: 1070px) {
  nav {
    display: block !important;
    vertical-align: middle;
    text-align: left;
  }
  #navigation {
    display: table-cell !important;
    vertical-align: middle;
    text-align: left;
  }
}
/* Redes */
.soc-ico a,
.soc-ico a .icon {
  width: 32px;
  height: 32px;
}
.widget .soc-ico {
  display: flex;
  justify-content: center;
}
/* Ocultar desktop */
@media only screen and (min-width: 981px) {
  .hide-on-desktop {
    display: none !important;
  }
}
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-3d {
  background-color: #c5020e;
}
.dl-menuwrapper-llamada {
  background-color: #c5020e;
  padding: 10px;
  border-radius: 5px;
}
.dl-menuwrapper-wats {
  background-color: #00bb2d;
  padding: 10px;
  border-radius: 5px;
}
/* Botones WPBakery */
.vc_btn3-color-green.vc_btn3-style-3d {
  background-color: #00bb2d !important;
  border-color: #3da23c !important;
  box-shadow: 0 5px 0 #3da23c !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 600;
}

.vc_btn3-color-danger.vc_btn3-style-3d {
  background-color: #c5020e !important;
  border-color: #c5020e !important;
  box-shadow: 0 5px 0 #97020b !important;
  font-size: 20px !important;
  font-weight: 700;
}
/* Nota CTA */
.cks-cta-note {
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  margin-top: 10px;
  opacity: 0.9;
  animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* =========================================================
   A05. Toggle SMART KEY y TOC
   ========================================================= */

/* Centrado de listado SMART KEY */
.cks-toggle-center .vc_toggle_title {
  text-align: center;
}

.cks-toggle-center .vc_toggle_icon {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
/* TOC */
@media (min-width: 992px) {
  h2[id],
  h3[id] {
    scroll-margin-top: 140px;
  }
}

.cks-toc {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-left: 4px solid #c40000;
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

.cks-toc__title {
  display: block;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #111;
  margin: 0 0 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.cks-toc > strong {
  display: block;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #111;
  margin: 0 0 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.cks-toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cks-toc li {
  margin: 0;
  padding: 9px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.cks-toc li:first-child {
  border-top: 0;
}

.cks-toc a {
  color: #111;
  text-decoration: none;
  font-weight: 700;
  display: inline-block;
  position: relative;
  padding-left: 16px;
  line-height: 1.25;
  font-size: 14px;
}

.cks-toc a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #c40000;
}

.cks-toc a:hover {
  color: #c40000;
  text-decoration: underline;
}

@media (max-width: 1200px) {
  .cks-toc {
    padding: 12px 12px;
  }
  .cks-toc li {
    padding: 8px 0;
  }
}

@media (max-width: 767px) {
  .cks-toc {
    padding: 12px 12px;
    border-left: 0;
    border-top: 4px solid #c40000;
    box-shadow: none;
  }
  .cks-toc li {
    padding: 7px 0;
  }
  .cks-toc a {
    font-size: 14px;
    padding-left: 14px;
  }
  .cks-toc a:before {
    width: 5px;
    height: 5px;
  }
}

@media (min-width: 992px) {
  .cks-toc.cks-toc--cols ul {
    column-count: 2;
    column-gap: 18px;
  }
  .cks-toc.cks-toc--cols li {
    break-inside: avoid;
  }
}
/* TOC compacto */
.cks-toc {
  padding: 10px 12px;
}

.cks-toc__title,
.cks-toc > strong {
  margin: 0 0 8px 0;
  padding-bottom: 8px;
  font-size: 11px;
}

.cks-toc li {
  padding: 6px 0; /* antes 9px */
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.cks-toc a {
  font-size: 13.5px; /* un pelín más compacto */
  line-height: 1.15;
  padding-left: 14px; /* menos sangría */
}

.cks-toc a:before {
  width: 5px;
  height: 5px;
}

/* Desktop */
@media (min-width: 992px) {
  .cks-toc ul {
    max-height: 240px; /* ajusta 200–280 según gusto */
    overflow: auto;
    padding-right: 6px; /* espacio para scroll */
  }
}

/* Móvil */
@media (max-width: 767px) {
  .cks-toc {
    padding: 10px 10px;
  }
  .cks-toc li {
    padding: 5px 0;
  }
  .cks-toc a {
    font-size: 13.5px;
  }
  .cks-toc ul {
    max-height: 220px;
    overflow: auto;
    padding-right: 6px;
  }
}
.cks-toc__title,
.cks-toc > strong {
  background: #c40000;
  color: #fff;
  display: block;
  padding: 7px 10px; /* un poco más fino */
  border-radius: 8px;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  border: 0 !important;
}
@media (max-width: 767px) {
  .cks-toc__title,
  .cks-toc > strong {
    padding: 6px 9px;
    font-size: 11px;
  }
}
/* =========================================================
   A06. Imágenes de espadines
   ========================================================= */

/* imagenes espadines */
.cks-key-blades .vc_grid-item,
.cks-key-blades .vc_gitem-zone,
.cks-key-blades .vc_gitem-zone-c,
.cks-key-blades .vc_gitem-row,
.cks-key-blades .vc_gitem-col,
.cks-key-blades .vc_gitem-animated-block {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.cks-key-blades img {
  width: 70px !important;
  height: auto !important;
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}

.cks-key-blades .vc_gitem-zone {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
@media (max-width: 767px) {
  /* 2 columnas en móvil */
  .cks-key-blades .vc_grid-item {
    width: 50% !important;
    float: left !important;
    clear: none !important;
  }

  /* Ajuste móvil */
  .cks-key-blades img {
    width: 60px !important;
    margin: 0 auto !important;
  }
}
/* =========================================================
   A07. Llaves de moto - Franja servicios
   ========================================================= */

/* Franja servicios principales - Llaves de moto */
.cks-moto-hero-bar-2026 {
  width: 100%;
  background: #292929;
  padding: 24px 20px;
  margin: 0;
  box-sizing: border-box;
}

.cks-moto-hero-bar-2026,
.cks-moto-hero-bar-2026 * {
  box-sizing: border-box;
}

.cks-moto-hero-bar-inner-2026 {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 34px;
  align-items: center;
}

.cks-moto-hero-bar-item-2026 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  min-width: 0;
}

.cks-moto-hero-bar-icon-2026 {
  width: 58px;
  height: 58px;
  min-width: 58px;
  border-radius: 50%;
  background: #c5020e;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}

.cks-moto-hero-bar-icon-2026 i {
  color: #ffffff;
  font-size: 24px;
  line-height: 1;
}

.cks-moto-hero-bar-text-2026 {
  color: #ffffff;
  line-height: 1.25;
  min-width: 0;
}

.cks-moto-hero-bar-text-2026 strong {
  display: block;
  margin: 0;
  color: #ffffff;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
}

.cks-moto-hero-bar-text-2026 span {
  display: block;
  margin: 2px 0 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

/* Tablet */
@media (max-width: 991px) {
  .cks-moto-hero-bar-2026 {
    padding: 24px 22px;
  }

  .cks-moto-hero-bar-inner-2026 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 28px;
  }

  .cks-moto-hero-bar-item-2026 {
    align-items: center;
  }
}

/* Móvil */
@media (max-width: 600px) {
  .cks-moto-hero-bar-2026 {
    padding: 20px 16px;
  }

  .cks-moto-hero-bar-inner-2026 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 14px;
  }

  .cks-moto-hero-bar-item-2026 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 9px;
    text-align: center;
  }

  .cks-moto-hero-bar-icon-2026 {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-width: 2px;
  }

  .cks-moto-hero-bar-icon-2026 i {
    font-size: 20px;
  }

  .cks-moto-hero-bar-text-2026 strong {
    font-size: 13.5px;
    line-height: 1.18;
  }

  .cks-moto-hero-bar-text-2026 span {
    font-size: 12.8px;
    line-height: 1.18;
  }
}

/* Móvil estrecho */
@media (max-width: 380px) {
  .cks-moto-hero-bar-2026 {
    padding: 18px 12px;
  }

  .cks-moto-hero-bar-inner-2026 {
    gap: 16px 10px;
  }

  .cks-moto-hero-bar-icon-2026 {
    width: 44px;
    height: 44px;
    min-width: 44px;
  }

  .cks-moto-hero-bar-icon-2026 i {
    font-size: 18px;
  }

  .cks-moto-hero-bar-text-2026 strong {
    font-size: 12.8px;
  }

  .cks-moto-hero-bar-text-2026 span {
    font-size: 12px;
  }
}
/* =========================================================
   A08. Ajustes hero, logo y hover
   ========================================================= */

/* Fondo oscuro en H1 main */
#main h1.cks-centro-title-2026,
#main h1.cks-centro-title-2026 span {
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.85) !important;
}
/* Logo CKS - hover premium: cabecera, menú fijo y footer */
html:not(.mobile-true) #header #branding img.mobile-logo,
html:not(.mobile-true) #phantom .logo-box img.mobile-logo {
  display: none !important;
}

#header #branding > a img:not(.mobile-logo),
#phantom .logo-box > a img:not(.mobile-logo),
.cks-footer-logo-2026 img {
  transition: filter 0.3s ease !important;
}

@media (min-width: 992px) {
  #header #branding > a:hover img:not(.mobile-logo),
  #phantom .logo-box > a:hover img:not(.mobile-logo),
  .cks-footer-logo-2026:hover img {
    filter: brightness(1.14) contrast(1.06)
      drop-shadow(0 0 7px rgba(197, 2, 14, 0.6))
      drop-shadow(0 0 14px rgba(197, 2, 14, 0.3)) !important;
  }
}