body{
    background-color: #04A4A1;
    background-attachment: fixed;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1002%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(169%2c 222%2c 229%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c325.612C57.78%2c309.684%2c94.235%2c257.491%2c144.536%2c224.903C194.588%2c192.476%2c261.089%2c183.829%2c294.791%2c134.627C330.524%2c82.461%2c343.507%2c14.402%2c331.208%2c-47.621C319.155%2c-108.408%2c270.09%2c-152.046%2c228.786%2c-198.245C188.117%2c-243.734%2c152.35%2c-303.297%2c92.41%2c-314.718C33.068%2c-326.025%2c-20.727%2c-282.247%2c-75.218%2c-256.168C-121.307%2c-234.11%2c-161.342%2c-206.352%2c-201.093%2c-174.248C-249.46%2c-135.186%2c-312.819%2c-106.661%2c-333.105%2c-47.893C-354.299%2c13.505%2c-331.135%2c80.169%2c-310.13%2c141.632C-287.282%2c208.487%2c-267.54%2c285.703%2c-206.776%2c321.75C-146.261%2c357.65%2c-67.832%2c344.311%2c0%2c325.612' fill='%236cc7d3'%3e%3c/path%3e%3cpath d='M1440 1006.807C1524.615 996.6659999999999 1599.3899999999999 962.267 1679.031 931.9390000000001 1781.16 893.048 1913.286 894.8389999999999 1973.507 803.645 2033.621 712.613 1986.926 591.498 1975.4859999999999 483.009 1963.5819999999999 370.116 1982.7350000000001 239.82299999999998 1905.301 156.81400000000002 1828.05 74.00200000000001 1698.0729999999999 76.19799999999998 1585.395 64.832 1489.486 55.158000000000015 1391.481 56.09100000000001 1303.798 96.13999999999999 1222.624 133.216 1184.348 221.88 1115.979 279.234 1030.185 351.20500000000004 887.409 369.281 851.683 475.413 816.484 579.981 888.912 691.106 945.44 785.858 997.683 873.427 1067.9769999999999 952.4200000000001 1161.077 994.0129999999999 1247.811 1032.762 1345.679 1018.111 1440 1006.807' fill='%23e6f6f8'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1002'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


a {
    text-decoration: none; /* Elimina el subrayado */
    color: inherit; /* Hereda el color del texto del padre */
}

/* Estilo del checkbox */
.custom-checkbox input[type="checkbox"] {
    appearance: none; /* Elimina el estilo predeterminado del checkbox */
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px; /* Tamaño del checkbox */
    height: 20px;
    background-color: #fff;
    border: 2px solid #008b9d; /* Color del borde */
    border-radius: 3px; /* Bordes redondeados */
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; /* Transiciones */
}

/* Estilo del checkmark */
.custom-checkbox input[type="checkbox"]:checked:after {
    content: '\2714'; /* Unicode para un tick */
    font-size: 12px; /* Tamaño del tick */
    color: #fff; /* Color del tick */
    position: absolute;
    left: 4px;
    top: 2px;
    transition: transform 0.3s ease-in-out; /* Transición de la animación */
}

/* Cambia el color del checkbox cuando está marcado */
.custom-checkbox input[type="checkbox"]:checked {
    background-color: #008b9d;
    border-color: #008b9d;
}

/* Estilo cuando se pasa el ratón por encima */
.custom-checkbox input[type="checkbox"]:hover {
    background-color: #f0f0f0;
}

/* Ocultar el input */
.custom-checkbox input {
    opacity: 0;
    position: absolute;
}