) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10c039b *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-387a91c *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ef4d57e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-119b310 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-df9a184 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98c383d *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5031552 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a83c53e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e94f27 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68aebc8 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a758dfc */.b1{ width: 230px; background: black; } .b2{ width: 230px; background: #CC0000; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cdc2238 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10c039b *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-387a91c *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ef4d57e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-119b310 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-df9a184 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98c383d *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5031552 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a83c53e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e94f27 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68aebc8 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a758dfc */.b1{ width: 230px; background: black; } .b2{ width: 230px; background: #CC0000; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cdc2238 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10c039b *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-387a91c *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ef4d57e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-119b310 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-df9a184 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98c383d *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5031552 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a83c53e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e94f27 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68aebc8 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a758dfc */.b1{ width: 230px; background: black; } .b2{ width: 230px; background: #CC0000; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cdc2238 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10c039b *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-387a91c *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ef4d57e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-119b310 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-df9a184 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98c383d *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5031552 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a83c53e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e94f27 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68aebc8 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a758dfc */.b1{ width: 230px; background: black; } .b2{ width: 230px; background: #CC0000; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cdc2238 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10c039b *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-387a91c *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ef4d57e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-119b310 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-df9a184 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98c383d *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5031552 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a83c53e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e94f27 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68aebc8 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://https://canon.com.mx/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-41203bb *//* 3. Estado ACTIVO y HOVER (Peso 600) */ /* Forzamos el peso 600 en todos los posibles estados activos de Elementor */ /* Estado Hover */ #principal .elementor-tab-title:hover a, #principal .e-n-tab-title:hover .e-n-tab-title-text, /* Estado Activo (Widget Clásico) */ #principal .elementor-tab-title.elementor-active a, #principal .elementor-tab-title.elementor-active, /* Estado Activo (Widget Nuevo/Nested) */ #principal .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text, #principal .e-n-tab-title.e-active .e-n-tab-title-text, #principal .e-n-tab-title.elementor-active .e-n-tab-title-text { font-weight: 600 !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Proxima Nova'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://canon.com.mx/wp-content/uploads/2025/12/ProximaNovaRegular.ttf') format('truetype'); } @font-face { font-family: 'Proxima Nova'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://canon.com.mx/wp-content/uploads/2025/12/ProximaNovaBold.ttf') format('truetype'); } @font-face { font-family: 'Proxima Nova'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://canon.com.mx/wp-content/uploads/2025/12/ProximaNovaBlack.ttf') format('truetype'); } /* End Custom Fonts CSS */