/* ============================================
   MARCA DE AGUA AFOCAT - VERSIÓN SIMPLE
   Solo agregar este archivo y funciona automáticamente
   ============================================ */

/* Marca de agua en todos los modales */
.afo-modal-contenido {
    position: relative;
    overflow: hidden;
}

.afo-modal-contenido::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-15deg);
    width: 180px;
    height: 180px;
    background-image: url('https://afocatconfianza.org/img/logoSoat.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.08;
    pointer-events: none;
    z-index: 999;
}

/* Marca de agua en tarjetas de resultados */
.afo-tarjeta {
    position: relative;
    overflow: hidden;
}

.afo-tarjeta::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-15deg);
    width: 150px;
    height: 150px;
    background-image: url('https://afocatconfianza.org/img/logoSoat.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.06;
    pointer-events: none;
    z-index: 1;
}

/* Asegurar que el contenido esté sobre la marca */
.afo-modal-encabezado,
.afo-modal-cuerpo,
.afo-modal-pie,
.afo-tarjeta-encabezado,
.afo-tarjeta-cuerpo {
    position: relative;
    z-index: 2;
    background-color: transparent;
}