:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-449d4907 *//* ==========================================================================
   ESTILOS DE HISTORIA - FORMATO REVISTA DIGITAL DE MODA (GLORIA SERRANO)
   ========================================================================== */

.story-editorial-section {
  background-color: #ffffff !important;
  padding: 80px 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #2a2a2a;
}

.story-container {
  max-width: 800px !important; /* Ancho óptimo de lectura para formato editorial */
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Badge Superior Coral */
.story-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #B89680; 
  font-weight: 700;
  margin-bottom: 16px;
}

.story-header {
  text-align: center;
  margin-bottom: 50px;
}

.story-header h2 {
  font-size: 38px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: -1px !important;
  margin-bottom: 20px !important;
  color: #2a2a2a !important;
}

.story-lead {
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: #666666 !important;
  max-width: 680px;
  margin: 0 auto;
}

/* Tipografías de subtítulos e historia */
.story-body-text h3 {
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  margin-top: 35px !important;
  margin-bottom: 16px !important;
  color: #2a2a2a !important;
}

.story-body-text p {
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #4a4a4a !important;
  margin-bottom: 22px !important;
}

/* Letra capital estilo Vogue en el primer párrafo */
.story-body-text p.dropcap::first-letter {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 52px;
  float: left;
  line-height: 0.95;
  padding-right: 10px;
  color: #2a2a2a;
  font-weight: 700;
}

/* Caja de la Frase Destacada de Gloria S. */
.story-quote-wrapper {
  margin: 45px 0 !important;
  padding: 35px !important;
  background-color: #f9f7f5 !important; /* Fondo crema característico */
  border-left: 3px solid #B89680 !important; /* Detalle coral lateral */
  border-radius: 0 8px 8px 0;
  text-align: left;
}

.story-editorial-quote {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-style: italic !important;
  font-size: 22px !important;
  line-height: 1.5 !important;
  color: #2a2a2a !important;
  margin: 0 0 12px 0 !important;
}

.story-author-signature {
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #B89680 !important;
  font-weight: 700 !important;
  display: block;
}

.serif-italic {
  font-family: Georgia, serif;
  font-style: italic;
}

/* Párrafo destacado de cierre */
.story-highlight-paragraph {
  background: linear-gradient(to right, rgba(184, 150, 128, 0.06), transparent);
  padding: 15px 20px !important;
  border-radius: 4px;
}

/* Caja de Condecoración y Enlace */
.story-award-block {
  margin-top: 50px !important;
  padding: 24px !important;
  border: 1px solid #e6ded8 !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  background-color: #faf9f8 !important;
}

.award-icon {
  font-size: 24px;
  line-height: 1;
}

.award-content h4 {
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin: 0 0 6px 0 !important;
  color: #2a2a2a !important;
  font-weight: 700 !important;
}

.award-content p {
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: #555555 !important;
  margin: 0 !important;
}

.story-inline-link {
  color: #B89680 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  border-bottom: 1px dashed #B89680 !important;
  transition: all 0.3s ease !important;
}

.story-inline-link:hover {
  color: #2a2a2a !important;
  border-bottom-style: solid !important;
}

/* Ajustes Responsive para Teléfonos */
@media (max-width: 768px) {
  .story-editorial-section { padding: 50px 0 !important; }
  .story-header h2 { font-size: 28px !important; }
  .story-lead { font-size: 16px !important; }
  .story-body-text h3 { font-size: 20px !important; }
  .story-editorial-quote { font-size: 19px !important; }
  .story-quote-wrapper { padding: 25px !important; }
  .story-award-block { flex-direction: column !important; gap: 8px !important; }
}/* End custom CSS */