@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap");

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Cabin", sans-serif;
}
body {
    font-family: "Roboto", sans-serif;
}

/* Estilos de background  */

.layout-registration {
    background-image: url(/img/multimedia/PATRON-2.png);
    background-size: cover;
    overflow: hidden;
}
.half-moon {
    top: 50%;
    right: -12%;
    background-size: auto 85%;
    background-position: left;
    width: 80vw;
    /* Tamaño de la imagen */
    height: 120vh;
    border-radius: 50%;
    transform: translate(35%, -50%);
    /* Asegurar que la imagen esté al frente */
    z-index: 2;
    box-shadow: 0 30px 0 25px #bc955c;
}

/* Paleta de color */

.golden-color {
    color: #b28e5c;
}

.red-color {
    color: #9d2148;
}

.ivory-color {
    color: #fffae9;
}

.gray-background {
    background-color: #f4f0fe;
}

.golden-background {
    background-color: #b28e5c;
}

.golden-background:hover {
    background-color: #b28e5c;
}

/* Estilos personalizados de componentes */

.footer-btn {
    background-color: #b28e5c;
    border-color: rgba(118, 118, 118, 0.3);
    padding: 6px 12px;
}

.footer-btn:hover {
    background-color: #9d2148;
}

.footer-btn:active {
    background-color: #9d2148;
    -webkit-transform: translate(2.5px, 2.5px);
    transform: translate(2.5px, 2.5px);
}

.register-btn {
    background-color: #235b4e;
    padding: 6px 12px;
    border-radius: 4px;
    border-color: rgba(118, 118, 118, 0.3);
}

.register-btn:hover {
    background-color: #b28e5c;
}

.register-btn:active {
    background-color: #b28e5c;
    -webkit-transform: translate(2.5px, 2.5px);
    transform: translate(2.5px, 2.5px);
}

.register-btn:disabled {
    background-color: #235b4e;
    border-color: #235b4e;
    pointer-events: none;
    opacity: 0.5;
}

.search-btn {
    background-color: #9d2148;
    border-color: #7676764d;
    padding: 6px 12px;
}
.search-btn:hover {
    background-color: #b28e5c;
}
.search-btn:active {
    background-color: #b28e5c;
    -webkit-transform: translate(2.5px, 2.5px);
    transform: translate(2.5px, 2.5px);
}

.simulate-btn {
    border-color: #7676764d;
    border-width: 1.81818px;
    border-style: outset;
    border-image-repeat: stretch;
}

.form-control:focus,
.form-select:focus {
    border-color: #235b4e;
    outline: 0;
    box-shadow: none;
    transition-duration: 0.5s;
}

.alert-background {
    background-color: var(--bs-danger-border-subtle);
}

.radio {
    height: 18px;
    width: 18px;
}
.radio:focus,
.radio:hover,
.radio:active,
.radio:checked {
    accent-color: #235b4e;
    color: #235b4e;
}