/* Todo queda bajo la barra Google. Ningún selector alcanza compra o galería. */
.cl-product-editorial { color:#263942; text-align:left; font-size:16px; line-height:1.75; }
.cl-product-editorial :is(h2,h3) { text-transform:none; }
/* HTML antiguo del Panel puede llevar justificado/tamaño en línea. Se conserva
 * su código guardado, unificando solo su presentación dentro de esta zona. */
.cl-product-editorial .cl-editorial :is(p,li) { text-align:left !important; font-size:16px !important; }
.cl-product-editorial .pe-bloque { padding:38px 0 0; }
.cl-product-editorial .pe-bloque .container { padding-left:16px; padding-right:16px; }
.cl-product-editorial .cl-editorial__section { padding:32px 24px; }
.cl-product-editorial .pe-intro .cl-editorial__section--media { padding:32px; background:#f4f8fa; gap:40px; }
.cl-product-editorial .cl-editorial__media img { display:block; width:100%; height:auto; max-height:480px; object-fit:contain; }
.cl-product-editorial .cl-editorial__section + .cl-editorial__section { margin-top:12px; }
.cl-product-editorial .cl-editorial__subsection { border-top:2px solid #dce6eb; }
.cl-product-editorial .pe-pasos { margin:40px 0 16px; padding:40px 0; background:#f4f8fa; }
.cl-product-editorial .pe-cabecera { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:28px; }
.cl-product-editorial .pe-cabecera h2 { font-size:27px; line-height:1.3; margin:0 0 12px; }
.cl-product-editorial .pe-cabecera p { margin:0; max-width:68ch; }
.cl-product-editorial .pe-cabecera a { flex-shrink:0; padding-top:6px; color:#007eaf; text-decoration:underline; text-underline-offset:4px; }
.cl-product-editorial .pe-secuencia { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; list-style:none; padding:0; margin:0; }
.cl-product-editorial .pe-secuencia li { padding:24px; background:#fff; border-top:3px solid #00a5e8; }
.cl-product-editorial .pe-paso-cabecera { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.cl-product-editorial .pe-numero { display:block; color:#007eaf; font-weight:600; }
.cl-product-editorial .pe-icono { display:block; flex:none; width:30px; height:30px; color:#007eaf; }
.cl-product-editorial .pe-secuencia h3 { font-size:21px; line-height:1.4; margin:0 0 12px; }
.cl-product-editorial .pe-secuencia p { margin:0; font-size:16px; }
.cl-product-editorial .faq { background:transparent; padding:32px 0; margin:0; }
.cl-product-editorial .faq .container { max-width:1200px; }
.cl-product-editorial .faq h2 { font-size:27px; margin:0 0 16px; color:#263942; }
.cl-product-editorial .faq p { font-size:16px; line-height:1.75; text-align:left; }
.cl-product-editorial .faq .acordeon { background:#f4f8fa; border:0; border-bottom:1px solid #dce6eb; padding:20px 24px; font-size:18px; line-height:1.5; color:#263942; }
.cl-product-editorial .faq .panel { padding-left:24px; padding-right:24px; }
.cl-product-editorial .necesitas-ayuda { margin:24px 0 0; padding:32px 0; background:#f4f8fa; height:auto; min-height:0; }
.cl-product-editorial .necesitas-ayuda h2 { font-size:27px; }
.cl-product-editorial .necesitas-ayuda p { font-size:16px; line-height:1.65; }
.cl-product-editorial .necesitas-ayuda .container { max-width:1200px; }
.cl-product-editorial .pe-complementos { display:flow-root; border:0; padding-bottom:24px; }
.cl-product-editorial .pe-complementos .margen-top-50 { margin-top:32px; }
.cl-product-editorial .pe-complementos > .pe-relacionados { margin-top:0 !important; background:#fff; padding:0; }
.cl-product-editorial .pe-relacionados .cl-products-heading h2 { font-size:27px; line-height:1.35; color:#263942 !important; }
.cl-product-editorial .pe-relacionados .cuerpo-carrusel-productos-grande { aspect-ratio:auto; height:auto; }
.cl-product-editorial .pe-relacionados .cl-products-track .card > div:first-child { width:100%; aspect-ratio:1; overflow:hidden; }
.cl-product-editorial .pe-relacionados .cl-products-track .card-img-top { display:block; width:100% !important; height:100% !important; max-height:none; object-fit:contain; }
.cl-product-editorial .pe-relacionados .cl-products-track .card-title { font-size:16px; line-height:1.45; margin:10px 0 4px; }
/* El margen inicial viaja con las fichas. Cambiar scroll-padding durante el
 * movimiento provoca un reencaje instantáneo del navegador antes de animar.
 * Los controles calculan los destinos; el gesto táctil queda libre y continuo. */
.cl-product-editorial .pe-relacionados .cl-products-track { scroll-snap-type:none; scroll-padding-left:0; }
.cl-product-editorial .pe-relacionados .cl-products-arrows button { width:44px; height:44px; }
.cl-product-editorial .por-que img { display:block; width:100%; max-width:340px; height:auto; margin:0 auto 20px; }
.cl-product-editorial a:focus-visible { outline:2px solid #007eaf; outline-offset:4px; }
@media(max-width:991px) {
 .cl-product-editorial .pe-cabecera { display:block; }
 .cl-product-editorial .pe-cabecera a { display:inline-block; margin-top:14px; }
 .cl-product-editorial .pe-secuencia { gap:16px; }
}
@media(max-width:767px) {
 .cl-product-editorial .pe-secuencia { grid-template-columns:1fr; }
 .cl-product-editorial .pe-secuencia li { padding:20px; }
 .cl-product-editorial .pe-bloque { padding-top:24px; }
 .cl-product-editorial .cl-editorial__section { padding:24px 8px; }
 .cl-product-editorial .pe-intro .cl-editorial__section--media { padding:24px 18px; }
 .cl-product-editorial .pe-pasos { margin-top:24px; padding:28px 0; }
 .cl-product-editorial .pe-cabecera h2,.cl-product-editorial .faq h2,.cl-product-editorial .necesitas-ayuda h2 { font-size:23px; }
 .cl-product-editorial .faq .acordeon { padding:18px; }
 .cl-product-editorial .pe-relacionados .cl-products-heading h2 { font-size:23px; }
 .cl-product-editorial .pe-relacionados .cl-products-track { grid-auto-columns:calc(var(--cl-products-content)/1.1); }
}
