/* Más visual en la portada (30/10/2026, Anet: «necesita más visual, un icono, algo»).
   Iconos de línea en servicios, aula y pasos; icono y captura real de WhatsApp; foto de Anet dando clase. */

.ico{display:inline-grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%}
.ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Servicios: icono en lugar del número */
.path-item .ico{margin-top:2px}
.path-empresa .ico{background:#fafaf71a;color:#f5ecc2}
.path-ti .ico{background:#7d133a14;color:#7d133a}
.path-item .pi-n{display:none}

/* Aula: icono sobre cada bloque y foto de clase */
.classroom{position:relative}
.classroom-facts .ico{display:grid;margin-bottom:14px;background:#a7d4e466;color:#7d133a}
.classroom-facts li:nth-child(2) .ico{background:#f5ecc2}
.classroom-facts li:nth-child(4) .ico{background:#7d133a;color:#f5ecc2}
@media(min-width:801px){
  .classroom{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);column-gap:56px;align-items:start}
  .classroom>.section-head{grid-column:1;display:block}
  .classroom>.section-head p{max-width:560px;margin-top:18px}
  .classroom>.classroom-facts{grid-column:1;grid-template-columns:repeat(2,1fr)}
  .classroom>.classroom-photo{grid-column:2;grid-row:1/span 2}
}
.classroom-photo{margin:0;rotate:2deg}
.classroom-photo img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:14px 14px 0 #a7d4e4,0 18px 40px #7d133a26}
.classroom-photo figcaption{margin-top:20px;font:400 22px/1.2 'Indie Flower',cursive;color:#7d133a;text-align:center;rotate:-2deg}

/* Pasos */
.steps .ico{display:grid;margin-bottom:16px;background:#f5ecc2;color:#7d133a}

/* WhatsApp */
.wa-ico{width:18px;height:18px;vertical-align:-4px;margin-right:8px;fill:currentColor}
.weekly-copy .eyebrow .wa-ico{width:14px;height:14px;vertical-align:-2px;margin-right:6px;color:#25d366}
.weekly-phone{position:relative}
.wa-badge{position:absolute;top:-18px;right:-14px;z-index:3;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 22px #0b5c2a40;rotate:8deg}
.wa-badge svg{width:30px;height:30px;fill:currentColor}

@media(max-width:800px){
  .ico{width:40px;height:40px}.ico svg{width:21px;height:21px}
  .classroom-photo{rotate:0deg;margin:0 0 34px}
  .classroom-photo img{box-shadow:8px 8px 0 #a7d4e4}
  .wa-badge{width:48px;height:48px;top:-12px;right:14px}.wa-badge svg{width:25px;height:25px}
}

/* IA desde Cero: captura real del grupo (30/10, nombres y teléfonos difuminados) */
.weekly-shot{position:relative;margin:0;background:#fff;border-radius:18px;padding:0;overflow:visible;box-shadow:14px 14px 0 #a7d4e4,0 18px 40px #7d133a1f;rotate:-1.5deg}
.weekly-shot img{display:block;width:100%;height:auto;border-radius:18px 18px 0 0}
.weekly-shot figcaption{padding:10px 16px 12px;font-size:12px;opacity:.7;background:#fff;border-radius:0 0 18px 18px}
.weekly-shot .wa-badge{top:-22px;right:-18px}
@media(max-width:800px){.weekly-shot{rotate:0deg;box-shadow:8px 8px 0 #a7d4e4}.weekly-shot .wa-badge{top:-16px;right:8px}}

/* Enlaces al onboarding de presupuesto */
.pp-link{display:block;width:fit-content;margin:30px auto 0;font:800 12px/1.4 Raleway,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#7d133a;text-decoration:none;border-bottom:1.5px solid #7d133a;padding-bottom:3px}
.pp-link:hover{border-color:#a7d4e4}
.pp-inline{color:inherit;font-weight:700;text-underline-offset:3px}