.elementor-13161 .elementor-element.elementor-element-a1f319a > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13161 .elementor-element.elementor-element-34d6ce3 > .elementor-widget-container{margin:-64px 0px -118px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-13161 .elementor-element.elementor-element-a1f319a{margin-top:-32px;margin-bottom:0px;}.elementor-13161 .elementor-element.elementor-element-34d6ce3 > .elementor-widget-container{margin:-20px 0px -55px 0px;}.elementor-13161 .elementor-element.elementor-element-b644b4c{margin-top:18px;margin-bottom:18px;}.elementor-13161 .elementor-element.elementor-element-148bffc > .elementor-widget-container{margin:0px 0px 0px 15px;}}/* Start custom CSS for html, class: .elementor-element-f0e7288 *//* =========================================
   RESET DEL TEMA
========================================= */

.inner-wrap,
#primary.content-area,
.entry-content,
.elementor-section.elementor-section-full_width > .elementor-container {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}


/* =========================================
   CONTENEDOR
========================================= */

.flipbook-container {
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;

  background: #9c3968;

  overflow: hidden;
}


/* =========================================
   LIBRO
========================================= */

.flipbook {
  width: 100vw !important;

  aspect-ratio: 1 / 1;

  position: relative;

  overflow: hidden;

  perspective: 2200px;

  transform-style: preserve-3d;

  background: #f4efe9;
}


/* =========================================
   PÁGINAS
========================================= */

.flip-page {
  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  transform-origin: left center;

  transform-style: preserve-3d;

  backface-visibility: hidden;

  transition:
    transform 0.85s cubic-bezier(0.22, 0.61, 0.36, 1);

  will-change: transform;

  overflow: hidden;
}


/* =========================================
   IMÁGENES
========================================= */

.flip-page img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;

  background: #f4efe9;

  user-select: none;

  pointer-events: none;

  backface-visibility: hidden;
}


/* =========================================
   PÁGINA ACTUAL
========================================= */

.flip-page.flip-current {
  transform: rotateY(0deg);
}


/* =========================================
   PÁGINAS FUTURAS
========================================= */

.flip-page.flip-future {
  transform: rotateY(0deg);
}


/* =========================================
   PÁGINAS YA PASADAS
========================================= */

.flip-page.flip-past {
  transform: rotateY(-180deg);
}


/* =========================================
   CONTROLES
========================================= */

.flip-controls {
  text-align: center;

  margin-top: 10px;

  position: relative;

  z-index: 2000;
}


.flip-controls button {
  background: #fff;

  color: #9c3968;

  border: 2px solid #9c3968;

  padding: 10px 20px;

  font-size: 20px;

  border-radius: 10px;

  cursor: pointer;

  margin: 0 10px;

  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.2s ease;
}


.flip-controls button:hover {
  background: #9c3968;

  color: #fff;

  transform: scale(1.05);
}


.flip-controls button:active {
  transform: scale(0.95);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-148bffc *//* MICRO FOOTER */
.connect-creativa-mini {
  background-color: #9c3968;
  text-align: center;
  padding: 12px 10px;
  margin-top: 15px;
}

/* TÍTULO PEQUEÑITO EN BLANCO */
.connect-creativa-mini .connect-title {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: 0.3px;
}

/* BOTONES MINI EN HORIZONTAL */
.connect-buttons-mini {
  display: flex;
  justify-content: center;
  gap: 8px;
}

/* BOTONES ULTRA COMPACTOS */
.btn-mini {
  background-color: #fff;
  color: #9c3968;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 5px;
  text-decoration: none;
  transition: 0.3s ease;
}

.btn-mini:hover {
  background-color: #f4efe9;
  color: #9c3968;
}/* End custom CSS */