/* =========================================
   INTRODUCCIÓN AL MÉTODO (Contenedor restringido)
   ========================================= */
.method-intro-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 var(--spacing-base);
}

/* =========================================
   JERARQUÍA DE TÍTULOS
   ========================================= */
.method-h1 {
    font-size: clamp(2rem, 4vw, 3rem);
    margin-bottom: 1.5rem;
    font-weight: normal;
}

/* Reducción del 20% respecto al formato original de clamp(1.8rem, 3.5vw, 2.6rem) */
.method-h2 {
    font-size: clamp(1.44rem, 2.8vw, 2.08rem);
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-weight: normal;
    letter-spacing: -0.02em;
    color: var(--color-black);
}

.method-h3 {
    margin-top: 2rem;
    margin-bottom: .5rem;
}

@media (max-width: 768px) {
    .method-h1 {
        margin-bottom: 1.5rem;
    }
    .method-h2 {
        text-align: center;
        margin-bottom: 2rem;
    }
}

/* =========================================
   UTILIDADES ESPECÍFICAS
   ========================================= */
.direction-rtl {
    direction: rtl;
}

.direction-rtl > * {
    direction: ltr;
}

.text-content h3 {
    border-bottom: 1px solid var(--color-black);
    padding-bottom: 0.5rem;
    display: inline-block;
}

/* Ajustes Responsivos */
@media (max-width: 768px) {
    .direction-rtl {
        direction: ltr;
    }
}