/* Services: three clear areas of support, followed by event resources. */
#servicios { background: #f7faf9; scroll-margin-top: 85px; }
#servicios .services-intro { text-align: left; max-width: 760px; margin: 0 0 3rem; }
#servicios .services-intro h2 { color: #173f36; }
#servicios .services-intro h2::after { left: 0; transform: none; }
#servicios .services-intro p { color: #60716b; font-size: 1.1rem; margin: 1.8rem 0 0; max-width: 660px; }
#servicios .services-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.5rem; margin-top: 0; }
#servicios .service-card {
    --service-accent: #147b54; --service-soft: #eaf6ef;
    display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.65fr);
    background: white; color: #304b42; padding: 0; border-radius: 22px;
    border: 1px solid #e0eae5; box-shadow: 0 8px 28px rgba(23,63,54,.035);
    overflow: hidden; transition: box-shadow .25s ease, border-color .25s ease;
}
#servicios .service-social { --service-accent: #086e9c; --service-soft: #eaf4fa; }
#servicios .service-solidarity { --service-accent: #526c2d; --service-soft: #f1f5e8; }
#servicios .service-card::before { display: none; }
#servicios .service-card:hover { transform: none; border-color: #b4cdbf; box-shadow: 0 12px 35px rgba(23,63,54,.08); }
#servicios .service-heading { background: var(--service-soft); padding: 2rem; border-left: 4px solid var(--service-accent); }
#servicios .service-heading-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
#servicios .service-icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; margin: 0; background: white; color: var(--service-accent); font-size: 1.4rem; }
#servicios .service-number { color: var(--service-accent); opacity: .4; font-size: 2.4rem; font-weight: 600; line-height: 1; letter-spacing: -.06em; }
#servicios .service-card h3 { color: #203e33; font-size: 1.55rem; line-height: 1.35; margin-bottom: .9rem; font-weight: 600; }
#servicios .service-heading > p { color: #4d655c; font-size: .92rem; line-height: 1.75; text-align: left; }
#servicios .service-content { min-width: 0; padding: 2rem; display: flex; align-items: center; }
#servicios .service-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .1rem 1.5rem; margin: 0; width: 100%; }
#servicios .service-list li { padding: .7rem 0 .7rem 1.65rem; color: #3c5148; font-size: .9rem; line-height: 1.55; overflow-wrap: anywhere; }
#servicios .service-list li::before { content: '✓'; top: .85rem; color: var(--service-accent); background: var(--service-soft); border-radius: 50%; width: 18px; height: 18px; font-size: .65rem; line-height: 18px; text-align: center; }
#servicios .services-logistics { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.6fr); gap: 2.5rem; align-items: center; padding: 2.5rem; margin-top: 3rem; background: #173f36; border-radius: 24px; color: white; }
#servicios .logistics-symbol { color: #c7e8a2; font-size: 1.65rem; margin-bottom: 1rem; }
#servicios .logistics-heading h3 { font-size: 1.7rem; line-height: 1.3; margin-bottom: .85rem; color: white; }
#servicios .logistics-heading > p { color: #d0e1d9; font-size: .9rem; line-height: 1.8; }
#servicios .logistics-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .7rem; min-width: 0; }
#servicios .logistics-item { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: .7rem; padding: 1rem .5rem; min-height: 106px; border: 1px solid #46645b; border-radius: 12px; background: #244b41; color: white; min-width: 0; transition: background .2s ease; }
#servicios .logistics-item:hover { background: #315b4e; }
#servicios .logistics-item i { color: #c7e8a2; font-size: 1.3rem; }
#servicios .logistics-item p { font-size: .74rem; line-height: 1.5; overflow-wrap: anywhere; }
@media (max-width: 1000px) {
    #servicios .service-heading, #servicios .service-content { padding: 1.6rem; }
    #servicios .service-card { grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); }
    #servicios .services-logistics { grid-template-columns: minmax(0,1fr); gap: 1.75rem; }
    #servicios .logistics-heading { max-width: 650px; }
}
@media (max-width: 700px) {
    #servicios .services-intro { margin-bottom: 2rem; }
    #servicios .service-card { grid-template-columns: minmax(0,1fr); }
    #servicios .service-heading { border-left: 0; border-top: 4px solid var(--service-accent); }
    #servicios .service-heading-top { margin-bottom: 1rem; }
    #servicios .service-card h3 { font-size: 1.45rem; }
    #servicios .service-content { padding: 1.2rem 1.6rem; }
    #servicios .service-list { grid-template-columns: minmax(0,1fr); }
    #servicios .services-logistics { padding: 1.6rem; gap: 1.5rem; margin-top: 2rem; }
    #servicios .logistics-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    #servicios .logistics-item { min-height: 100px; padding: 1rem; }
    #servicios .logistics-item p { font-size: .85rem; }
}
@media (prefers-reduced-motion: reduce) {
    #servicios .service-card, #servicios .logistics-item { transition: none; }
}