/* Reglas de la web continua. Canva define composición, no altura de sección.
   Se carga solo en la versión actual; las pruebas anteriores se conservan. */
:root {
  --seccion-espacio-superior: clamp(64px, 6vw, 96px);
  --seccion-espacio-inferior: clamp(64px, 6vw, 96px);
  --seccion-separacion: clamp(24px, 3vw, 48px);
}

/* Base reutilizable para futuras secciones de contenido. */
.seccion-contenido {
  padding-block: var(--seccion-espacio-superior) var(--seccion-espacio-inferior);
}

/* La marca participa en el flujo y determina el final de la portada.
   Los offsets conservan las coordenadas del lienzo anterior de 1080/675,
   expresadas respecto del ancho, sin imponer la altura del lienzo. */
.portada { min-height: 0; }
.portada__composicion {
  aspect-ratio: auto;
  top: auto;
  padding-top: 50.375%;
  padding-bottom: var(--seccion-espacio-inferior);
}
.portada__punto { top: 8.34375cqw; }
.portada__mensaje { top: 9.5cqw; }
.portada__marca {
  position: relative;
  top: auto;
  right: auto;
  width: max-content;
  margin-left: auto;
  margin-right: 6.1%;
}

/* Título y párrafo vuelven al flujo normal. Se mantienen sus posiciones
   relativas y la separación aprobada; la altura termina tras el párrafo. */
.servicios__composicion {
  aspect-ratio: auto;
  padding-top: 7.875%;
  padding-bottom: var(--seccion-espacio-inferior);
}
.servicios__titulo,
.servicios__descripcion {
  position: relative;
  top: auto;
  left: auto;
  margin-left: 6.2%;
}
.servicios__descripcion {
  margin-top: max(0px, calc(27.3125cqw - 3 * var(--tipo-titulo-tamano)));
}

@media (max-width: 600px) {
  :root {
    --seccion-espacio-superior: clamp(32px, 10vw, 56px);
    --seccion-espacio-inferior: clamp(32px, 10vw, 56px);
    --seccion-separacion: clamp(20px, 6vw, 32px);
  }
  .portada { padding-top: 1.7vw; }
  .servicios__composicion { padding-top: 10.7123076923%; }
  .servicios__titulo,
  .servicios__descripcion { margin-left: 10%; }
  .servicios__descripcion {
    margin-top: max(0px, calc(27.4841025641cqw - 3 * var(--tipo-titulo-tamano)));
  }
}