/* V56 · El fondo distingue la función del bloque, sin alternancias por posición.
   Cargar después de contact-v49.css. Las tarjetas y los casos conservan sus estilos. */
body.v56 {
  --v56-paper: #F6F4EF;
  --v56-white: #FFFFFF;
  --v56-sage: #E1E9E2;
  --v56-line: #CCD6CD;
  --v56-max: 1120px;
  --v56-gutter: 40px;
}
body.v38.v56 :is(.w46, .u46) { --v56-max: 1320px; --v56-gutter: 48px; }
body.v38.v56 .q46 { --v56-max: 1280px; --v56-gutter: 40px; }
body.v38.v56 .t49 { --v56-gutter: 36px; }

/* Secciones que antes eran .wrap: banda real, conservando el ancho de su contenido.
   Los contenedores ya completos (evidencia, entrega, verde y soluciones) no se ensanchan. */
body.v38.v56 :is(
  .j43.j46-story > section.wrap.j43-section,
  .w46 > section.w46-wrap.w46-section,
  .u46 > section.w46-wrap.w46-section,
  .q46 > section.wrap.q46-section,
  .q46 > section.wrap.q46-reading,
  .t49 > section.t49-wrap.t49-section,
  .a38-resource-hub > section.wrap.a38-section,
  .e43-method-page > section.wrap.e43-section,
  .n46 > section.wrap.n46-resource-section,
  .g34-page > section.wrap.g34-section,
  .g34-page > section.wrap.g34-cta,
  main > section.wrap.v30-article-next,
  main > section.wrap.contact-grid,
  main > section.wrap.scope-grid,
  main > section.wrap.scope-project,
  main > section.wrap.learning-options,
  main > section.wrap.resource-feature,
  main > section.wrap.about-page
) {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: max(var(--v56-gutter), calc((100% - var(--v56-max)) / 2));
}

/* Entender y contrastar: fondo blanco. No alcanza las piezas, galerías o controles. */
body.v38.v56 :is(
  .j43.j46-story > .j43-faq,
  .w46 > .w46-architecture-section,
  .w46 > .w46-questions,
  .u46 > .w46-section#consultoria,
  .u46 > .w46-section#seo,
  .u46 > .w46-section#identidad,
  .u46 > .w46-section#dudas,
  .q46 > .q46-section#para-que,
  .q46 > .q46-faq,
  .t49 > .t49-faq-section,
  .a38-resource-hub > .a38-section#comparar-seo-sem,
  .e43-method-page > .e43-priority,
  .n46 > .n46-resource-section,
  .n46 > .b39-wall,
  .g34-page > .g34-section:has(.g34-grid, .g34-route),
  .g34-page > .g34-cta,
  main > .v30-article-next,
  main > .contact-grid,
  main > .scope-grid,
  main > .scope-project,
  main > .learning-options,
  main > .resource-feature,
  main > .about-page
) { background: var(--v56-white); }

/* Preparar el trabajo, comparar el alcance o usar una herramienta: salvia. */
body.v38.v56 :is(
  .j43.j46-story > .j46-preparation,
  .w46 > .w46-section#modalidades,
  .w46 > .w46-ecommerce,
  .w46 > .w46-preparation,
  .u46 > .w46-section#negocio-digital,
  .u46 > .w46-section#continuidad,
  .u46 > .u46-pale,
  .q46 > .q46-contract,
  .t49 > .t49-agreement,
  .a38-resource-hub > .a38-section#checklist-landing,
  .g34-page > .g34-section:has(.g34-table-wrap, .g34-checks)
) { background: var(--v56-sage); }

/* Las soluciones ya tienen bandas de ancho completo: solo se distinguen las fases
   y las lecturas. Se mantienen sus demostraciones verdes y sus acentos propios. */
body.v38.v56 .s43 :is(.s43-section#fases, .s43-section#apoyo, .s43-section#colaboracion) {
  background: var(--v56-white);
}

/* Separadores en las transiciones de preparación y dudas, no entre cada párrafo. */
body.v38.v56 :is(
  .j43.j46-story > .j46-preparation,
  .j43.j46-story > .j43-faq,
  .w46 > .w46-questions,
  .u46 > .w46-section#dudas,
  .q46 > .q46-faq,
  .t49 > .t49-faq-section,
  main > .v30-article-next
) { border-block-start: 1px solid var(--v56-line); }

/* Gutters originales: .wrap 40/24/20, web 48/35/21/19 y tarifas 36/20. */
@media (max-width: 1100px) {
  body.v38.v56 :is(.w46, .u46) { --v56-gutter: 35px; }
}
@media (max-width: 850px) { body.v56 { --v56-gutter: 24px; } }
@media (max-width: 800px) {
  body.v38.v56 :is(.w46, .u46) { --v56-gutter: 21px; }
}
@media (max-width: 760px) { body.v38.v56 .t49 { --v56-gutter: 20px; } }
@media (max-width: 600px) {
  body.v56 { --v56-gutter: 20px; }
  body.v38.v56 .j43.j46-story > .j43-section { padding-block: 52px; }
  body.v38.v56 :is(.w46, .u46) .w46-section { padding-block: 54px; }
  body.v38.v56 .q46 .q46-section { padding-block: 52px; }
  body.v38.v56 .s43.s46 .s43-section { padding-block: 52px; }
  body.v38.v56 :is(.a38-resource-hub > .a38-section, .e43-method-page > .e43-section, .t49 > .t49-section) { padding-block: 52px; }
  body.v38.v56 .g34-page > .g34-section { padding-block: 44px; }
  body.v38.v56 .j43.j46-story > .j46-next { padding-block: 38px 44px; }
  body.v38.v56 :is(.j43-faq, .w46-questions, .q46-faq, .t49-faq-section) summary { padding-block: 22px; }
}
@media (max-width: 480px) {
  body.v38.v56 :is(.w46, .u46) { --v56-gutter: 19px; }
}

/* SEO conserva sus cortes originales de 800 y 520px. */
@media (max-width: 800px) { body.v38.v56 .q46 { --v56-gutter: 24px; } }
@media (max-width: 520px) { body.v38.v56 .q46 { --v56-gutter: 20px; } }

/* La llamada de las guías conserva su columna centrada original. */
body.v38.v56 .g34-page > .g34-cta { --v56-max: 850px; }

/* La nota de la fórmula debe poder leerse también en teléfono. */
body.v38.v56 .s43.s46 .s46-formula > p { font-size: 13px; line-height: 1.65; color: #4B5F56; }
body.v38.v56 .s43.s46 .s46-calculation-context { font-size: 12px; color: #4B5F56; }