/* =========================================================
   SERVICIO — DETALLE
   =========================================================
   Componentes compartidos por las 3 páginas de detalle de
   servicio (servicio-construccion-general, servicio-movimiento-
   suelos, servicio-estructuras-metalicas) y por la sección
   "Nuestro Proceso" de service.html.

   No define paleta nueva: reutiliza los tokens ya existentes
   en effects.css (--rc-navy, --rc-orange, --rc-dark) y el tono
   "papel técnico" que ya usa preguntas-frecuentes.html para el
   mini-acordeón de FAQ, simplificado y sin buscador/rail.
   ========================================================= */

/* ---------- 1. Sub-nav interna (ficha del servicio) ---------- */
.rc-svc-subnav {
    position: sticky;
    top: 84px;
    z-index: 15;
    background: rgba(0, 12, 50, 0.92);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.rc-svc-subnav-track {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 14px 0;
    scrollbar-width: none;
}
.rc-svc-subnav-track::-webkit-scrollbar { display: none; }
.rc-svc-subnav a {
    flex-shrink: 0;
    font-family: "Nunito Sans", sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    padding: 8px 18px;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.12);
    transition: all 0.25s ease;
    white-space: nowrap;
}
.rc-svc-subnav a:hover,
.rc-svc-subnav a.active {
    color: #fff;
    background: rgba(255,94,21,0.14);
    border-color: var(--rc-orange);
}

