/* Custom Curved Button - Base Styles */

.ccb-button {
    position: relative;
    overflow: hidden;
    display: flex;
    text-decoration: none;
    transition: all 0.3s ease;
    transform: scale(1);
    box-sizing: border-box;
    /* --- INICIO DE LA CORRECCIÓN DE RESPONSIVIDAD --- */
    max-width: 100%; /* Asegura que el botón nunca se desborde de su contenedor padre */
    height: auto !important; /* Permite que la altura se ajuste automáticamente para mantener la proporción */
    /* --- FIN DE LA CORRECCIÓN DE RESPONSIVIDAD --- */
}

.ccb-button:hover {
    transform: scale(1.05);
}

.ccb-svg-defs {
    position: absolute;
    width: 0;
    height: 0;
}

.ccb-image-section,
.ccb-overlay,
.ccb-text-section,
.ccb-divider-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.ccb-text-section {
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.ccb-text-content {
    width: 50%;
    box-sizing: border-box;
}

.ccb-text-content.align-right {
    margin-left: 50%;
}

.ccb-title, .ccb-subtitle {
    margin: 0;
    padding: 0;
}

.ccb-title {
    font-weight: bold;
    text-transform: uppercase;
}

.ccb-subtitle {
    font-size: 0.8em;
    margin-top: 0.5em;
}

.ccb-divider-svg {
    pointer-events: none;
}