/* Página Mapfre Internacional */
@import url("//fonts.googleapis.com/css?family=Noto+Sans:400,700");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
    blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
    em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
    b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
    details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
    output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    overflow: hidden;
}

html {
    line-height: 1
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q, blockquote {
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup,
    main, menu, nav, section, summary {
    display: block
}

.closed-session__header, .closed-session__body, .closed-session__footer
    {
    background: #fff
}

.closed-session__header *, .closed-session__body *,
    .closed-session__footer * {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400
}

.closed-session__header * strong, .closed-session__body * strong,
    .closed-session__footer * strong {
    font-weight: 700
}

@media ( min-width : 1199px) {
    .closed-session__header .container, .closed-session__body .container,
        .closed-session__footer .container {
        width: 100%;
        margin: 0 auto;
        height: 200px
    }
}

.closed-session__header {
    padding-bottom: 20px
}

.closed-session__header .logo {
    height: 50px
}


.closed-session__header .login-wrapper {
    padding-top: 20px;
    float: right;
}

.closed-session__header .login {
    color: #FFF;
    font-size: 15px;
    line-height: 20px;
    text-decoration: underline;
    float: right;
    width: 60px;
    margin-top: 10px;    
}

.closed-session__header .login:hover {
    text-decoration: none
}



.closed-session__body {
    height: calc(100vh - 180px);
    display: flex;
    flex-direction: column
}

.closed-session__body .body-fill {
    background: url("../img/body-bg.png") no-repeat center center;
    background-size: cover;
    flex-grow: 1
}

.closed-session__body .body-info {
    padding-bottom: 15px
}

.closed-session__body .body-info__item {
    text-align: center;
    font-size: 18px;
    line-height: 1.5em;
    padding: 0 1em;
    margin-top: 10px
}

.closed-session__body .body-info__item:first-child {
    margin-top: 0
}



.closed-session__footer {
    padding-top: 20px;
    padding-bottom: 10px;
    padding: 20px 1em 10px
}

.closed-session__footer .footer-list__item {
    display: inline-block;
    position: relative;
    margin-left: 10px
}

.closed-session__footer .footer-list__item::before {
    content: '/';
    position: absolute;
    left: -10px;
    color: #DF0027;
    font-size: 15px;
    line-height: 20px
}

.closed-session__footer .footer-list__item:first-child {
    margin-left: 0
}

.closed-session__footer .footer-list__item:first-child::before {
    content: none
}

.closed-session__footer .footer-list__item__link {
    color: #DF0027;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none
}

.closed-session__footer .footer-list__item__link:hover {
    text-decoration: underline
}

.closed-session__body div.body-fill {
    height: 100px;
    max-height: 350px;
}

.logo-wrapper{
	background: #DF0027;
	height: 50px;
}


/* -------------------------
   MODERN SELECT (2025 look)
   ------------------------- */


/* Centrado moderno */
.header-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    gap: 12px;
}

/* Select integrado */
.enhanced-select {
    background: #ffffff;
    color: #222;
    padding: 6px 32px 6px 10px;
    border-radius: 6px;
    font-size: 15px;
    border: none;
    min-width: 200px;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23d81e05' stroke='%23d81e05' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
}