) */ .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; /* 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://cmex.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://cmex.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-431257c9 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7cea0e18 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-349c8405 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c23cd7 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-4f5662e *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19932a *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-2ffa7c3 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bed0e5 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-f8d7f5c *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-831234c *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-0718db6 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98dd5b1 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-c7e85ac *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-29b7e8e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-1e5d8d9 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0949449 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-65eed57 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-36735d94 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-2a936b16 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-72c5c06f *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-4aa25cb2 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-25aac970 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-64dcc18f *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd7961 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-5ba6d889 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3b2c7cf4 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-6b925e80 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-46c76c2f *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-47781d37 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1d231db3 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-51170c51 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-335be97a *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-e2142ac *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e35e307 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-7763cb6 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-32e8d1fc *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-431257c9 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7cea0e18 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-349c8405 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c23cd7 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-4f5662e *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19932a *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-2ffa7c3 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bed0e5 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-f8d7f5c *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-831234c *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-0718db6 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98dd5b1 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-c7e85ac *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-29b7e8e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-1e5d8d9 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0949449 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-65eed57 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-36735d94 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-2a936b16 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-72c5c06f *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-4aa25cb2 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-25aac970 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-64dcc18f *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd7961 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-5ba6d889 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3b2c7cf4 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-6b925e80 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-46c76c2f *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-47781d37 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1d231db3 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-51170c51 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-335be97a *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-e2142ac *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e35e307 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-7763cb6 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-32e8d1fc *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-431257c9 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7cea0e18 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-349c8405 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c23cd7 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-4f5662e *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19932a *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-2ffa7c3 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bed0e5 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-f8d7f5c *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-831234c *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-0718db6 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98dd5b1 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-c7e85ac *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-29b7e8e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-1e5d8d9 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0949449 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-65eed57 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-36735d94 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-2a936b16 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-72c5c06f *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-4aa25cb2 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-25aac970 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-64dcc18f *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd7961 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-5ba6d889 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3b2c7cf4 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-6b925e80 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-46c76c2f *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-47781d37 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1d231db3 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-51170c51 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-335be97a *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-e2142ac *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e35e307 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-7763cb6 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-32e8d1fc *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-431257c9 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7cea0e18 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-349c8405 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c23cd7 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-4f5662e *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19932a *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-2ffa7c3 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bed0e5 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-f8d7f5c *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-831234c *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-0718db6 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98dd5b1 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-c7e85ac *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-29b7e8e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-1e5d8d9 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0949449 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-65eed57 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-36735d94 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-2a936b16 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-72c5c06f *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-4aa25cb2 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-25aac970 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-64dcc18f *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd7961 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-5ba6d889 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3b2c7cf4 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-6b925e80 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-46c76c2f *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-47781d37 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1d231db3 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-51170c51 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-335be97a *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-e2142ac *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e35e307 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-7763cb6 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-32e8d1fc *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-431257c9 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7cea0e18 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-349c8405 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c23cd7 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-4f5662e *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19932a *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-2ffa7c3 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bed0e5 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-f8d7f5c *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-831234c *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-0718db6 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98dd5b1 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-c7e85ac *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-29b7e8e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-1e5d8d9 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0949449 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-65eed57 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-36735d94 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-2a936b16 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-72c5c06f *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-4aa25cb2 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-25aac970 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-64dcc18f *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd7961 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-5ba6d889 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3b2c7cf4 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-6b925e80 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-46c76c2f *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-47781d37 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1d231db3 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-51170c51 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-335be97a *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-e2142ac *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e35e307 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-7763cb6 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-32e8d1fc *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-431257c9 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7cea0e18 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-349c8405 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c23cd7 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-4f5662e *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19932a *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-2ffa7c3 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5bed0e5 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-f8d7f5c *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-831234c *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-0718db6 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98dd5b1 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-c7e85ac *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-29b7e8e *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-1e5d8d9 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0949449 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-65eed57 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-36735d94 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-2a936b16 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-72c5c06f *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-4aa25cb2 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-25aac970 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-64dcc18f *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd7961 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-5ba6d889 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3b2c7cf4 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-6b925e80 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-46c76c2f *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-47781d37 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1d231db3 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-51170c51 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-335be97a *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-e2142ac *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e35e307 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 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: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ 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; /* 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://cmex.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://cmex.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-7763cb6 *//* Subir el contenedor de las tabs (ajusta el valor negativo según necesites) */ .canon-device-tabs, #canon-device-tabs, .elementor-widget-tabs .canon-device-tabs { margin-top: -45px !important; /* ← Cambia este número para subir más o menos */ } /* Versión alternativa con "top" (más control si margin no responde) */ .canon-device-tabs, #canon-device-tabs { position: relative !important; top: -45px !important; /* ← Cambia este valor */ } /* Opcional: si quieres que también se mueva un poco en hover */ .canon-device-tabs:hover { top: -50px !important; /* sube un poco más al pasar el mouse */ transition: top 0.3s ease !important; }/* End custom CSS */