/* servicios-colegios.css — estilos autónomos para las 3 cards de "Para colegios" (sin tocar styles.css) */
:root{ --aj-turquesa:#49C6C2; --aj-texto:#1f2937; }

.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:14px}
.svc-card{background:#fff;border-radius:22px;box-shadow:0 8px 24px rgba(0,0,0,.06);overflow:hidden;border:1px solid #eee;display:flex;flex-direction:column}
.svc-head{background:var(--aj-turquesa,#49C6C2);color:#fff;font-weight:800;letter-spacing:.5px;text-align:center;padding:14px 16px}

.svc-body{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:18px 18px 8px 18px;align-items:start}
.svc-icon{width:64px;height:64px;border-radius:16px;border:2px solid var(--aj-turquesa,#49C6C2);display:flex;align-items:center;justify-content:center}
.svc-icon i{font-size:26px;color:var(--aj-turquesa,#49C6C2)}
.svc-copy h4{margin:2px 0 6px;font-size:22px;line-height:1.2;color:var(--aj-texto,#1f2937);font-weight:800}
.svc-copy p{margin:0 0 10px;color:#2b2f37}

.svc-cta{padding:10px 18px 18px}
.svc-btn{display:block;text-align:center;background:var(--aj-turquesa,#49C6C2);color:#fff;font-weight:800;border-radius:16px;padding:12px 16px;text-decoration:none}
.svc-btn:hover{filter:brightness(.95)}

@media (max-width:480px){
  .svc-body{grid-template-columns:56px 1fr}
  .svc-icon{width:56px;height:56px}
  .svc-copy h4{font-size:20px}
}