) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6737d35 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6593ad5 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0e6ff06 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a343d4 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fe3d257 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-84b37db *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a92c439 *//* ========================= HEADER 3 PARTES: icono | titulo | + ========================= */ /* Header: control total del layout */ .cc-acc__header{ display: flex; align-items: center; justify-content: flex-start; /* no space-between */ gap: 12px; /* distancia icono-titulo */ } /* 1) Icono izquierdo: fijo */ .cc-acc__header > :first-child{ flex: 0 0 auto; } /* 2) Título (la parte del medio): que ocupe el espacio pero SIN dejar hueco al inicio */ .cc-acc__header > :nth-child(2){ flex: 1 1 auto; /* se estira para llenar */ min-width: 0; /* evita que empuje raro */ } /* 3) Símbolo + (tu .cc-acc__icon): fijo y a la derecha */ .cc-acc__icon{ flex: 0 0 22px; margin-left: auto; /* lo manda al extremo derecho */ } /* Quita márgenes default dentro del bloque del título */ .cc-acc__header > :nth-child(2) *{ margin: 0 !important; } /* Separación mínima entre título y subtítulo (si aplica) */ .cc-acc__header > :nth-child(2) p{ margin-top: 4px !important; line-height: 1.2; } /* Si Elementor metió padding en la columna del título */ .cc-acc__header > :nth-child(2), .cc-acc__header > :nth-child(2) .elementor-widget-container{ padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-52c1e9b *//* Card relativo (necesario para el absolute del botón) */ .elementor-post { position: relative !important; overflow: hidden; border-radius: 12px; /* ajusta si es necesario */ } /* Botón: círculo rojo con imagen de + (Vector-3.png) */ .elementor-post__read-more { /* Diseño del círculo */ width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #CC0000 !important; /* tu rojo Canon */ background-image: url('http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/Vector-3.png') !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 10px 10px !important; /* ajusta este valor: más grande = + más grande (prueba 16px, 20px, 22px) */ border: none !important; /* Ocultamos cualquier texto residual */ color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; /* por si queda algo de texto */ /* Posicionamiento directo */ position: absolute !important; bottom: 110px !important; /* mueve verticalmente */ right: 5px !important; /* mueve horizontalmente */ /* Contenedor de cada entrada en "Noticias y eventos" */ /* Ajusta el .elementor-8185 .elementor-element.elementor-element-52c1e9b principal según tu estructura (inspecciona con F12) */ .noticias-eventos .elementor-post, .noticias-eventos .post-item, .noticias-eventos .loop-item, .noticias-eventos .elementor-grid-item, .noticias-eventos .news-event-entry { position: relative !important; } /* Agrega la categoría antes de la fecha o título (usando ::before en el meta o título) */ .noticias-eventos .elementor-post__meta::before, .noticias-eventos .post-meta::before, .noticias-eventos .entry-meta::before, .noticias-eventos .elementor-post__title::before { content: "CATEGORÍA DEL POST" !important; /* ← TEXTO FIJO (cámbialo por la categoría real si puedes) */ display: block !important; text-transform: uppercase !important; color: #333333 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; margin-bottom: 6px !important; } /* Si la categoría ya existe en HTML (busca en inspector) */ .noticias-eventos .post-categories, .noticias-eventos .elementor-post-info__item--type-category, .noticias-eventos .category-label { text-transform: uppercase !important; color: #333333 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; margin-bottom: 8px !important; display: block !important; } .noticias-eventos .post-categories a, .noticias-eventos .category-label a { color: #333333 !important; text-decoration: none !important; } .noticias-eventos .post-categories a:hover, .noticias-eventos .category-label a:hover { color: #CC0000 !important; } /* Fecha (si quieres ajustarla también) */ .noticias-eventos .elementor-post__date, .noticias-eventos .post-date, .noticias-eventos .date { color: #999999 !important; font-size: 13px !important; text-transform: lowercase !important; margin-bottom: 10px !important; } /* Orden: categoría → fecha → título */ .noticias-eventos .elementor-post__meta, .noticias-eventos .entry-meta { display: flex !important; flex-direction: column !important; order: 1 !important; } .noticias-eventos .elementor-post__title { order: 3 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4298260 *//* ========================= HEADER 3 PARTES: icono | titulo | + ========================= */ /* Header: control total del layout */ .cc-acc__header{ display: flex; align-items: center; justify-content: flex-start; /* no space-between */ gap: 12px; /* distancia icono-titulo */ } /* 1) Icono izquierdo: fijo */ .cc-acc__header > :first-child{ flex: 0 0 auto; } /* 2) Título (la parte del medio): que ocupe el espacio pero SIN dejar hueco al inicio */ .cc-acc__header > :nth-child(2){ flex: 1 1 auto; /* se estira para llenar */ min-width: 0; /* evita que empuje raro */ } /* 3) Símbolo + (tu .cc-acc__icon): fijo y a la derecha */ .cc-acc__icon{ flex: 0 0 22px; margin-left: auto; /* lo manda al extremo derecho */ } /* Quita márgenes default dentro del bloque del título */ .cc-acc__header > :nth-child(2) *{ margin: 0 !important; } /* Separación mínima entre título y subtítulo (si aplica) */ .cc-acc__header > :nth-child(2) p{ margin-top: 4px !important; line-height: 1.2; } /* Si Elementor metió padding en la columna del título */ .cc-acc__header > :nth-child(2), .cc-acc__header > :nth-child(2) .elementor-widget-container{ padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-50c6771 *//* Card relativo (necesario para el absolute del botón) */ .elementor-post { position: relative !important; overflow: hidden; border-radius: 12px; /* ajusta si es necesario */ } /* Botón: círculo rojo con imagen de + (Vector-3.png) */ .elementor-post__read-more { /* Diseño del círculo */ width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #CC0000 !important; /* tu rojo Canon */ background-image: url('http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/Vector-3.png') !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 10px 10px !important; /* ajusta este valor: más grande = + más grande (prueba 16px, 20px, 22px) */ border: none !important; /* Ocultamos cualquier texto residual */ color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; /* por si queda algo de texto */ /* Posicionamiento directo */ position: absolute !important; bottom: 110px !important; /* mueve verticalmente */ right: 5px !important; /* mueve horizontalmente */ /* Contenedor de cada entrada en "Noticias y eventos" */ /* Ajusta el .elementor-8185 .elementor-element.elementor-element-50c6771 principal según tu estructura (inspecciona con F12) */ .noticias-eventos .elementor-post, .noticias-eventos .post-item, .noticias-eventos .loop-item, .noticias-eventos .elementor-grid-item, .noticias-eventos .news-event-entry { position: relative !important; } /* Agrega la categoría antes de la fecha o título (usando ::before en el meta o título) */ .noticias-eventos .elementor-post__meta::before, .noticias-eventos .post-meta::before, .noticias-eventos .entry-meta::before, .noticias-eventos .elementor-post__title::before { content: "CATEGORÍA DEL POST" !important; /* ← TEXTO FIJO (cámbialo por la categoría real si puedes) */ display: block !important; text-transform: uppercase !important; color: #333333 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; margin-bottom: 6px !important; } /* Si la categoría ya existe en HTML (busca en inspector) */ .noticias-eventos .post-categories, .noticias-eventos .elementor-post-info__item--type-category, .noticias-eventos .category-label { text-transform: uppercase !important; color: #333333 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; margin-bottom: 8px !important; display: block !important; } .noticias-eventos .post-categories a, .noticias-eventos .category-label a { color: #333333 !important; text-decoration: none !important; } .noticias-eventos .post-categories a:hover, .noticias-eventos .category-label a:hover { color: #CC0000 !important; } /* Fecha (si quieres ajustarla también) */ .noticias-eventos .elementor-post__date, .noticias-eventos .post-date, .noticias-eventos .date { color: #999999 !important; font-size: 13px !important; text-transform: lowercase !important; margin-bottom: 10px !important; } /* Orden: categoría → fecha → título */ .noticias-eventos .elementor-post__meta, .noticias-eventos .entry-meta { display: flex !important; flex-direction: column !important; order: 1 !important; } .noticias-eventos .elementor-post__title { order: 3 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0ad8339 *//* ========================= HEADER 3 PARTES: icono | titulo | + ========================= */ /* Header: control total del layout */ .cc-acc__header{ display: flex; align-items: center; justify-content: flex-start; /* no space-between */ gap: 12px; /* distancia icono-titulo */ } /* 1) Icono izquierdo: fijo */ .cc-acc__header > :first-child{ flex: 0 0 auto; } /* 2) Título (la parte del medio): que ocupe el espacio pero SIN dejar hueco al inicio */ .cc-acc__header > :nth-child(2){ flex: 1 1 auto; /* se estira para llenar */ min-width: 0; /* evita que empuje raro */ } /* 3) Símbolo + (tu .cc-acc__icon): fijo y a la derecha */ .cc-acc__icon{ flex: 0 0 22px; margin-left: auto; /* lo manda al extremo derecho */ } /* Quita márgenes default dentro del bloque del título */ .cc-acc__header > :nth-child(2) *{ margin: 0 !important; } /* Separación mínima entre título y subtítulo (si aplica) */ .cc-acc__header > :nth-child(2) p{ margin-top: 4px !important; line-height: 1.2; } /* Si Elementor metió padding en la columna del título */ .cc-acc__header > :nth-child(2), .cc-acc__header > :nth-child(2) .elementor-widget-container{ padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8610a5d *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6737d35 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6593ad5 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0e6ff06 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a343d4 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fe3d257 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-84b37db *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a92c439 *//* ========================= HEADER 3 PARTES: icono | titulo | + ========================= */ /* Header: control total del layout */ .cc-acc__header{ display: flex; align-items: center; justify-content: flex-start; /* no space-between */ gap: 12px; /* distancia icono-titulo */ } /* 1) Icono izquierdo: fijo */ .cc-acc__header > :first-child{ flex: 0 0 auto; } /* 2) Título (la parte del medio): que ocupe el espacio pero SIN dejar hueco al inicio */ .cc-acc__header > :nth-child(2){ flex: 1 1 auto; /* se estira para llenar */ min-width: 0; /* evita que empuje raro */ } /* 3) Símbolo + (tu .cc-acc__icon): fijo y a la derecha */ .cc-acc__icon{ flex: 0 0 22px; margin-left: auto; /* lo manda al extremo derecho */ } /* Quita márgenes default dentro del bloque del título */ .cc-acc__header > :nth-child(2) *{ margin: 0 !important; } /* Separación mínima entre título y subtítulo (si aplica) */ .cc-acc__header > :nth-child(2) p{ margin-top: 4px !important; line-height: 1.2; } /* Si Elementor metió padding en la columna del título */ .cc-acc__header > :nth-child(2), .cc-acc__header > :nth-child(2) .elementor-widget-container{ padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-52c1e9b *//* Card relativo (necesario para el absolute del botón) */ .elementor-post { position: relative !important; overflow: hidden; border-radius: 12px; /* ajusta si es necesario */ } /* Botón: círculo rojo con imagen de + (Vector-3.png) */ .elementor-post__read-more { /* Diseño del círculo */ width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #CC0000 !important; /* tu rojo Canon */ background-image: url('http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/Vector-3.png') !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 10px 10px !important; /* ajusta este valor: más grande = + más grande (prueba 16px, 20px, 22px) */ border: none !important; /* Ocultamos cualquier texto residual */ color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; /* por si queda algo de texto */ /* Posicionamiento directo */ position: absolute !important; bottom: 110px !important; /* mueve verticalmente */ right: 5px !important; /* mueve horizontalmente */ /* Contenedor de cada entrada en "Noticias y eventos" */ /* Ajusta el .elementor-8185 .elementor-element.elementor-element-52c1e9b principal según tu estructura (inspecciona con F12) */ .noticias-eventos .elementor-post, .noticias-eventos .post-item, .noticias-eventos .loop-item, .noticias-eventos .elementor-grid-item, .noticias-eventos .news-event-entry { position: relative !important; } /* Agrega la categoría antes de la fecha o título (usando ::before en el meta o título) */ .noticias-eventos .elementor-post__meta::before, .noticias-eventos .post-meta::before, .noticias-eventos .entry-meta::before, .noticias-eventos .elementor-post__title::before { content: "CATEGORÍA DEL POST" !important; /* ← TEXTO FIJO (cámbialo por la categoría real si puedes) */ display: block !important; text-transform: uppercase !important; color: #333333 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; margin-bottom: 6px !important; } /* Si la categoría ya existe en HTML (busca en inspector) */ .noticias-eventos .post-categories, .noticias-eventos .elementor-post-info__item--type-category, .noticias-eventos .category-label { text-transform: uppercase !important; color: #333333 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; margin-bottom: 8px !important; display: block !important; } .noticias-eventos .post-categories a, .noticias-eventos .category-label a { color: #333333 !important; text-decoration: none !important; } .noticias-eventos .post-categories a:hover, .noticias-eventos .category-label a:hover { color: #CC0000 !important; } /* Fecha (si quieres ajustarla también) */ .noticias-eventos .elementor-post__date, .noticias-eventos .post-date, .noticias-eventos .date { color: #999999 !important; font-size: 13px !important; text-transform: lowercase !important; margin-bottom: 10px !important; } /* Orden: categoría → fecha → título */ .noticias-eventos .elementor-post__meta, .noticias-eventos .entry-meta { display: flex !important; flex-direction: column !important; order: 1 !important; } .noticias-eventos .elementor-post__title { order: 3 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4298260 *//* ========================= HEADER 3 PARTES: icono | titulo | + ========================= */ /* Header: control total del layout */ .cc-acc__header{ display: flex; align-items: center; justify-content: flex-start; /* no space-between */ gap: 12px; /* distancia icono-titulo */ } /* 1) Icono izquierdo: fijo */ .cc-acc__header > :first-child{ flex: 0 0 auto; } /* 2) Título (la parte del medio): que ocupe el espacio pero SIN dejar hueco al inicio */ .cc-acc__header > :nth-child(2){ flex: 1 1 auto; /* se estira para llenar */ min-width: 0; /* evita que empuje raro */ } /* 3) Símbolo + (tu .cc-acc__icon): fijo y a la derecha */ .cc-acc__icon{ flex: 0 0 22px; margin-left: auto; /* lo manda al extremo derecho */ } /* Quita márgenes default dentro del bloque del título */ .cc-acc__header > :nth-child(2) *{ margin: 0 !important; } /* Separación mínima entre título y subtítulo (si aplica) */ .cc-acc__header > :nth-child(2) p{ margin-top: 4px !important; line-height: 1.2; } /* Si Elementor metió padding en la columna del título */ .cc-acc__header > :nth-child(2), .cc-acc__header > :nth-child(2) .elementor-widget-container{ padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-50c6771 *//* Card relativo (necesario para el absolute del botón) */ .elementor-post { position: relative !important; overflow: hidden; border-radius: 12px; /* ajusta si es necesario */ } /* Botón: círculo rojo con imagen de + (Vector-3.png) */ .elementor-post__read-more { /* Diseño del círculo */ width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #CC0000 !important; /* tu rojo Canon */ background-image: url('http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/Vector-3.png') !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 10px 10px !important; /* ajusta este valor: más grande = + más grande (prueba 16px, 20px, 22px) */ border: none !important; /* Ocultamos cualquier texto residual */ color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; /* por si queda algo de texto */ /* Posicionamiento directo */ position: absolute !important; bottom: 110px !important; /* mueve verticalmente */ right: 5px !important; /* mueve horizontalmente */ /* Contenedor de cada entrada en "Noticias y eventos" */ /* Ajusta el .elementor-8185 .elementor-element.elementor-element-50c6771 principal según tu estructura (inspecciona con F12) */ .noticias-eventos .elementor-post, .noticias-eventos .post-item, .noticias-eventos .loop-item, .noticias-eventos .elementor-grid-item, .noticias-eventos .news-event-entry { position: relative !important; } /* Agrega la categoría antes de la fecha o título (usando ::before en el meta o título) */ .noticias-eventos .elementor-post__meta::before, .noticias-eventos .post-meta::before, .noticias-eventos .entry-meta::before, .noticias-eventos .elementor-post__title::before { content: "CATEGORÍA DEL POST" !important; /* ← TEXTO FIJO (cámbialo por la categoría real si puedes) */ display: block !important; text-transform: uppercase !important; color: #333333 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; margin-bottom: 6px !important; } /* Si la categoría ya existe en HTML (busca en inspector) */ .noticias-eventos .post-categories, .noticias-eventos .elementor-post-info__item--type-category, .noticias-eventos .category-label { text-transform: uppercase !important; color: #333333 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; margin-bottom: 8px !important; display: block !important; } .noticias-eventos .post-categories a, .noticias-eventos .category-label a { color: #333333 !important; text-decoration: none !important; } .noticias-eventos .post-categories a:hover, .noticias-eventos .category-label a:hover { color: #CC0000 !important; } /* Fecha (si quieres ajustarla también) */ .noticias-eventos .elementor-post__date, .noticias-eventos .post-date, .noticias-eventos .date { color: #999999 !important; font-size: 13px !important; text-transform: lowercase !important; margin-bottom: 10px !important; } /* Orden: categoría → fecha → título */ .noticias-eventos .elementor-post__meta, .noticias-eventos .entry-meta { display: flex !important; flex-direction: column !important; order: 1 !important; } .noticias-eventos .elementor-post__title { order: 3 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0ad8339 *//* ========================= HEADER 3 PARTES: icono | titulo | + ========================= */ /* Header: control total del layout */ .cc-acc__header{ display: flex; align-items: center; justify-content: flex-start; /* no space-between */ gap: 12px; /* distancia icono-titulo */ } /* 1) Icono izquierdo: fijo */ .cc-acc__header > :first-child{ flex: 0 0 auto; } /* 2) Título (la parte del medio): que ocupe el espacio pero SIN dejar hueco al inicio */ .cc-acc__header > :nth-child(2){ flex: 1 1 auto; /* se estira para llenar */ min-width: 0; /* evita que empuje raro */ } /* 3) Símbolo + (tu .cc-acc__icon): fijo y a la derecha */ .cc-acc__icon{ flex: 0 0 22px; margin-left: auto; /* lo manda al extremo derecho */ } /* Quita márgenes default dentro del bloque del título */ .cc-acc__header > :nth-child(2) *{ margin: 0 !important; } /* Separación mínima entre título y subtítulo (si aplica) */ .cc-acc__header > :nth-child(2) p{ margin-top: 4px !important; line-height: 1.2; } /* Si Elementor metió padding en la columna del título */ .cc-acc__header > :nth-child(2), .cc-acc__header > :nth-child(2) .elementor-widget-container{ padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8610a5d *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6737d35 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6593ad5 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0e6ff06 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a343d4 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fe3d257 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-84b37db *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a92c439 *//* ========================= HEADER 3 PARTES: icono | titulo | + ========================= */ /* Header: control total del layout */ .cc-acc__header{ display: flex; align-items: center; justify-content: flex-start; /* no space-between */ gap: 12px; /* distancia icono-titulo */ } /* 1) Icono izquierdo: fijo */ .cc-acc__header > :first-child{ flex: 0 0 auto; } /* 2) Título (la parte del medio): que ocupe el espacio pero SIN dejar hueco al inicio */ .cc-acc__header > :nth-child(2){ flex: 1 1 auto; /* se estira para llenar */ min-width: 0; /* evita que empuje raro */ } /* 3) Símbolo + (tu .cc-acc__icon): fijo y a la derecha */ .cc-acc__icon{ flex: 0 0 22px; margin-left: auto; /* lo manda al extremo derecho */ } /* Quita márgenes default dentro del bloque del título */ .cc-acc__header > :nth-child(2) *{ margin: 0 !important; } /* Separación mínima entre título y subtítulo (si aplica) */ .cc-acc__header > :nth-child(2) p{ margin-top: 4px !important; line-height: 1.2; } /* Si Elementor metió padding en la columna del título */ .cc-acc__header > :nth-child(2), .cc-acc__header > :nth-child(2) .elementor-widget-container{ padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-52c1e9b *//* Card relativo (necesario para el absolute del botón) */ .elementor-post { position: relative !important; overflow: hidden; border-radius: 12px; /* ajusta si es necesario */ } /* Botón: círculo rojo con imagen de + (Vector-3.png) */ .elementor-post__read-more { /* Diseño del círculo */ width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #CC0000 !important; /* tu rojo Canon */ background-image: url('http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/Vector-3.png') !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 10px 10px !important; /* ajusta este valor: más grande = + más grande (prueba 16px, 20px, 22px) */ border: none !important; /* Ocultamos cualquier texto residual */ color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; /* por si queda algo de texto */ /* Posicionamiento directo */ position: absolute !important; bottom: 110px !important; /* mueve verticalmente */ right: 5px !important; /* mueve horizontalmente */ /* Contenedor de cada entrada en "Noticias y eventos" */ /* Ajusta el .elementor-8185 .elementor-element.elementor-element-52c1e9b principal según tu estructura (inspecciona con F12) */ .noticias-eventos .elementor-post, .noticias-eventos .post-item, .noticias-eventos .loop-item, .noticias-eventos .elementor-grid-item, .noticias-eventos .news-event-entry { position: relative !important; } /* Agrega la categoría antes de la fecha o título (usando ::before en el meta o título) */ .noticias-eventos .elementor-post__meta::before, .noticias-eventos .post-meta::before, .noticias-eventos .entry-meta::before, .noticias-eventos .elementor-post__title::before { content: "CATEGORÍA DEL POST" !important; /* ← TEXTO FIJO (cámbialo por la categoría real si puedes) */ display: block !important; text-transform: uppercase !important; color: #333333 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; margin-bottom: 6px !important; } /* Si la categoría ya existe en HTML (busca en inspector) */ .noticias-eventos .post-categories, .noticias-eventos .elementor-post-info__item--type-category, .noticias-eventos .category-label { text-transform: uppercase !important; color: #333333 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; margin-bottom: 8px !important; display: block !important; } .noticias-eventos .post-categories a, .noticias-eventos .category-label a { color: #333333 !important; text-decoration: none !important; } .noticias-eventos .post-categories a:hover, .noticias-eventos .category-label a:hover { color: #CC0000 !important; } /* Fecha (si quieres ajustarla también) */ .noticias-eventos .elementor-post__date, .noticias-eventos .post-date, .noticias-eventos .date { color: #999999 !important; font-size: 13px !important; text-transform: lowercase !important; margin-bottom: 10px !important; } /* Orden: categoría → fecha → título */ .noticias-eventos .elementor-post__meta, .noticias-eventos .entry-meta { display: flex !important; flex-direction: column !important; order: 1 !important; } .noticias-eventos .elementor-post__title { order: 3 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4298260 *//* ========================= HEADER 3 PARTES: icono | titulo | + ========================= */ /* Header: control total del layout */ .cc-acc__header{ display: flex; align-items: center; justify-content: flex-start; /* no space-between */ gap: 12px; /* distancia icono-titulo */ } /* 1) Icono izquierdo: fijo */ .cc-acc__header > :first-child{ flex: 0 0 auto; } /* 2) Título (la parte del medio): que ocupe el espacio pero SIN dejar hueco al inicio */ .cc-acc__header > :nth-child(2){ flex: 1 1 auto; /* se estira para llenar */ min-width: 0; /* evita que empuje raro */ } /* 3) Símbolo + (tu .cc-acc__icon): fijo y a la derecha */ .cc-acc__icon{ flex: 0 0 22px; margin-left: auto; /* lo manda al extremo derecho */ } /* Quita márgenes default dentro del bloque del título */ .cc-acc__header > :nth-child(2) *{ margin: 0 !important; } /* Separación mínima entre título y subtítulo (si aplica) */ .cc-acc__header > :nth-child(2) p{ margin-top: 4px !important; line-height: 1.2; } /* Si Elementor metió padding en la columna del título */ .cc-acc__header > :nth-child(2), .cc-acc__header > :nth-child(2) .elementor-widget-container{ padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-50c6771 *//* Card relativo (necesario para el absolute del botón) */ .elementor-post { position: relative !important; overflow: hidden; border-radius: 12px; /* ajusta si es necesario */ } /* Botón: círculo rojo con imagen de + (Vector-3.png) */ .elementor-post__read-more { /* Diseño del círculo */ width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #CC0000 !important; /* tu rojo Canon */ background-image: url('http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/Vector-3.png') !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 10px 10px !important; /* ajusta este valor: más grande = + más grande (prueba 16px, 20px, 22px) */ border: none !important; /* Ocultamos cualquier texto residual */ color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; /* por si queda algo de texto */ /* Posicionamiento directo */ position: absolute !important; bottom: 110px !important; /* mueve verticalmente */ right: 5px !important; /* mueve horizontalmente */ /* Contenedor de cada entrada en "Noticias y eventos" */ /* Ajusta el .elementor-8185 .elementor-element.elementor-element-50c6771 principal según tu estructura (inspecciona con F12) */ .noticias-eventos .elementor-post, .noticias-eventos .post-item, .noticias-eventos .loop-item, .noticias-eventos .elementor-grid-item, .noticias-eventos .news-event-entry { position: relative !important; } /* Agrega la categoría antes de la fecha o título (usando ::before en el meta o título) */ .noticias-eventos .elementor-post__meta::before, .noticias-eventos .post-meta::before, .noticias-eventos .entry-meta::before, .noticias-eventos .elementor-post__title::before { content: "CATEGORÍA DEL POST" !important; /* ← TEXTO FIJO (cámbialo por la categoría real si puedes) */ display: block !important; text-transform: uppercase !important; color: #333333 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; margin-bottom: 6px !important; } /* Si la categoría ya existe en HTML (busca en inspector) */ .noticias-eventos .post-categories, .noticias-eventos .elementor-post-info__item--type-category, .noticias-eventos .category-label { text-transform: uppercase !important; color: #333333 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; margin-bottom: 8px !important; display: block !important; } .noticias-eventos .post-categories a, .noticias-eventos .category-label a { color: #333333 !important; text-decoration: none !important; } .noticias-eventos .post-categories a:hover, .noticias-eventos .category-label a:hover { color: #CC0000 !important; } /* Fecha (si quieres ajustarla también) */ .noticias-eventos .elementor-post__date, .noticias-eventos .post-date, .noticias-eventos .date { color: #999999 !important; font-size: 13px !important; text-transform: lowercase !important; margin-bottom: 10px !important; } /* Orden: categoría → fecha → título */ .noticias-eventos .elementor-post__meta, .noticias-eventos .entry-meta { display: flex !important; flex-direction: column !important; order: 1 !important; } .noticias-eventos .elementor-post__title { order: 3 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0ad8339 *//* ========================= HEADER 3 PARTES: icono | titulo | + ========================= */ /* Header: control total del layout */ .cc-acc__header{ display: flex; align-items: center; justify-content: flex-start; /* no space-between */ gap: 12px; /* distancia icono-titulo */ } /* 1) Icono izquierdo: fijo */ .cc-acc__header > :first-child{ flex: 0 0 auto; } /* 2) Título (la parte del medio): que ocupe el espacio pero SIN dejar hueco al inicio */ .cc-acc__header > :nth-child(2){ flex: 1 1 auto; /* se estira para llenar */ min-width: 0; /* evita que empuje raro */ } /* 3) Símbolo + (tu .cc-acc__icon): fijo y a la derecha */ .cc-acc__icon{ flex: 0 0 22px; margin-left: auto; /* lo manda al extremo derecho */ } /* Quita márgenes default dentro del bloque del título */ .cc-acc__header > :nth-child(2) *{ margin: 0 !important; } /* Separación mínima entre título y subtítulo (si aplica) */ .cc-acc__header > :nth-child(2) p{ margin-top: 4px !important; line-height: 1.2; } /* Si Elementor metió padding en la columna del título */ .cc-acc__header > :nth-child(2), .cc-acc__header > :nth-child(2) .elementor-widget-container{ padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8610a5d *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6737d35 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6593ad5 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0e6ff06 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a343d4 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fe3d257 *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */ .cc-acc__header p{ margin-top: 4px !important; line-height: 1.2; } /* ✅ FIX 4: si el logo es imagen, evita espacios raros */ .cc-acc__header img{ display: block; } /* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */ .cc-acc__header .elementor-widget, .cc-acc__header .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* BODY oculto por defecto */ .cc-acc__body{ display: none; } /* ========================= ESTADO ABIERTO ========================= */ .cc-acc.is-open{ border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 14px; /* separación solo cuando está abierto */ } /* Header abierto (blanco) */ .cc-acc.is-open .cc-acc__header{ background: #fff; border-radius: 0; padding-right: 46px; /* espacio para la X */ } /* Body visible */ .cc-acc.is-open .cc-acc__body{ display: block; padding: 0 18px 18px; } /* ========================= ICONOS (+ / X) ========================= */ .cc-acc__icon{ width: 22px; /* mantiene el área clickeable */ height: 22px; flex: 0 0 22px; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; /* 👈 tamaño del + */ /* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */ margin-left: auto; } /* CERRADO: + centrado */ .cc-acc:not(.is-open) .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png"); background-size: 14px 14px; /* + más pequeño */ position: static; } /* ABIERTO: X arriba derecha */ .cc-acc.is-open .cc-acc__icon{ background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png"); background-size: 18px 18px; /* X más grande */ position: absolute; top: 22px; right: 18px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-84b37db *//* ========================= ACORDEÓN CANON – FINAL DEFINITIVO (CON FIXES) ========================= */ /* CONTENEDOR DEL ACORDEÓN */ .cc-acc{ margin: 0 0 15px 0; /* ↓ menos espacio entre cerrados */ } /* HEADER (estado cerrado por defecto) */ .cc-acc__header{ cursor: pointer; position: relative; display: flex; align-items: center; /* ✅ FIX 1: evita hueco enorme entre logo y textos */ justify-content: flex-start; /* antes: space-between */ gap: 12px; /* controla espacio entre logo y textos */ padding: 14px 18px; /* ↓ un poco más compacto */ background: #E5E5E5; border-radius: 8px; } /* ✅ FIX 2: quita márgenes default (título/subtítulo) dentro del header */ .cc-acc__header h1, .cc-acc__header h2, .cc-acc__header h3, .cc-acc__header h4, .cc-acc__header p{ margin: 0 !important; } /* ✅ FIX 3: separación mínima entre título y subtítulo (si el subtítulo es
) */
.cc-acc__header p{
margin-top: 4px !important;
line-height: 1.2;
}
/* ✅ FIX 4: si el logo es imagen, evita espacios raros */
.cc-acc__header img{
display: block;
}
/* ✅ FIX 5: Elementor a veces mete wrappers con padding/margin */
.cc-acc__header .elementor-widget,
.cc-acc__header .elementor-widget-container{
margin: 0 !important;
padding: 0 !important;
}
/* BODY oculto por defecto */
.cc-acc__body{
display: none;
}
/* =========================
ESTADO ABIERTO
========================= */
.cc-acc.is-open{
border: 1px solid #E5E5E5;
border-radius: 10px;
background: #fff;
overflow: hidden;
margin-bottom: 14px; /* separación solo cuando está abierto */
}
/* Header abierto (blanco) */
.cc-acc.is-open .cc-acc__header{
background: #fff;
border-radius: 0;
padding-right: 46px; /* espacio para la X */
}
/* Body visible */
.cc-acc.is-open .cc-acc__body{
display: block;
padding: 0 18px 18px;
}
/* =========================
ICONOS (+ / X)
========================= */
.cc-acc__icon{
width: 22px; /* mantiene el área clickeable */
height: 22px;
flex: 0 0 22px;
background-repeat: no-repeat;
background-position: center;
background-size: 14px 14px; /* 👈 tamaño del + */
/* ✅ FIX 6: manda el icono al extremo derecho sin crear huecos */
margin-left: auto;
}
/* CERRADO: + centrado */
.cc-acc:not(.is-open) .cc-acc__icon{
background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-plus.svg.png");
background-size: 14px 14px; /* + más pequeño */
position: static;
}
/* ABIERTO: X arriba derecha */
.cc-acc.is-open .cc-acc__icon{
background-image: url("http://pruebas-canon.canteradigital.io/wp-content/uploads/2026/01/icon-close.svg.png");
background-size: 18px 18px; /* X más grande */
position: absolute;
top: 22px;
right: 18px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a92c439 *//* =========================
HEADER 3 PARTES: icono | titulo | +
========================= */
/* Header: control total del layout */
.cc-acc__header{
display: flex;
align-items: center;
justify-content: flex-start; /* no space-between */
gap: 12px; /* distancia icono-titulo */
}
/* 1) Icono izquierdo: fijo */
.cc-acc__header > :first-child{
flex: 0 0 auto;
}
/* 2) Título (la parte del medio): que ocupe el espacio pero SIN dejar hueco al inicio */
.cc-acc__header > :nth-child(2){
flex: 1 1 auto; /* se estira para llenar */
min-width: 0; /* evita que empuje raro */
}
/* 3) Símbolo + (tu .cc-acc__icon): fijo y a la derecha */
.cc-acc__icon{
flex: 0 0 22px;
margin-left: auto; /* lo manda al extremo derecho */
}
/* Quita márgenes default dentro del bloque del título */
.cc-acc__header > :nth-child(2) *{
margin: 0 !important;
}
/* Separación mínima entre título y subtítulo (si aplica) */
.cc-acc__header > :nth-child(2) p{
margin-top: 4px !important;
line-height: 1.2;
}
/* Si Elementor metió padding en la columna del título */
.cc-acc__header > :nth-child(2),
.cc-acc__header > :nth-child(2) .elementor-widget-container{
padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3afe889 *//* =======================================
BOTONES (TAB) ICONO ARRIBA + TEXTO ABAJO
Scope: canon-device-tabs
======================================= */
/* El clickable (tab/botón) en columna */
.canon-device-tabs .elementor-tab-title,
.canon-device-tabs [role="tab"]{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
gap: 10px !important; /* separación icono-texto */
}
/* Evita márgenes raros del texto dentro */
.canon-device-tabs .elementor-tab-title *,
.canon-device-tabs [role="tab"] *{
margin: 0 !important;
}
/* Si el icono es o