/**
 * Presupuesto de páginas web — página 14937 (WEBS).
 *
 * El aspecto sale de calculadora-rrss.css, que se encola también aquí: el
 * contenedor lleva las clases `calc-rrss calc-web` y el script reutiliza las
 * clases `calc-rrss__*`. Este archivo solo trae lo que no existe allí.
 */

/* Aire sobre el título «Calcula tu presupuesto». El título sube con margen
   negativo (-6em) por encima de la tarjeta, y en esta página la sección de
   arriba es oscura: con el margen de redes (3.5rem) quedaba pegado a ella.
   ⚠️ NO se arregla con el padding del contenedor en Elementor: la hoja de
   redes lo anula (`--padding-block-start: 0`). Va aquí, en el margen de la
   tarjeta. Carga después de calculadora-rrss.css y empata en especificidad,
   así que gana por orden. */
.calc-web.e-con > .e-con-inner {
  margin-block-start: 7rem;
}

/* Botón-enlace «Pedir presupuesto personalizado» (rama tienda online).
   Es un <a>, así que hay que quitarle el subrayado y darle bloque. */
.calc-web__cta-caja {
  margin: 0 0 1.25rem;
}

.calc-rrss__app .calc-rrss__resultado .calc-web__cta {
  display: inline-block;
  text-decoration: none;
  color: var(--calc-oscuro);
  background: #fff;
  border-color: #fff;
}

.calc-rrss__app .calc-rrss__resultado .calc-web__cta:hover,
.calc-rrss__app .calc-rrss__resultado .calc-web__cta:focus {
  color: #fff;
  background: var(--calc-primario);
  border-color: var(--calc-primario);
}

/* Aquí los totales son HORQUILLAS («3.550 € – 3.900 €»), mucho más largas que
   las cifras de redes. En móvil no caben al lado de la etiqueta: se partían
   en dos líneas y estrujaban «Total estimado». Se apilan, y la cifra no se
   corta nunca. */
.calc-web .calc-rrss__total-num,
.calc-web .calc-rrss__vivo-total strong {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .calc-web.e-con > .e-con-inner { margin-block-start: 5.5rem; }

  .calc-rrss__app .calc-rrss__resultado .calc-web__cta {
    display: block;
    text-align: center;
  }

  .calc-web .calc-rrss__total,
  .calc-web .calc-rrss__vivo-total {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
  }

  .calc-web .calc-rrss__total-num { font-size: 1.6rem; }
  .calc-web .calc-rrss__vivo-total strong { font-size: 1.2rem; }
}