{} *{} 
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 :root { --primary-color: #8B4513; /* Marrón tierra oscuro */ --secondary-color: #A0522D; /* Marrón tierra medio */ --accent-color: #D2B48C; /* Marrón claro/beige */ --light-color: #F5F5DC; /* Beige claro */ --dark-color: #3E2723; /* Marrón muy oscuro */ } body { font-family: 'Montserrat', sans-serif; background-color: var(--light-color); color: #333; line-height: 1.6; } .title-font { font-family: 'Playfair Display', serif; } .btn-primary { background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)); color: white; font-weight: 700; padding: 15px 30px; border-radius: 8px; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(139, 69, 19, 0.3); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(139, 69, 19, 0.4); } .feature-icon { color: var(--primary-color); background-color: rgba(139, 69, 19, 0.1); border-radius: 50%; padding: 12px; } .testimonial-card { background: white; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-top: 3px solid var(--primary-color); } .ebook-cover { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); border-radius: 8px; border: 5px solid white; cursor: pointer; transition: transform 0.3s ease; } .ebook-cover:hover { transform: scale(1.03); } .urgency-badge { background-color: var(--primary-color); animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } .form-container { background: white; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); border-top: 5px solid var(--primary-color); } .input-field { background-color: #f5f5f5; border: 1px solid #ddd; color: #333; border-radius: 6px; padding: 12px 16px; width: 100%; font-size: 16px; } .input-field:focus { border-color: var(--primary-color); outline: none; } .submit-btn { background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)); color: white; border: none; border-radius: 8px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; width: 100%; padding: 15px; font-size: 18px; text-transform: uppercase; } .submit-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(139, 69, 19, 0.4); } .dark-section { background-color: var(--secondary-color); color: white; } .darker-section { background-color: var(--dark-color); color: white; } /* Estilos específicos del formulario */ .phone-container { display: flex; align-items: center; gap: 10px; } .country-select { width: 120px; padding: 12px; border: 1px solid #ddd; border-radius: 6px; background-color: #f5f5f5; } .separator { color: var(--primary-color); font-weight: bold; } .author-name { color: var(--primary-color); font-weight: 600; } /* Estilos para móvil */ @media (max-width: 768px) { .mobile-order { display: flex; flex-direction: column; } .mobile-order .ebook-image { order: 1; margin-bottom: 2rem; } .mobile-order .ebook-content { order: 2; } }