) */ .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-119ff09 *//* 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-e65af12 *//* ========================= 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-8bc1559 *//* 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-68cb79f *//* ========================= 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-1145a73 *//* 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-80b1526 *//* ========================= 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-21932a2 *//* 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-d6a2d10 *//* ========================= 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-daae755 *//* 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-b83b57f *//* ========================= 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-06f6b50 *//* 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-a47a853 *//* ========================= 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-9fa820c *//* 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-3e1edd0 *//* ========================= 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-b02e41b *//* 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-6e1b52b *//* ========================= 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-bad18a5 *//* 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-2ad5b29 *//* ========================= 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-3efb616 *//* 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-6573583 *//* ========================= 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-119ff09 *//* 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-e65af12 *//* ========================= 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-8bc1559 *//* 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-68cb79f *//* ========================= 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-1145a73 *//* 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-80b1526 *//* ========================= 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-21932a2 *//* 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-d6a2d10 *//* ========================= 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-daae755 *//* 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-b83b57f *//* ========================= 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-06f6b50 *//* 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-a47a853 *//* ========================= 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-9fa820c *//* 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-3e1edd0 *//* ========================= 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-b02e41b *//* 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-6e1b52b *//* ========================= 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-bad18a5 *//* 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-2ad5b29 *//* ========================= 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-3efb616 *//* 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-6573583 *//* ========================= 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-119ff09 *//* 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-e65af12 *//* ========================= 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-8bc1559 *//* 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-68cb79f *//* ========================= 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-1145a73 *//* 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-80b1526 *//* ========================= 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-21932a2 *//* 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-d6a2d10 *//* ========================= 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-daae755 *//* 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-b83b57f *//* ========================= 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-06f6b50 *//* 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-a47a853 *//* ========================= 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-9fa820c *//* 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-3e1edd0 *//* ========================= 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-b02e41b *//* 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-6e1b52b *//* ========================= 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-bad18a5 *//* 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-2ad5b29 *//* ========================= 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-3efb616 *//* 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-6573583 *//* ========================= 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-119ff09 *//* 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-e65af12 *//* ========================= 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-8bc1559 *//* 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-68cb79f *//* ========================= 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-1145a73 *//* 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-80b1526 *//* ========================= 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-21932a2 *//* 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-d6a2d10 *//* ========================= 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-daae755 *//* 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-b83b57f *//* ========================= 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-06f6b50 *//* 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-a47a853 *//* ========================= 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-9fa820c *//* 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-3e1edd0 *//* ========================= 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-b02e41b *//* 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-6e1b52b *//* ========================= 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-bad18a5 *//* 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-2ad5b29 *//* ========================= 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-3efb616 *//* 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-6573583 *//* ========================= 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-119ff09 *//* 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-e65af12 *//* ========================= 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-8bc1559 *//* 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-68cb79f *//* ========================= 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-1145a73 *//* 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-80b1526 *//* ========================= 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-21932a2 *//* 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-d6a2d10 *//* ========================= 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-daae755 *//* 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-b83b57f *//* ========================= 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-06f6b50 *//* 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-a47a853 *//* ========================= 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-9fa820c *//* 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-3e1edd0 *//* ========================= 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-b02e41b *//* 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-6e1b52b *//* ========================= 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-bad18a5 *//* 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-2ad5b29 *//* ========================= 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-3efb616 *//* 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-6573583 *//* ========================= 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-119ff09 *//* 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-e65af12 *//* ========================= 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-8bc1559 *//* 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-68cb79f *//* ========================= 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-1145a73 *//* 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-80b1526 *//* ========================= 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-21932a2 *//* 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-d6a2d10 *//* ========================= 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-daae755 *//* 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-b83b57f *//* ========================= 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-06f6b50 *//* 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-a47a853 *//* ========================= 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-9fa820c *//* 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-3e1edd0 *//* ========================= 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-b02e41b *//* 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-6e1b52b *//* ========================= 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-bad18a5 *//* 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-2ad5b29 *//* ========================= 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-3efb616 *//* 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 */