.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-be4f8a1:#CE894A;--e-global-color-3c6f794:#E7872F;--e-global-color-70332d3:#3BB9C4;--e-global-color-07b12f4:#14AAB7;--e-global-color-a7056a3:#5b6b86;--e-global-color-b6f0e44:#F7F7F7;--e-global-color-2611c92:#155197;--e-global-color-24068d2:#5B6B86;--e-global-typography-primary-font-family:"Branding";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Branding";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Branding";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Branding";--e-global-typography-accent-font-weight:500;font-family:"Branding", Sans-serif;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Botón secundario de las tarjetas del catálogo (plantilla Archivo de productos #170).

   Se define UNA sola vez aquí, en el CSS personalizado del kit, y no en el post 347, porque
   Elementor es quien renderiza este botón y el 347 no repinta nada que Elementor ya pinte.
   Tampoco va en Ajustes del sitio -> Botones: eso alcanzaría a los otros 18 widgets de tipo
   button del sitio, no solo a estas tarjetas.

   Los cuatro widgets que la usan se quedaron sin ningún ajuste de color ni de borde propio
   (2026-07-30): no hay nada que vaciar en ellos.

   DOS COSAS DEL SELECTOR, las dos aprendidas a golpes:

   1. La clase la lleva el WRAPPER del widget (div.elementor-element), que es donde Elementor
      escribe el campo "Clases CSS" de la pestaña Avanzado. Por eso es descendiente y no
      `.elementor-button.bdp-btn-secundario`, que no coincidiría nunca.

   2. Va anclado a .elementor-widget-button, o sea 0,3,0, y no por capricho: Elementor genera
      en el CSS de CADA documento una regla de defecto `.elementor-widget-button .elementor-button`
      atada al color global "Accent" (#61CE70). Es 0,2,0, lo mismo que este .elementor-kit-5 sin anclar,
      y ganaría por orden de carga, porque post-5.css se carga antes que post-170.css. Sin el
      anclaje los botones salen VERDES.

   Nada de !important: si algún día hiciera falta, no será por especificidad, será porque
   alguien volvió a poner color en el widget. Se quita de ahí. */
.elementor-widget-button.bdp-btn-secundario .elementor-button{
	background-color:transparent;
	border:2px solid #155197;
	color:#155197;
	transition:background-color .18s ease, color .18s ease, border-color .18s ease;
}
.elementor-widget-button.bdp-btn-secundario .elementor-button:hover,
.elementor-widget-button.bdp-btn-secundario .elementor-button:focus{
	background-color:#155197;
	border-color:#155197;
	color:#fff;
}
.elementor-widget-button.bdp-btn-secundario .elementor-button:focus-visible{
	outline:3px solid #3BB9C4;
	outline-offset:2px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Branding';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://banderasdelpan.com/wp-content/uploads/2026/07/Branding-Semibold.ttf') format('truetype');
}
/* End Custom Fonts CSS */