*{
 padding: 0;
 margin: 0;
}

.cookies-box {
 position: fixed;
 bottom: 0;
 background: #0d5284;
 width: 100%;
 display: flex;
 justify-content: center;
 box-shadow: -2px 0 15px 0px rgba(0,0,0.5);
 transition: all 500ms ease;
}

.cookies-box .container-cookies {
 padding: 20px 0;
 max-width: 90%;
 display: flex;
 align-items: center;
}

.cookies-box .container-cookies .parrafo p {
 color: #fff;
}

.cookies-box .container-cookies .parrafo p a {
 color: #ccc;
}

.cookies-box .container-cookies .botones {
 display: flex;
 flex-direction: column;
 margin-left: 10px;
}

.cookies-box .container-cookies .botones button {
 background: transparent;
 color: #fff;
 border: 2px solid #fff;
 padding: 5px 10px;
 border-radius: 30px;
 cursor: pointer;
 transition: all 200ms ease-in;
}

.cookies-box .container-cookies .botones button:hover {
 color: #B03A2E;
 border: 2px solid #B03A2E;
}

.cookies-box .container-cookies .botones button:last-child {
 margin-top: 5px;
}

/*------------------------------------------------*/

.modal {
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 background: #0d5284;
 color: #fff;
 /*border: 1px solid rgba(0,0,0,.5);*/
 border-radius: 5px;
 padding: 20px;
 font-family: sans-serif;
 visibility: hidden;
 opacity: 0;
 transition: all 500ms ease;
 width: 80%;
 max-height: 380px;
 overflow-y: scroll;
}

.modal .titulo {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 15px;
}

.modal .titulo button {
 padding: 4px 8px;
 background: transparent;
 border: 2px solid #fff;
 border-radius: 5px;
 color: #fff;
 font-size: 20px;
}

.modal .titulo button:hover {
 color: #B03A2E;
 border: 2px solid #B03A2E;
}

.modal .parrafo {
 text-align: justify;
 margin-bottom: 15px;
}

.modal .aceptar-modal button {
 background: transparent;
 color: #fff;
 border: 2px solid #fff;
 padding: 5px 10px;
 border-radius: 30px;
 cursor: pointer;
 transition: all 200ms ease-in;
}

.modal .aceptar-modal button:hover {
 color: #B03A2E;
 border: 2px solid #B03A2E;
}

#ver {
 cursor: pointer;
}