.elementor-1724 .elementor-element.elementor-element-2c95fe1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:767px){.elementor-1724 .elementor-element.elementor-element-2c95fe1{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-c1202ad */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&family=Great+Vibes&display=swap');

/* --- CONTENEDOR BASE --- */
.blog-eterny-editorial-v3 {
  --red: #D42A03;
  --dark: #111111;
  --gray-light: #f9f9f9;
  --orange: #F4A147;
  max-width: 1000px;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
  color: #333;
  line-height: 1.7;
  padding: 20px; /* Cojín lateral para móvil */
  box-sizing: border-box;
}

/* --- TIPOGRAFÍA CALIGRÁFICA --- */
.script-accent {
  font-family: 'Great Vibes', cursive !important;
  color: var(--red);
  font-size: 2.8rem;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}

/* --- HEADER --- */
.editorial-header { text-align: center; padding: 40px 0 20px; }
.main-title { font-weight: 800; font-size: clamp(1.8rem, 5vw, 2.8rem); text-transform: uppercase; margin: 10px 0; line-height: 1.1; letter-spacing: -1px; }
.subtitle-editorial { color: #888; font-size: 1.1rem; font-weight: 400; margin-top: 10px; }
.luxury-line { width: 60px; height: 3px; background: var(--red); margin: 20px auto; }

/* --- INTRO SPLIT (DISEÑO EDITORIAL) --- */
.intro-split { 
  display: flex; 
  gap: 50px; 
  align-items: center; 
  margin: 40px 0 60px; 
}
.intro-text { flex: 1; }
.soft-cap { 
  font-size: 3.5rem; 
  font-weight: 800; 
  color: var(--red); 
  float: left; 
  line-height: 0.8; 
  margin-right: 15px; 
  margin-top: 5px; 
}

.intro-featured-img { flex: 1; position: relative; }
.img-fluid { 
  width: 100%; 
  border-radius: 4px; 
  box-shadow: 20px 20px 0px var(--gray-light); /* Efecto de diseño revista */
}
.img-caption { font-size: 0.85rem; color: #999; display: block; margin-top: 25px; font-style: italic; text-align: center; }

/* --- BLOQUE DE IMPACTO (TIP AHORRO) --- */
.highlight-block { 
  background: var(--dark); 
  color: white; 
  padding: 60px 40px; 
  border-radius: 4px; 
  margin-bottom: 80px; 
  text-align: center;
}
.upper-label { color: var(--orange); text-transform: uppercase; font-size: 0.8rem; font-weight: 700; letter-spacing: 3px; display: block; margin-bottom: 15px; }
.highlight-block h3 { font-size: 2.2rem; color: white; margin: 0 0 20px 0; font-weight: 800; }
.highlight-block p { font-size: 1.1rem; max-width: 700px; margin: 0 auto; opacity: 0.9; }

/* --- GRILLA DE PRECIOS --- */
.price-grid { margin-bottom: 80px; }
.grid-main-title { font-weight: 800; text-align: center; margin-bottom: 45px; text-transform: uppercase; font-size: 1.6rem; }
.grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }

.price-card { 
  background: var(--gray-light); 
  padding: 40px 30px; 
  border-bottom: 5px solid #eee; 
  transition: all 0.4s ease; 
  text-align: center;
}
.price-card:hover { border-color: var(--red); transform: translateY(-10px); background: white; box-shadow: 0 20px 40px rgba(0,0,0,0.05); }
.price-range { display: block; font-weight: 800; text-transform: uppercase; font-size: 0.9rem; color: var(--red); letter-spacing: 1px; }
.price-value { display: block; font-size: 2rem; font-weight: 800; margin: 15px 0; color: var(--dark); }

/* --- SECCIÓN FACTORES (IMAGEN LATERAL) --- */
.factors-section { 
  display: flex; 
  gap: 60px; 
  align-items: center; 
  margin-bottom: 80px; 
}
.factors-content { flex: 1; }
.factors-image { flex: 1.2; }
.img-side { width: 100%; border-radius: 4px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }

.custom-list { list-style: none; padding: 0; margin-top: 30px; }
.custom-list li { 
  padding: 18px 0; 
  border-bottom: 1px solid #eee; 
  font-size: 1rem;
}
.custom-list li strong { color: var(--red); display: block; margin-bottom: 5px; text-transform: uppercase; font-size: 0.85rem; }

/* --- NAVEGACIÓN SUGERIDA --- */
.suggested-nav { 
  background: var(--gray-light); 
  padding: 30px; 
  border-left: 6px solid var(--red); 
  margin-bottom: 80px; 
}
.nav-inner span { display: block; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; color: #999; margin-bottom: 5px; }
.nav-inner a { color: var(--dark); text-decoration: none; font-weight: 800; font-size: 1.2rem; transition: color 0.3s; }
.nav-inner a:hover { color: var(--red); }

/* --- FOOTER FINAL --- */
.final-cta { text-align: center; padding: 60px 20px; background: #fafafa; border-radius: 8px; }
.cta-box { 
  background: var(--dark); 
  color: white; 
  padding: 50px 30px; 
  border-radius: 4px; 
  margin-top: 40px; 
  box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}
.cta-box p { color: white; margin-bottom: 30px; font-weight: 600; font-size: 1.1rem; }
.btn-eterny { 
  background: var(--red) !important; 
  color: white !important; 
  padding: 20px 50px; 
  text-decoration: none !important; 
  font-weight: 800; 
  letter-spacing: 2px; 
  display: inline-block; 
  transition: transform 0.3s;
}
.btn-eterny:hover { transform: scale(1.05); }

/* --- ADAPTABILIDAD RESPONSIVE (MÓVIL) --- */
@media (max-width: 768px) {
  .blog-eterny-editorial-v3 { padding: 15px; }
  
  /* Intro: Imagen arriba, texto abajo */
  .intro-split { flex-direction: column; gap: 30px; margin-top: 20px; }
  .intro-featured-img { order: -1; width: 100%; }
  .img-fluid { box-shadow: 10px 10px 0px var(--gray-light); } /* Sombra más pequeña en móvil */
  
  .soft-cap { font-size: 2.8rem; margin-top: 2px; }

  /* Bloque de impacto más compacto */
  .highlight-block { padding: 40px 20px; margin-bottom: 50px; }
  .highlight-block h3 { font-size: 1.6rem; }
  .highlight-block p { font-size: 1rem; }

  /* Grilla de precios a 1 columna */
  .grid-container { grid-template-columns: 1fr; gap: 15px; }
  .price-card { padding: 30px 20px; }
  .price-value { font-size: 1.8rem; }

  /* Factores: Imagen arriba */
  .factors-section { flex-direction: column; gap: 30px; }
  .factors-image { order: -1; width: 100%; }
  .custom-list li { padding: 15px 0; }

  /* Navegación y Footer */
  .suggested-nav { padding: 20px; border-left-width: 4px; }
  .nav-inner a { font-size: 1rem; }
  
  .script-accent { font-size: 2.2rem; }
  .cta-box { padding: 40px 20px; }
  .btn-eterny { width: 100%; box-sizing: border-box; padding: 18px 20px; text-align: center; }
}/* End custom CSS */