) */ .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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-230442a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7dfd973 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-a57d9be *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e72dc8c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2531045 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ba86334 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e96b119 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8d865d7 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-f9f3144 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-44a319b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-3784470 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-70975c9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ab7d629 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2ba02 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b2f8591 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b89c027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-05b98c5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ce985ab *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-56e8027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9b873c6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8af8219 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-429686c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-04fb823 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7da6db9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-bf92fc5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-77e571c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-1c38a76 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-d47ad59 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2da46 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c113799 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b525590 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-127a9f0 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-6b5a44a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8a16c6b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-02a4007 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-287f259 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c61966b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c6ab691 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-79ab02f *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-92a20f6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7d1d5fc *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2823abe *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-0a0fe15 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-869552a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9e5a8db *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2b4c7eb *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-067fad9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-0b6dca2 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-230442a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7dfd973 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-a57d9be *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e72dc8c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2531045 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ba86334 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e96b119 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8d865d7 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-f9f3144 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-44a319b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-3784470 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-70975c9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ab7d629 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2ba02 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b2f8591 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b89c027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-05b98c5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ce985ab *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-56e8027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9b873c6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8af8219 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-429686c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-04fb823 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7da6db9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-bf92fc5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-77e571c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-1c38a76 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-d47ad59 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2da46 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c113799 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b525590 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-127a9f0 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-6b5a44a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8a16c6b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-02a4007 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-287f259 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c61966b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c6ab691 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-79ab02f *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-92a20f6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7d1d5fc *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2823abe *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-0a0fe15 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-869552a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9e5a8db *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2b4c7eb *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-067fad9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-0b6dca2 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-230442a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7dfd973 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-a57d9be *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e72dc8c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2531045 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ba86334 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e96b119 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8d865d7 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-f9f3144 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-44a319b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-3784470 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-70975c9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ab7d629 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2ba02 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b2f8591 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b89c027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-05b98c5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ce985ab *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-56e8027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9b873c6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8af8219 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-429686c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-04fb823 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7da6db9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-bf92fc5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-77e571c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-1c38a76 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-d47ad59 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2da46 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c113799 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b525590 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-127a9f0 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-6b5a44a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8a16c6b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-02a4007 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-287f259 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c61966b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c6ab691 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-79ab02f *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-92a20f6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7d1d5fc *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2823abe *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-0a0fe15 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-869552a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9e5a8db *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2b4c7eb *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-067fad9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-0b6dca2 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-230442a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7dfd973 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-a57d9be *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e72dc8c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2531045 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ba86334 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e96b119 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8d865d7 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-f9f3144 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-44a319b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-3784470 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-70975c9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ab7d629 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2ba02 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b2f8591 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b89c027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-05b98c5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ce985ab *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-56e8027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9b873c6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8af8219 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-429686c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-04fb823 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7da6db9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-bf92fc5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-77e571c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-1c38a76 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-d47ad59 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2da46 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c113799 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b525590 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-127a9f0 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-6b5a44a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8a16c6b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-02a4007 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-287f259 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c61966b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c6ab691 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-79ab02f *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-92a20f6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7d1d5fc *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2823abe *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-0a0fe15 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-869552a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9e5a8db *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2b4c7eb *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-067fad9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-0b6dca2 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-230442a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7dfd973 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-a57d9be *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e72dc8c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2531045 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ba86334 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e96b119 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8d865d7 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-f9f3144 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-44a319b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-3784470 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-70975c9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ab7d629 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2ba02 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b2f8591 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b89c027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-05b98c5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ce985ab *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-56e8027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9b873c6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8af8219 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-429686c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-04fb823 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7da6db9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-bf92fc5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-77e571c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-1c38a76 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-d47ad59 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2da46 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c113799 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b525590 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-127a9f0 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-6b5a44a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8a16c6b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-02a4007 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-287f259 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c61966b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c6ab691 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-79ab02f *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-92a20f6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7d1d5fc *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2823abe *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-0a0fe15 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-869552a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9e5a8db *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2b4c7eb *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-067fad9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-0b6dca2 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-230442a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7dfd973 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-a57d9be *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e72dc8c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2531045 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ba86334 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e96b119 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8d865d7 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-f9f3144 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-44a319b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-3784470 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-70975c9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ab7d629 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2ba02 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b2f8591 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b89c027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-05b98c5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ce985ab *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-56e8027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9b873c6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8af8219 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-429686c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-04fb823 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7da6db9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-bf92fc5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-77e571c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-1c38a76 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-d47ad59 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2da46 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c113799 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b525590 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-127a9f0 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-6b5a44a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8a16c6b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-02a4007 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-287f259 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c61966b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c6ab691 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-79ab02f *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-92a20f6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7d1d5fc *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2823abe *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-0a0fe15 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-869552a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9e5a8db *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2b4c7eb *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-067fad9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-0b6dca2 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-230442a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7dfd973 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-a57d9be *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e72dc8c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2531045 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ba86334 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-e96b119 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8d865d7 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-f9f3144 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-44a319b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-3784470 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-70975c9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ab7d629 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2ba02 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b2f8591 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b89c027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-05b98c5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-ce985ab *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-56e8027 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9b873c6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8af8219 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-429686c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-04fb823 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7da6db9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-bf92fc5 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-77e571c *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-1c38a76 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-d47ad59 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-5f2da46 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c113799 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-b525590 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-127a9f0 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-6b5a44a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-8a16c6b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-02a4007 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-287f259 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c61966b *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-c6ab691 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-79ab02f *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-92a20f6 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-7d1d5fc *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2823abe *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-0a0fe15 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-869552a *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-9e5a8db *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-2b4c7eb *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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-067fad9 *//* ========================= 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://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-b19eaa9 *//* Contenedor general de tabs */ .elementor-tabs-wrapper, .e-n-tabs-heading { display: flex !important; flex-wrap: wrap !important; gap: 20px !important; justify-content: center !important; margin-bottom: 0 !important; padding: 0 !important; } /* Cada pestaña individual (igual que tus contenedores) */ .elementor-tab-title, .e-n-tab-title { width: 180px !important; height: 180px !important; background: #F4F4F4 !important; border-radius: 12px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 25px 35px !important; cursor: pointer !important; text-align: center !important; overflow: hidden !important; } /* Hover y activo - fondo rojo, texto blanco, tamaño 20px */ .elementor-tab-title:hover, .e-n-tab-title:hover, .elementor-tab-title.active, .e-n-tab-title.active, .elementor-tab-title.elementor-active, .e-n-tab-title.elementor-active, .elementor-tab-title[aria-selected="true"], .e-n-tab-title[aria-selected="true"] { background: #CC0000 !important; font-size: 20px !important; color: #fff !important; border-color: #CC0000 !important; } /* Texto dentro de la pestaña */ .elementor-tab-title span, .e-n-tab-title span, .elementor-tab-title .elementor-icon-list-text, .e-n-tab-title .elementor-icon-list-text { padding: 0 35px !important; box-sizing: border-box !important; color: inherit !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cf1a1af *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 -34px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 10px; /* controla espacio entre logo y textos */ padding: 30px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 5px; } /* ✅ FIX 2: quita márgenes default (tÃtulo/subtÃtulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mÃnima entre tÃtulo y subtÃtulo (si el subtÃtulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; margin-top: 15px /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/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://pruebas-canon.canteradigital.io/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 Fonts CSS */@font-face { font-family: 'Proxima Nova'; font-style: normal; font-weight: 500; font-display: auto; src: url('http://pruebas-canon.canteradigital.io/wp-content/uploads/2025/12/ProximaNovaRegular.ttf') format('truetype'); } @font-face { font-family: 'Proxima Nova'; font-style: normal; font-weight: 700; font-display: auto; src: url('http://pruebas-canon.canteradigital.io/wp-content/uploads/2025/12/ProximaNovaBold.ttf') format('truetype'); } @font-face { font-family: 'Proxima Nova'; font-style: normal; font-weight: 900; font-display: auto; src: url('http://pruebas-canon.canteradigital.io/wp-content/uploads/2025/12/ProximaNovaBlack.ttf') format('truetype'); } /* End Custom Fonts CSS */