/* ─── servicios.css ──────────────────────────────────
   Template: Servicios – RPMR
   Incluye: hero, buscador, cards overview, razón inscripción,
            ingreso/entrega trámites, formularios y manuales
──────────────────────────────────────────────────── */
@import url('rpmr-base.css');

/* ── Hero ─────────────────────────────────────────── */
.rpmr-hero--servicios { padding-bottom: 0; }
.rpmr-hero__bg-img { position:absolute;inset:0;overflow:hidden;pointer-events:none; }

/* ── Buscador ─────────────────────────────────────── */
.rpmr-srv-search-wrap { padding-block: 20px 0; }

.rpmr-srv-search {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 50px;
  padding: 10px 18px;
  max-width: 520px;
  margin: 0 auto;
  backdrop-filter: blur(8px);
  transition: background 0.2s, border-color 0.2s;
}
.rpmr-srv-search:focus-within {
  background: rgba(255,255,255,0.16);
  border-color: rgba(255,255,255,0.35);
}
.rpmr-srv-search__icon { color: rgba(255,255,255,0.6); flex-shrink:0; }
.rpmr-srv-search input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-size: 15px;
  font-family: inherit;
}
.rpmr-srv-search input::placeholder { color: rgba(255,255,255,0.5); }
.rpmr-srv-search__clear {
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.15);
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  color: #fff;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}
.rpmr-srv-search__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  color: #fff;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: background 0.2s;
}
.rpmr-srv-search__submit:hover {
  background: rgba(255,255,255,0.32);
}

/* Resultados de búsqueda */
.rpmr-search-section { min-height: 0; }
.rpmr-search-count { font-size: 13px; color: var(--rpmr-text-sec); margin-bottom: 12px; }
.rpmr-search-empty { color: var(--rpmr-text-sec); font-size: 15px; }
.rpmr-search-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.rpmr-search-list li {
  padding: 0;
  border-radius: var(--rpmr-radius-sm);
  border-left: 3px solid var(--rpmr-secondary);
  background: var(--rpmr-bg);
  transition: border-color 0.2s, background 0.2s;
}
.rpmr-search-list li:hover {
  background: var(--rpmr-secondary-lt, #e8faf9);
  border-color: var(--rpmr-primary);
}
/* Enlace ocupa todo el área del item */
.rpmr-search-list li a.rpmr-search-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-size: 14px;
  color: var(--rpmr-text);
  text-decoration: none;
  width: 100%;
  border-radius: inherit;
}
.rpmr-search-list li a.rpmr-search-link:hover {
  color: var(--rpmr-primary);
  text-decoration: none;
}
.rpmr-search-list li a.rpmr-search-link svg {
  color: var(--rpmr-secondary);
  flex-shrink: 0;
  transition: transform 0.15s;
}
.rpmr-search-list li a.rpmr-search-link:hover svg {
  transform: translateX(2px);
  color: var(--rpmr-primary);
}

/* ── Nav botones ──────────────────────────────────── */
.rpmr-services-nav {
  background: rgba(0,0,0,0.18);
  margin-top: 28px;
  padding-block: 22px;
  backdrop-filter: blur(6px);
}
.rpmr-services-nav__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.rpmr-service-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 20px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 12px;
  text-decoration: none;
  color: #fff;
  font-size: 14.5px;
  font-weight: 600;
  transition: all 0.22s var(--rpmr-ease);
  flex: 1;
  max-width: 220px;
  min-width: 160px;
}
.rpmr-service-btn:hover {
  background: rgba(255,255,255,0.14);
  border-color: rgba(255,255,255,0.22);
  transform: translateY(-2px);
}
.rpmr-service-btn__icon {
  width: 40px; height: 40px;
  border-radius: 10px;
  display: flex; align-items:center; justify-content:center;
  flex-shrink: 0;
}
.rpmr-service-btn__text { flex: 1; }
.rpmr-service-btn__arrow { opacity:.45; transition: transform .2s, opacity .2s; }
.rpmr-service-btn:hover .rpmr-service-btn__arrow { opacity:1; transform:translateX(3px); }

/* ── Overview cards ───────────────────────────────── */
.rpmr-srv-overview__header { text-align:center; margin-bottom:40px; }
.rpmr-srv-overview__title  { font-size:clamp(1.7rem,3vw,2.2rem); font-weight:700; color:var(--rpmr-text); margin:10px 0 8px; }
.rpmr-srv-overview__desc   { color:var(--rpmr-text-sec); max-width:520px; margin:0 auto; }

.rpmr-badge--light {
  background: rgba(0,82,160,0.1);
  color: var(--rpmr-primary);
  border-color: rgba(0,82,160,0.2);
}

