/* Página madre: accesos editoriales. Las reglas .subsector-* conservan su diseño. */
body #servicios-subsectores { padding-block: 44px 36px; }
#servicios-subsectores .servicios-introduccion { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; margin-bottom:32px; }
#servicios-subsectores h2 { margin:0; color:#223b2d; font-size:30px; line-height:1.25; font-weight:700; letter-spacing:-.025em; text-wrap:balance; }
#servicios-subsectores .servicios-antetitulo { display:block; margin-bottom:12px; color:#397551; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
#servicios-subsectores p { margin:0; color:#526359; font-size:15px; line-height:1.75; }
#servicios-subsectores .servicios-recorrido { display:grid; gap:18px; }
#servicios-subsectores .servicios-propuesta { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(130px,.55fr); align-items:center; min-height:220px; overflow:hidden; border:1px solid #d7e2db; border-radius:16px; background:#fff; color:#223b2d; text-decoration:none; }
#servicios-subsectores .servicios-foto { height:100%; min-height:220px; overflow:hidden; }
#servicios-subsectores .servicios-foto img { display:block; width:100%; height:100%; object-fit:cover; }
#servicios-subsectores .servicios-propuesta-texto { padding:26px 30px; }
#servicios-subsectores h3 { margin:0 0 10px; font-size:25px; font-weight:700; line-height:1.25; }
#servicios-subsectores .servicios-conocer { display:flex; align-items:center; gap:14px; margin-top:24px; font-size:13px; font-weight:700; color:#287347; }
#servicios-subsectores .servicios-marca { display:block; padding:18px; margin-right:24px; }
#servicios-subsectores .servicios-marca img { display:block; width:100%; height:50px; object-fit:contain; }
#servicios-subsectores .servicios-salud { grid-template-columns:minmax(130px,.55fr) minmax(0,1.2fr) minmax(0,1fr); background:#eaf2ec; }
#servicios-subsectores .servicios-salud .servicios-foto { grid-column:3; grid-row:1; }
#servicios-subsectores .servicios-salud .servicios-propuesta-texto { grid-column:2; grid-row:1; }
#servicios-subsectores .servicios-salud .servicios-marca { grid-column:1; grid-row:1; margin:24px 0 24px 24px; background:#223b2d; border-radius:10px; }
#servicios-subsectores .servicios-turismo { background:#172f4b; border-color:#172f4b; color:#fff; }
#servicios-subsectores .servicios-turismo p { color:#e0e9f0; }
#servicios-subsectores .servicios-turismo .servicios-antetitulo, #servicios-subsectores .servicios-turismo .servicios-conocer { color:#c8e7d2; }
#servicios-subsectores .servicios-propuesta:focus-visible { outline:3px solid #478760; outline-offset:5px; }
@media(max-width:900px) {
  #servicios-subsectores .servicios-propuesta { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
  #servicios-subsectores .servicios-foto { grid-row:1 / 3; }
  #servicios-subsectores .servicios-propuesta-texto { padding:24px 24px 12px; }
  #servicios-subsectores .servicios-marca { grid-column:2; margin:0 24px 22px; padding:0; width:140px; }
  #servicios-subsectores .servicios-marca img { height:34px; }
  #servicios-subsectores .servicios-salud .servicios-foto { grid-column:2; grid-row:1 / 3; }
  #servicios-subsectores .servicios-salud .servicios-propuesta-texto { grid-column:1; }
  #servicios-subsectores .servicios-salud .servicios-marca { grid-column:1; grid-row:2; margin:0 24px 22px; padding:10px; }
}
@media(max-width:600px) {
  body #servicios-subsectores { padding-block:32px; }
  #servicios-subsectores .servicios-introduccion { grid-template-columns:minmax(0,1fr); gap:18px; margin-bottom:24px; }
  #servicios-subsectores h2 { font-size:26px; }
  #servicios-subsectores .servicios-propuesta, #servicios-subsectores .servicios-salud { grid-template-columns:92px minmax(0,1fr); }
  #servicios-subsectores .servicios-foto, #servicios-subsectores .servicios-salud .servicios-foto { grid-column:1; grid-row:1 / 3; min-height:260px; }
  #servicios-subsectores .servicios-propuesta-texto, #servicios-subsectores .servicios-salud .servicios-propuesta-texto { grid-column:2; grid-row:1; padding:22px 18px 12px; }
  #servicios-subsectores h3 { font-size:22px; }
  #servicios-subsectores p { font-size:14px; }
  #servicios-subsectores .servicios-conocer { margin-top:18px; gap:8px; font-size:12px; }
  #servicios-subsectores .servicios-marca, #servicios-subsectores .servicios-salud .servicios-marca { grid-column:2; grid-row:2; width:120px; max-width:calc(100% - 36px); margin:0 18px 22px; }
  #servicios-subsectores .servicios-foto img { object-position:60% center; }
}
.subsector-ruta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-block: 24px; color: #5c6d62; font-size: 14px; }
.subsector-ruta a { color: #287347; text-decoration: underline; text-underline-offset: 4px; }
.subsector-estructura { min-height: 55vh; }
.subsector-presentacion { padding-block: 40px 64px; }
.subsector-etiqueta { margin-bottom: 12px; color: #397551; font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.subsector-presentacion h1 { font-size: 36px; }
.subsector-logo { display: block; width: min(100%, 320px); height: 160px; object-fit: contain; object-position: left center; margin-bottom: 28px; }

.subsector-ruta a:focus-visible { outline:3px solid #478760; outline-offset:4px; }
.subsector-presentacion h1 { color:#223b2d; line-height:1.25; font-weight:700; letter-spacing:-.025em; text-wrap:balance; }
.subsector-presentacion h1::after { content:""; display:block; width:40px; height:3px; margin-top:14px; border-radius:3px; background:#478760; }
@media(max-width:767px) { .subsector-presentacion { padding-block:28px 48px; } .subsector-presentacion h1 { font-size:28px; } }