/* ---------- 2. Encabezado de sección + eyebrow numerado ---------- */
.rc-svc-section { padding: 4rem 0; }
@media (max-width: 767.98px) { .rc-svc-section { padding: 2.75rem 0; } }
.rc-svc-eyebrow {
    display: flex;
    align-items: baseline;
    gap: 0.9rem;
    margin-bottom: 0.6rem;
}
.rc-svc-eyebrow-num {
    font-size: 1.3rem;
    font-style: italic;
    color: var(--rc-orange);
    line-height: 1;
}
.rc-svc-eyebrow-label {
    font-family: "Nunito Sans", sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.5);
}
.rc-svc-section.bg-white .rc-svc-eyebrow-label,
.rc-svc-panel .rc-svc-eyebrow-label { color: #7a8494; }

/* ---------- 2b. Panel "papel técnico" — reemplaza el bg-white plano ----------
   Las secciones de contenido (Qué incluye, comparativas, etc.) usaban un fondo
   blanco puro sobre el que las tarjetas/listas casi no se distinguían. Este
   panel les da un fondo levemente más oscuro (beige-gris, tono "papel técnico",
   coherente con el que ya usa el mini-FAQ) para que el contenido en tarjetas
   blancas resalte con contraste real en vez de perderse en una superficie
   uniforme. */
.rc-svc-panel {
    background-color: #F5F2EA;
    background-image:
        linear-gradient(rgba(0,22,89,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,22,89,.035) 1px, transparent 1px);
    background-size: 40px 40px;
}

/* ---------- 3. Checklist "Qué incluye" ----------
   V2 — antes eran filas separadas por líneas finas, apenas contenidas por un
   borde superior/inferior: sobre el fondo blanco de la sección quedaban
   "flotando" y el conjunto se leía desordenado. Ahora cada ítem es una
   tarjeta compacta con fondo propio, así se agrupa visualmente y contrasta
   con el panel de fondo en vez de mezclarse con él. */
.rc-svc-checklist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.rc-svc-checklist-item {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    padding: 1.25rem 1.3rem;
    background: #fff;
    border: 1px solid rgba(0,22,89,0.07);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(11,23,48,0.04);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.rc-svc-checklist-item:hover {
    border-color: rgba(255,94,21,0.4);
    transform: translateY(-3px);
    box-shadow: 0 10px 22px rgba(11,23,48,0.09);
}
.rc-svc-checklist-num {
    font-family: "Nunito Sans", sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--rc-orange);
    background: rgba(255,94,21,0.1);
    border-radius: 50%;
    width: 30px; height: 30px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.rc-svc-checklist-txt h5 { font-size: 0.98rem; font-weight: 700; color: #0b1730; margin-bottom: 2px; }
.rc-svc-checklist-txt p { font-size: 0.86rem; color: #5b6472; margin-bottom: 0; line-height: 1.5; }
@media (max-width: 767.98px) {
    .rc-svc-checklist { grid-template-columns: 1fr; }
}

/* ---------- 4. Cinta de maquinaria (signature de Movimiento de Suelos) ---------- */
.rc-machine-strip { display: flex; gap: 18px; overflow-x: auto; padding: 8px 4px 20px; scrollbar-width: thin; }
.rc-machine-card {
    flex: 0 0 220px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    padding: 1.6rem 1.4rem;
    transition: border-color .25s ease, transform .25s ease;
}
.rc-machine-card:hover { border-color: var(--rc-orange); transform: translateY(-4px); }
.rc-machine-card i { font-size: 1.6rem; color: var(--rc-orange); margin-bottom: 0.9rem; display: block; }
.rc-machine-card h5 { font-size: 0.98rem; font-weight: 700; color: #fff; margin-bottom: 0.35rem; }
.rc-machine-card p { font-size: 0.8rem; color: rgba(255,255,255,0.55); margin-bottom: 0; line-height: 1.45; }

/* ---------- 5. Grilla de galería de obras relacionadas ---------- */
.rc-svc-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.rc-svc-gallery-cell { position: relative; border-radius: 14px; overflow: hidden; aspect-ratio: 4/3; }
.rc-svc-gallery-cell img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.rc-svc-gallery-cell:hover img { transform: scale(1.06); }
.rc-svc-gallery-cell .rc-svc-gallery-tag {
    position: absolute; left: 10px; bottom: 10px;
    background: rgba(0,12,50,0.75); color: #fff;
    font-size: 0.72rem; font-weight: 600;
    padding: 4px 10px; border-radius: 20px;
}
@media (max-width: 767.98px) { .rc-svc-gallery-grid { grid-template-columns: repeat(2, 1fr); } }

/* ---------- 6. Mini-FAQ (tono "papel técnico", igual que preguntas-frecuentes.html) ---------- */
.rc-svc-faq-shell {
    background-color: #FAF8F3;
    background-image:
        linear-gradient(rgba(0,22,89,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,22,89,.05) 1px, transparent 1px);
    background-size: 44px 44px;
}
.rc-svc-faq-row { border-bottom: 1px solid #E7E2D6; border-left: 3px solid transparent; padding-left: 1rem; transition: border-color .18s ease, background-color .18s ease; }
.rc-svc-faq-row:hover { background-color: rgba(0,22,89,.015); }
.rc-svc-faq-row:has(.collapse.show) { border-left-color: var(--rc-orange); background-color: rgba(255,94,21,.035); }
.rc-svc-faq-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; background: none; border: 0; text-align: left; padding: 1.25rem .25rem 1.25rem 0; cursor: pointer; }
.rc-svc-faq-q { font-family: "Nunito Sans", sans-serif; font-size: 1.05rem; font-weight: 600; color: #14192b; line-height: 1.4; }
.rc-svc-faq-icon { flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid #001659; position: relative; }
.rc-svc-faq-icon::before, .rc-svc-faq-icon::after { content: ""; position: absolute; background: #001659; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.rc-svc-faq-icon::before { width: 10px; height: 1.5px; }
.rc-svc-faq-icon::after { width: 1.5px; height: 10px; transition: opacity .2s ease; }
.rc-svc-faq-btn[aria-expanded="true"] .rc-svc-faq-icon::after { opacity: 0; }
.rc-svc-faq-btn[aria-expanded="true"] .rc-svc-faq-icon { border-color: var(--rc-orange); }
.rc-svc-faq-btn[aria-expanded="true"] .rc-svc-faq-icon::before { background: var(--rc-orange); }
.rc-svc-faq-a { font-family: "Nunito Sans", sans-serif; font-size: 0.95rem; color: #4a4b52; line-height: 1.7; padding: 0 2rem 1.4rem 0; }

/* ---------- 7. Proceso (service.html) — pasos reales, numerados porque SÍ son una secuencia ---------- */
.rc-process-track { display: flex; flex-direction: column; }
.rc-process-step {
    display: flex; gap: 1.75rem;
    padding: 2rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.rc-process-step:last-child { border-bottom: 0; }
.rc-process-num { font-family: "Nunito Sans", sans-serif; font-size: 2.2rem; font-weight: 800; color: transparent; -webkit-text-stroke: 1.5px var(--rc-orange); flex-shrink: 0; width: 70px; }
.rc-process-txt h4 { color: #fff; font-size: 1.15rem; font-weight: 700; margin-bottom: 0.5rem; }
.rc-process-txt p { color: rgba(255,255,255,0.62); font-size: 0.94rem; line-height: 1.6; margin-bottom: 0; max-width: 640px; }

/* ---------- 8. CTA final dividido (cotizar / whatsapp) ---------- */
.rc-svc-cta-split { display: grid; grid-template-columns: 1fr 1fr; border-radius: 20px; overflow: hidden; }
.rc-svc-cta-half { padding: 2.6rem 2.4rem; }
.rc-svc-cta-half--quote { background: linear-gradient(135deg,#FF5E15 0%,#c94800 100%); }
.rc-svc-cta-half--chat { background: linear-gradient(135deg,#001659 0%,#000a30 100%); }
.rc-svc-cta-half h4 { color: #fff; font-weight: 700; font-size: 1.25rem; margin-bottom: 0.6rem; }
.rc-svc-cta-half p { color: rgba(255,255,255,0.82); font-size: 0.9rem; margin-bottom: 1.4rem; }
@media (max-width: 767.98px) { .rc-svc-cta-split { grid-template-columns: 1fr; } }

/* ---------- 9. Cross-link entre servicios (evita duplicar contenido, referencia la otra página) ---------- */
/* Comparativo / diferencial (una sola instancia por página, contenido distinto en cada una) */
.rc-svc-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
@media (max-width: 767px) { .rc-svc-compare { grid-template-columns: 1fr; } }
.rc-svc-compare-card { background: #fff; border: 1px solid rgba(0,22,89,0.1); border-radius: 18px; padding: 1.75rem 1.9rem; box-shadow: 0 2px 10px rgba(11,23,48,0.04); transition: box-shadow .2s ease, transform .2s ease; }
.rc-svc-compare-card:hover { box-shadow: 0 10px 22px rgba(11,23,48,0.08); transform: translateY(-2px); }
.rc-svc-compare-card--accent { border-color: rgba(255,94,21,0.35); background: rgba(255,94,21,0.035); }
.rc-svc-compare-card--dark { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); }
.rc-svc-compare-icon { width: 46px; height: 46px; border-radius: 12px; background: rgba(255,94,21,0.1); display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; }
.rc-svc-compare-icon i { color: var(--rc-orange); font-size: 1.15rem; }
.rc-svc-compare-card h5 { font-size: 1.08rem; font-weight: 700; color: #0b1730; margin-bottom: 0.7rem; }
.rc-svc-compare-card--dark h5 { color: #fff; }
.rc-svc-compare-card ul { list-style: none; padding: 0; margin: 0; }
.rc-svc-compare-card ul li { font-size: 0.92rem; color: #5b6472; line-height: 1.55; padding-left: 1.4rem; position: relative; margin-bottom: 0.55rem; }
.rc-svc-compare-card--dark ul li { color: rgba(255,255,255,0.65); }
.rc-svc-compare-card ul li:last-child { margin-bottom: 0; }
.rc-svc-compare-card ul li::before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--rc-orange); position: absolute; left: 0; top: 2px; font-size: 0.78rem; }
.rc-svc-compare-note { font-size: 0.82rem; color: #7a8494; margin-top: 1.1rem; margin-bottom: 0; }
.rc-svc-compare-card--dark .rc-svc-compare-note { color: rgba(255,255,255,0.45); }

.rc-svc-crosslink {
    display: flex; align-items: center; gap: 1.1rem;
    background: rgba(255,255,255,0.04);
    border: 1px dashed rgba(255,255,255,0.18);
    border-radius: 14px;
    padding: 1.3rem 1.6rem;
    text-decoration: none;
    transition: border-color .2s ease, background .2s ease;
}
.rc-svc-crosslink:hover { border-color: var(--rc-orange); background: rgba(255,94,21,0.06); }
.rc-svc-crosslink i.rc-svc-crosslink-icon { font-size: 1.3rem; color: var(--rc-orange); flex-shrink: 0; }
.rc-svc-crosslink strong { display: block; color: #fff; font-size: 0.96rem; }
.rc-svc-crosslink span { color: rgba(255,255,255,0.55); font-size: 0.84rem; }
.rc-svc-crosslink .fa-arrow-right { margin-left: auto; color: rgba(255,255,255,0.4); }

/* Variante clara: mismo componente, usado sobre .rc-svc-panel en vez de fondos oscuros */
.rc-svc-crosslink--light {
    background: #fff;
    border-style: solid;
    box-shadow: 0 2px 10px rgba(11,23,48,0.04);
}
.rc-svc-crosslink--light:hover {
    background: #fff;
    box-shadow: 0 10px 22px rgba(11,23,48,0.09);
    transform: translateY(-2px);
}
.rc-svc-crosslink--light strong { color: #0b1730; }
.rc-svc-crosslink--light span { color: #7a8494; }
.rc-svc-crosslink--light .fa-arrow-right { color: #c3c8d1; }

/* =========================================================
   CAJETÍN — Encabezado de servicio (reemplaza el hero de foto)
   =========================================================
   V2 — compactado. La v1 clavaba una ficha técnica con foto al
   costado, pero esa foto (stock, sin relación real con la obra
   de cada cliente) duplicaba visualmente lo que ya muestra la
   franja "Obras realizadas" más abajo, y la franja completa
   ocupaba casi una pantalla. Se saca la tarjeta y la foto:
   queda una sola columna, angosta en alto, con los mismos datos
   de zona/modalidad/unidad como una línea de specs (no una
   tarjeta aparte) y un llamado a la acción — lo único que
   realmente faltaba arriba de la página y que no repite nada
   del resto del scroll (subnav, comparativas, FAQ).
   ========================================================= */
.rc-svc-cajetin {
    position: relative;
    background-color: #0b2454;
    background-image:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
    background-size: 32px 32px;
    padding-top: 116px; /* 26px + 90px nav offset */
    padding-bottom: 2.1rem;
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .rc-svc-cajetin { padding-top: 106px; } /* 26px + 80px mobile nav offset */
}
.rc-svc-cajetin::before,
.rc-svc-cajetin::after,
.rc-svc-cajetin-mark--tr,
.rc-svc-cajetin-mark--bl {
    content: "";
    position: absolute;
    width: 20px; height: 20px;
    border-color: rgba(255,94,21,0.5);
    pointer-events: none;
}
.rc-svc-cajetin::before { top: 14px; left: 14px; border-top: 2px solid; border-left: 2px solid; }
.rc-svc-cajetin::after { bottom: 14px; right: 14px; border-bottom: 2px solid; border-right: 2px solid; }
.rc-svc-cajetin-mark--tr { top: 14px; right: 14px; border-top: 2px solid; border-right: 2px solid; }
.rc-svc-cajetin-mark--bl { bottom: 14px; left: 14px; border-bottom: 2px solid; border-left: 2px solid; }

.rc-svc-cajetin-path {
    font-family: "JetBrains Mono", monospace;
    font-size: 0.7rem;
    letter-spacing: 0.06em;
    color: rgba(255,255,255,0.38);
    margin-bottom: 1.4rem;
}
.rc-svc-cajetin-path a { color: rgba(255,255,255,0.55); text-decoration: none; }
.rc-svc-cajetin-path a:hover { color: #fff; }
.rc-svc-cajetin-path span.sep { margin: 0 8px; color: rgba(255,255,255,0.25); }

.rc-svc-cajetin-body { max-width: 760px; }

.rc-svc-cajetin-code {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.74rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: var(--rc-orange);
    margin-bottom: 0.7rem;
}
.rc-svc-cajetin-code .rc-svc-cajetin-code-of { color: rgba(255,255,255,0.4); }

.rc-svc-cajetin h1 {
    color: #fff;
    font-weight: 600;
    font-size: clamp(1.7rem, 2.6vw, 2.35rem);
    margin-bottom: 0;
    line-height: 1.15;
}
.rc-svc-cajetin-desc {
    color: rgba(255,255,255,0.62);
    font-size: 0.96rem;
    line-height: 1.6;
    max-width: 620px;
    margin: 0.7rem 0 0;
}

/* ---- Línea de specs: zona / modalidad / unidad, en el mismo renglón ---- */
.rc-svc-cajetin-meta {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2.2rem;
    row-gap: 0.7rem;
    margin-top: 1.3rem;
    padding-top: 1.1rem;
    border-top: 1px dashed rgba(255,255,255,0.16);
}
.rc-svc-cajetin-meta-item { display: flex; align-items: baseline; gap: 0.5rem; }
.rc-svc-cajetin-meta-label {
    font-family: "JetBrains Mono", monospace;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
}
.rc-svc-cajetin-meta-value {
    font-family: "Nunito Sans", sans-serif;
    font-size: 0.88rem;
    font-weight: 700;
    color: #fff;
}

/* ---- Acción: lo único nuevo que suma esta franja, sin repetir el CTA final ---- */
.rc-svc-cajetin-actions { margin-top: 1.5rem; }
.rc-svc-cajetin-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    background: var(--rc-orange);
    color: #fff;
    font-weight: 700;
    font-size: 0.88rem;
    padding: 10px 22px;
    border-radius: 30px;
    text-decoration: none;
    transition: transform 0.15s ease, background 0.15s ease;
}
.rc-svc-cajetin-btn:hover { background: #e8500f; color: #fff; transform: translateY(-1px); }
.rc-svc-cajetin-btn i { font-size: 0.8rem; }

/* ══════════════════════════════════════════════════════════════
   FICHA TÉCNICA — reemplaza la grilla genérica de tarjetas
   numeradas ("Qué incluye"). Se lee como un índice de planilla
   técnica: código de ítem en mono + fila con leader-line
   punteada, no tarjetas sueltas con badge redondo.
   ══════════════════════════════════════════════════════════════ */
.rc-svc-specsheet {
    position: relative;
    background: #fff;
    border: 1px solid rgba(0,22,89,0.14);
    border-radius: 3px;
}
.rc-svc-specsheet-head {
    display: flex;
    justify-content: space-between;
    padding: 9px 26px;
    background: #0b1730;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.62rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.5);
}
.rc-svc-specsheet-row {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 19px 26px;
    border-bottom: 1px dashed rgba(0,22,89,0.15);
    transition: background 0.15s ease;
}
.rc-svc-specsheet-row:last-child { border-bottom: none; }
.rc-svc-specsheet-row:hover { background: rgba(255,94,21,0.045); }
.rc-svc-specsheet-code {
    font-family: "JetBrains Mono", monospace;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--rc-orange);
    letter-spacing: 0.03em;
    min-width: 46px;
    flex-shrink: 0;
    padding-top: 3px;
}
.rc-svc-specsheet-body h5 { font-size: 0.98rem; font-weight: 700; color: #0b1730; margin-bottom: 2px; }
.rc-svc-specsheet-body p { font-size: 0.86rem; color: #5b6472; margin-bottom: 0; line-height: 1.55; }
.rc-svc-specsheet-row a { color: var(--rc-orange); font-weight: 600; text-decoration: underline; }
@media (max-width: 575px) {
    .rc-svc-specsheet-row { padding: 16px 18px; gap: 14px; }
    .rc-svc-specsheet-head { padding: 8px 18px; }
}

/* ══════════════════════════════════════════════════════════════
   HOJA DE MODALIDADES — reemplaza el par de tarjetas de
   comparación ("Dos formas de contratar"). Una única ficha
   partida por una línea de troquelado (perforación), como un
   formulario con talón — no dos cards flotantes idénticas.
   ══════════════════════════════════════════════════════════════ */
.rc-svc-optsheet {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 28px 1fr;
    background: #fff;
    border: 1px solid rgba(0,22,89,0.14);
    border-radius: 3px;
}
@media (max-width: 767px) {
    .rc-svc-optsheet { grid-template-columns: 1fr; }
}
.rc-svc-optsheet-col { padding: 2.1rem 2rem; position: relative; }
.rc-svc-optsheet-divider {
    position: relative;
    background-image: repeating-linear-gradient(to bottom, rgba(0,22,89,0.28) 0 6px, transparent 6px 13px);
    background-position: center;
    background-repeat: repeat-y;
    background-size: 1px 13px;
}
.rc-svc-optsheet-divider::before,
.rc-svc-optsheet-divider::after {
    content: "";
    position: absolute;
    left: 50%; transform: translateX(-50%);
    width: 15px; height: 15px;
    border-radius: 50%;
    background: #F5F2EA;
    border: 1px solid rgba(0,22,89,0.14);
}
.rc-svc-optsheet-divider::before { top: -8px; }
.rc-svc-optsheet-divider::after { bottom: -8px; }
@media (max-width: 767px) {
    .rc-svc-optsheet-divider { display: none; }
    .rc-svc-optsheet-col:first-child { border-bottom: 1px dashed rgba(0,22,89,0.2); }
}
.rc-svc-optsheet-tag {
    position: absolute;
    top: 18px; right: 20px;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.62rem;
    letter-spacing: 0.1em;
    color: #9aa4b5;
}
.rc-svc-optsheet-col--accent .rc-svc-optsheet-tag { color: var(--rc-orange); font-weight: 700; }
.rc-svc-optsheet-icon {
    width: 42px; height: 42px;
    border: 1.5px solid rgba(0,22,89,0.16);
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 1rem;
    color: #0b1730;
    font-size: 1.05rem;
}
.rc-svc-optsheet-col--accent .rc-svc-optsheet-icon { border-color: var(--rc-orange); color: var(--rc-orange); }
.rc-svc-optsheet-col h5 { font-size: 1.05rem; font-weight: 700; color: #0b1730; margin-bottom: 0.75rem; padding-right: 70px; }
.rc-svc-optsheet-col ul { list-style: none; padding: 0; margin: 0; }
.rc-svc-optsheet-col ul li { font-size: 0.9rem; color: #5b6472; line-height: 1.55; padding-left: 1.4rem; position: relative; margin-bottom: 0.6rem; }
.rc-svc-optsheet-col ul li:last-child { margin-bottom: 0; }
.rc-svc-optsheet-col ul li::before {
    content: "";
    position: absolute; left: 0; top: 5px;
    width: 8px; height: 8px;
    border: 1.5px solid var(--rc-orange);
}
.rc-svc-optsheet-note {
    grid-column: 1 / -1;
    padding: 0.9rem 2rem;
    border-top: 1px dashed rgba(0,22,89,0.15);
    font-size: 0.82rem;
    color: #7a8494;
    margin: 0;
}
@media (max-width: 575px) {
    .rc-svc-optsheet-col { padding: 1.6rem 1.4rem; }
    .rc-svc-optsheet-note { padding: 0.9rem 1.4rem; }
}