.rpmr-srv-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}
.rpmr-srv-card {
  background: var(--rpmr-card);
  border-radius: 16px;
  padding: 28px 24px 22px;
  text-decoration: none;
  color: var(--rpmr-text);
  box-shadow: var(--rpmr-shadow);
  border: 1px solid var(--rpmr-border-lt);
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all .22s var(--rpmr-ease);
}
.rpmr-srv-card:hover { transform:translateY(-3px); box-shadow: var(--rpmr-shadow-lg); }
.rpmr-srv-card__icon {
  width:56px; height:56px;
  border-radius:14px;
  display:flex; align-items:center; justify-content:center;
}
.rpmr-srv-card__title { font-size:1rem; font-weight:700; margin:0; }
.rpmr-srv-card__desc  { font-size:13.5px; color:var(--rpmr-text-sec); line-height:1.5; margin:0; flex:1; }
.rpmr-srv-card__cta   { font-size:13px; font-weight:600; color:var(--rpmr-primary); display:flex; align-items:center; gap:4px; margin-top:auto; }
.rpmr-srv-card:hover .rpmr-srv-card__cta { color: #fff; }
.rpmr-srv-card:hover { transform:translateY(-3px); box-shadow: var(--rpmr-shadow-lg); background: var(--rpmr-primary); color: #fff; }
.rpmr-srv-card:hover .rpmr-srv-card__title { color: #fff; }
.rpmr-srv-card:hover .rpmr-srv-card__desc  { color: rgba(255,255,255,0.8); }
.rpmr-srv-card:hover .rpmr-srv-card__icon { background: rgba(255,255,255,0.2) !important; color: #fff !important; }
.rpmr-srv-card:hover .rpmr-srv-card__cta  { color: #fff !important; }
.rpmr-srv-card:hover * { color: inherit; }

/* ── Razón de inscripción ─────────────────────────── */
.rpmr-razon-header { margin-bottom:36px; }
.rpmr-razon-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
@media (max-width: 680px) { .rpmr-razon-grid { grid-template-columns: 1fr; } }

.rpmr-razon-card {
  border-radius: 16px;
  border: 1px solid var(--rpmr-border);
  padding: 28px 24px;
  background: var(--rpmr-card);
  box-shadow: var(--rpmr-shadow);
  position: relative;
  overflow: hidden;
}
.rpmr-razon-card__accent {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 4px;
}
.rpmr-razon-card__title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--rpmr-text);
  margin: 4px 0 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--rpmr-secondary);
  display: inline-block;
}
.rpmr-razon-card__body { display:flex; flex-direction:column; gap:8px; }

.rpmr-razon-item {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--rpmr-text);
  margin: 0;
}
.rpmr-razon-nota {
  font-size: 13px;
  color: var(--rpmr-text-sec);
  margin: 8px 0 0;
  padding: 8px 12px;
  background: var(--rpmr-bg);
  border-radius: 8px;
  border-left: 3px solid var(--rpmr-secondary);
}

.rpmr-razon-card__footer { margin-top: 16px; }
.rpmr-razon-tiempo {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 600;
  color: var(--rpmr-secondary);
  text-decoration: none;
}
.rpmr-razon-tiempo:hover { color: var(--rpmr-primary); }

/* ── Ingreso / Entrega ────────────────────────────── */
.rpmr-ingreso-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}
.rpmr-ingreso-row--reverse { }
@media (max-width: 720px) {
  .rpmr-ingreso-row { grid-template-columns: 1fr; }
  .rpmr-ingreso-row--reverse .rpmr-ingreso-media { order: -1; }
}

.rpmr-ingreso-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--rpmr-text);
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.rpmr-ingreso-accent {
  width: 40px; height: 4px;
  border-radius: 4px;
  flex-shrink: 0;
  display: inline-block;
}
.rpmr-ingreso-body { display:flex; flex-direction:column; gap:9px; }

.rpmr-ingreso-media--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  background: var(--rpmr-bg);
  border-radius: 16px;
}

/* ── Formularios ──────────────────────────────────── */
.rpmr-formularios-header { margin-bottom: 36px; }

.rpmr-form-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 28px;
}
.rpmr-form-tab {
  padding: 7px 18px;
  border-radius: 50px;
  border: 1.5px solid var(--rpmr-border);
  background: #fff;
  color: var(--rpmr-text-sec);
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
  transition: all .18s var(--rpmr-ease);
  font-family: inherit;
}
.rpmr-form-tab:hover { border-color: var(--rpmr-secondary); background: var(--rpmr-secondary); color: #fff; }
.rpmr-form-tab.is-active {
  background: var(--rpmr-secondary);
  border-color: var(--rpmr-secondary);
  color: #fff;
  font-weight: 600;
}

.rpmr-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}
.rpmr-form-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  background: var(--rpmr-card);
  border: 1px solid var(--rpmr-border-lt);
  border-radius: 12px;
  box-shadow: var(--rpmr-shadow);
  transition: all .2s var(--rpmr-ease);
}
.rpmr-form-card:hover { transform: translateY(-2px); box-shadow: var(--rpmr-shadow-lg); }

.rpmr-form-card__icon {
  width: 52px; height: 52px;
  border-radius: 10px;
  display: flex; align-items:center; justify-content:center;
  flex-shrink: 0;
  position: relative;
}
.rpmr-form-type-badge {
  position: absolute;
  bottom: -4px; right: -4px;
  font-size: 8px;
  font-weight: 700;
  color: #fff;
  padding: 1px 4px;
  border-radius: 4px;
  line-height: 1.4;
  letter-spacing: .3px;
}
.rpmr-form-card__info { flex: 1; min-width: 0; }
.rpmr-form-card__title { font-size:14px; font-weight:600; color:var(--rpmr-text); margin:0 0 3px; line-height:1.35; }
.rpmr-form-card__desc  { font-size:12.5px; color:var(--rpmr-text-sec); margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rpmr-form-card__size  { font-size:11px; color:var(--rpmr-text-muted); }

.rpmr-form-card__download {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  padding: 7px 13px;
  border-radius: 8px;
  border: 1.5px solid;
  background: transparent;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all .18s var(--rpmr-ease);
}
.rpmr-form-card__download:hover { filter: brightness(1.1); }

/* ── Responsive ───────────────────────────────────── */
@media (max-width: 640px) {
  .rpmr-services-nav__grid  { flex-direction: column; align-items:stretch; }
  .rpmr-service-btn         { max-width: 100%; min-width: 0; }
  .rpmr-srv-cards           { grid-template-columns: 1fr; }
  .rpmr-form-grid           { grid-template-columns: 1fr; }
  .rpmr-form-card           { flex-wrap: wrap; }
  .rpmr-form-card__download { width: 100%; justify-content:center; }
}