/* Importar Tipografía Oficial RENAPO / GobMX */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

:root {
    --renapo-guinda: #691C32;
    --renapo-guinda-dark: #4D1223;
    --renapo-verde: #10393B;
    --renapo-verde-dark: #0A2425;
    --renapo-dorado: #BC955C;
    --renapo-dorado-light: #D4C19C;
    --renapo-gris-fondo: #F4F6F8;
    --renapo-texto: #282929;
}

body {
    font-family: 'Montserrat', sans-serif !important;
    background-color: var(--renapo-gris-fondo);
    color: var(--renapo-texto);
}

/* Clases de Fondo e Identidad RENAPO */
.bg-renapo-guinda {
    background-color: var(--renapo-guinda) !important;
    color: #ffffff !important;
}

.bg-renapo-verde {
    background-color: var(--renapo-verde) !important;
    color: #ffffff !important;
}

.bg-renapo-dorado {
    background-color: var(--renapo-dorado) !important;
    color: #ffffff !important;
}

/* Botones con estilo institucional */
.btn-renapo-guinda {
    background-color: var(--renapo-guinda);
    color: #ffffff;
    border: none;
}

.btn-renapo-guinda:hover {
    background-color: var(--renapo-guinda-dark);
    color: #ffffff;
}

.btn-renapo-verde {
    background-color: var(--renapo-verde);
    color: #ffffff;
    border: none;
}

.btn-renapo-verde:hover {
    background-color: var(--renapo-verde-dark);
    color: #ffffff;
}

.text-renapo-guinda {
    color: var(--renapo-guinda) !important;
}

.text-renapo-verde {
    color: var(--renapo-verde) !important;
}

.text-renapo-dorado {
    color: var(--renapo-dorado) !important;
}

/* Efecto Flip 3D para Cards de Clientes */
.card-flip-container {
    perspective: 1000px;
}

.card-flip {
    transition: transform 0.6s;
    transform-style: preserve-3d;
    position: relative;
    min-height: 290px;
}

.card-flip.flipped {
    transform: rotateY(180deg);
}

.card-front, .card-back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card-back {
    transform: rotateY(180deg);
}