/*
    font-family: 'Be Vietnam Pro', sans-serif;
    font-family: 'Mulish', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Questrial', sans-serif;
    font-family: 'Quicksand', sans-serif;
    font-family: 'Antic Slab', serif;
    font-family: 'Balsamiq Sans', cursive;
    font-family: 'Bree Serif', serif;
    font-family: 'Grenze Gotisch', cursive;
    font-family: 'Indie Flower', cursive;
    font-family: 'Oxygen', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Roboto', sans-serif;
*/
/*

    #007243
    #448cbb
    #eab5b0
    #fae9cf
    #101340


*/

body {
    /* background: #007243; */
    /* 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='1080' preserveAspectRatio='none' viewBox='0 0 1440 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1097%26quot%3b)' fill='none'%3e%3crect width='1440' height='1080' x='0' y='0' fill='rgba(0%2c 114%2c 67%2c 1)'%3e%3c/rect%3e%3cpath d='M426.594%2c437.79C490.782%2c438.574%2c557.217%2c423.398%2c593.048%2c370.136C633.045%2c310.683%2c641.591%2c232.635%2c606.721%2c170.037C571.009%2c105.929%2c499.753%2c65.578%2c426.594%2c71.322C360.871%2c76.482%2c320.97%2c136.957%2c289.593%2c194.936C260.228%2c249.198%2c236.724%2c312.416%2c267.039%2c366.153C297.74%2c420.575%2c364.114%2c437.027%2c426.594%2c437.79' fill='rgba(234%2c 181%2c 176%2c 0.74)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1122.52 724.5 a232.18 232.18 0 1 0 464.36 0 a232.18 232.18 0 1 0 -464.36 0z' fill='rgba(234%2c 181%2c 176%2c 0.74)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M815.7746052282962 693.0582806383192L578.2724597732358 676.2230461719473 666.2341819779678 864.8575681799343z' fill='rgba(234%2c 181%2c 176%2c 0.74)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M793.577827759496 763.1295636529758L765.8866111166477 883.0734004710491 959.6479746651819 864.638307026285z' fill='rgba(234%2c 181%2c 176%2c 0.74)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M294.04630210606086 281.6143039192609L283.2367639799283 75.35602940331535 76.9784894639827 86.16556752944794 87.78802759011529 292.4238420453935z' fill='rgba(234%2c 181%2c 176%2c 0.74)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M289.775%2c1504.505C393.564%2c1505.992%2c471.659%2c1416.125%2c516.097%2c1322.318C554.25%2c1241.779%2c537.584%2c1151.479%2c493.773%2c1073.872C449.044%2c994.639%2c380.558%2c927.499%2c289.775%2c921.411C188.242%2c914.602%2c80.91%2c953.594%2c32.158%2c1042.916C-15.138%2c1129.57%2c26.301%2c1229.786%2c74.412%2c1315.99C124.245%2c1405.28%2c187.53%2c1503.04%2c289.775%2c1504.505' fill='rgba(234%2c 181%2c 176%2c 0.74)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M833.5894796664095 390.312890790086L833.5894796664096 626.2176731192612 1069.4942619955848 626.2176731192612 1069.4942619955848 390.31289079008593z' fill='rgba(234%2c 181%2c 176%2c 0.74)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1097'%3e%3crect width='1440' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e"); */
    background: url('../media/bg01.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    width: 100%;
    min-height: 100vh;
    font-family: 'Roboto', sans-serif;
    color: #101340;
}
.alert-dark {
    background:  #448bbbcc;
    /* border: 1px solid #10134022; */
    /* border-left: 10px solid #10134059;
    border-right: 10px solid #10134059;
    border-top: 30px solid #10134022;
    border-bottom: 15px solid #10134077; */
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.alert-light {
    background: #fae9cf;
    border: 2px solid #eab5b0;
}

.btn {
    font-weight: bold;
}
i {
    font-size: 1.3rem;
    position: relative;
    top: -5px;
    left: 5px;
}
kbd {
    transition: all .3s ease;
    padding: 5px; border: 2px solid #fae9cf;
    border-radius: 7px;
    box-shadow: 0px 0px 3px #123;
    font-size: .9rem;
}
kbd a {
    color: #fae9cf;
    text-decoration-color: #fae9cf;
    text-decoration: none;
}
kbd:hover {
    background: #fae9cf;
    color: #101340;

}
a {text-decoration: none;}
.btn-light {
    background: #101340;
    border: 2px solid #fae9cf;
    color: #fae9cf;
}
.btn-light:hover {
    background: #e0d3bf;
    border: 2px solid #eab5b05F;
}
.header {
    width: 100%;
    margin: 0;
    padding: 0;
}
.contenedor {
    /* border-left: 10px solid #10134059;
    border-right: 10px solid #10134059;
    border-top: 30px solid #10134022;
    border-bottom: 15px solid #10134077; */

    min-width: 75%;
    max-width: 80%;
    border-radius: 20px;
    padding: 3%;
    font-size: 1.2rem;
    /* background: #fae9cfDD; */
    background: #eeeeeeB0;
    border-radius: 25px 25px 0px 0px;

    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    /* border: 1px solid #101340DD; */
}
.contenedor p {
    text-align: justify;
}
@media screen and (max-width: 420px) {

    body {
        background-size: cover;
        background-position: 50%, -50%;
    }
    h3 {
        font-size: 1rem;
    }
    .btn {
        font-weight: bold;
        font-size: .9rem;
    }
    li {
        margin: 10px;
        word-break: break-all;
        overflow-wrap: break-word;

    }
    a {
        word-break: keep-all;
        text-wrap: nowrap;
    }
    kbd   {
        font-size: .9rem;
        inline-size: 150px;
        overflow-wrap: break-word;
        word-break: break-all;

    }
    i {
        font-size: 1.3rem;
        position: relative;
        top: 0;
        left: 0;
    }
    .alert-dark {
        background:  #448bbbcc;
        border: 1px solid #10134022;
        /* border-left: 10px solid #10134059;
        border-right: 10px solid #10134059;
        border-top: 30px solid #10134022;
        border-bottom: 15px solid #10134077; */
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }
    .alert-light {
        background: #fae9cf;
        border: 2px solid #eab5b0;
    }
    .contenedor {
        /* border-left: 10px solid #10134059;
        border-right: 10px solid #10134059;
        border-top: 30px solid #10134022;
        border-bottom: 15px solid #10134077; */

        min-width: 75%;
        max-width: 95%;
        border-radius: 15px 15px 0px 0px;
        padding: 3%;
        font-size: 1.1rem;
        /* background: #fae9cfDD; */
        background: #eeeeeeB0;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        /* border: 1px solid #101340DD; */

    }
}
@media screen and (min-width: 421px) and (max-width: 900px) {

}
@media screen and (min-width: 901px) and (max-width: 1366px) {



}
@media screen and (min-width: 1367px) and (max-width: 1920px) {

}


@keyframes intro {
    0% {}
    100% {}
}