.elementor-11047 .elementor-element.elementor-element-3de707fc{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11047 .elementor-element.elementor-element-074cdf8 .elementor-wrapper{--video-aspect-ratio:1.77777;}/* Start custom CSS for text-editor, class: .elementor-element-46b8a0ec */<style>
.catamaran-btn {
  /* --- 1. Estilos de la barra naranja (de tu imagen) --- */
  background-color: #ff6600; /* El fondo naranja */
  border: 2px solid black;       /* El borde negro */
  border-radius: 10px;           /* Las esquinas redondeadas */
  
  /* --- 2. Espaciado y alineación --- */
  display: flex;                 /* Activa Flexbox */
  justify-content: space-between; /* Empuja el texto a la izq. y el ícono a la der. */
  align-items: center;            /* Centra todo verticalmente */
  padding: 12px 20px;           /* Espacio interno (12px arriba/abajo, 20px izq/der) */
  
  /* --- 3. Estilos del texto y enlace --- */
  text-decoration: none;         /* Quita el subrayado azul del enlace */
  color: white;                  /* Color del texto (blanco contrasta bien) */
  font-size: 24px;               /* Tamaño de letra (como en tu primer intento) */
  font-weight: bold;             /* Texto en negrita */
  font-family: Arial, sans-serif; /* Opcional, pero se ve más limpio */
}

/* Estilo opcional para el ícono si quieres que sea gris (no funciona con todos los emojis) */
.catamaran-btn .emoji-icon {
  color: #AAAAAA; 
  opacity: 0.8;
}
</style>/* End custom CSS */