.elementor-25949 .elementor-element.elementor-element-ab68d47{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-25949 .elementor-element.elementor-element-e72e23f{text-align:center;}.elementor-25949 .elementor-element.elementor-element-e72e23f .elementor-heading-title{color:#EEFBFF;font-family:"Nebula", Sans-serif;font-size:1.7vw;font-weight:normal;text-transform:uppercase;font-style:normal;text-shadow:0px 0px 34px #3EE3FF;}.elementor-25949 .elementor-element.elementor-element-d251bef{text-align:left;color:#FFFFFF;}.elementor-25949 .elementor-element.elementor-element-d74f759{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-25949 .elementor-element.elementor-element-80a7658{text-align:center;}.elementor-25949 .elementor-element.elementor-element-80a7658 .elementor-heading-title{color:#EEFBFF;font-family:"Nebula", Sans-serif;font-size:1.7vw;font-weight:normal;text-transform:uppercase;font-style:normal;text-shadow:0px 0px 34px #3EE3FF;}.elementor-25949 .elementor-element.elementor-element-c8aaced{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-25949 .elementor-element.elementor-element-c8aaced.elementor-element{--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-25949 .dialog-message{width:645px;height:100vh;align-items:flex-start;}#elementor-popup-modal-25949{justify-content:flex-start;align-items:center;}#elementor-popup-modal-25949 .dialog-close-button{display:flex;}#elementor-popup-modal-25949 .dialog-widget-content{background-color:transparent;background-image:radial-gradient(at center center, #000000D1 0%, #083647 100%);box-shadow:2px 8px 23px 3px rgba(188.864336172065, 255, 249.22337486605662, 0.42);}@media(max-width:1024px){.elementor-25949 .elementor-element.elementor-element-e72e23f .elementor-heading-title{font-size:8vw;}.elementor-25949 .elementor-element.elementor-element-80a7658 .elementor-heading-title{font-size:8vw;}}@media(max-width:767px){.elementor-25949 .elementor-element.elementor-element-e72e23f{text-align:center;}.elementor-25949 .elementor-element.elementor-element-e72e23f .elementor-heading-title{font-size:9vw;}.elementor-25949 .elementor-element.elementor-element-80a7658{text-align:center;}.elementor-25949 .elementor-element.elementor-element-80a7658 .elementor-heading-title{font-size:9vw;}}/* Start custom CSS for shortcode, class: .elementor-element-8db170f */#ch_editor{
    background:#fff;        /* ← fondo blanco */
    color:#000;             /* texto negro para buen contraste */
}

/*  tamaño y forma de los botones */
#ch_toolbar button{
  width:32px;      
  height:32px;
  line-height:32px;         
  border-radius:50%;
  font-size:14px;          
  padding:0;
  border:1px solid #8ff;    
  cursor:pointer;
 
}

/* botón de “lista” (alargado) — reduce altura para que encaje con los circulares  */
#ch_toolbar button[data-cmd="insertUnorderedList"]{
  border-radius:20px;
  line-height:32px;
  padding: 0 16px;
  width: auto

}

/* input type=color… lo “camuflamos” como círculo sin borde */
#ch_color{
  border:1px;
  width:38px;
  height:40px;
  border-radius:50%;
  padding:0;
  cursor:pointer;
  margin-left:4px;
  background:none;
}
/* “tapamos” el swatch para que sea un círculo limpio */
#ch_color::-webkit-color-swatch{
  border:none;
  border-radius:50%;
  radius:50%;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c8aaced */.user-notes-container{
  font-size:0;                /* truco para que no se meta el white-space */
}

.user-note{
  display:inline-block;
  vertical-align:top;
  margin:0 0.8rem 0.8rem 0;   /* derecha + abajo → separación */
  width:260px;                /* ancho fijo para que cuadren las columnas */
  /* ... resto de estilos iguales ... */
}


/* Cada recuadro de nota */
.user-note {
  background: #EEFBFF;  
  border-radius: 0.5rem;            /* esquinas redondeadas */
  padding: 1rem;
 
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  display: inline-block;
  position: relative;
  transform: rotate(-1deg);         /* un leve giro para naturalidad */
  font-family: sans-serif;
  transition: transform 0.2s;
}

/* Pequeña animación al pasar el ratón */
.user-note:hover {
  transform: rotate(0deg) scale(1.03);
  box-shadow: 0 6px 10px rgba(0,0,0,0.3);
}

/* Título */
.user-note h4 {
  margin: 0 0 0.5em;
  font-size: 1em;
}

/* Fecha */
.user-note .note-date {
  font-size: 0.7em;
  color: #555;
  margin-bottom: 0.5em;
}

/* Contenido */
.user-note .note-content {
  font-size: 0.9em;
  line-height: 1.4;
}

/* Enlaces dentro de la nota */
.user-note .note-link {
  display: inline-block;
  margin-top: 0.7em;
  font-size: 0.8em;
  color: #004080;
  text-decoration: underline;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Nebula';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://detrasdeloaparente.com/wp-content/uploads/2024/09/Nebula-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Nebula';
	font-style: oblique;
	font-weight: normal;
	font-display: auto;
	src: url('https://detrasdeloaparente.com/wp-content/uploads/2024/09/Nebula-Hollow.ttf') format('truetype');
}
/* End Custom Fonts CSS */