:root { --color-blanco: #ffffff; --color-gris: #f6f6f6; --color-verde: #009148; --color-verde-claro: #009b59; --color-negro: #555555; --color-oled: #000000; --color-shadow-img: #fafafa }
html { box-sizing: border-box }
*, *::before, *::after { margin: 0; padding: 0; box-sizing: inherit }
a { text-decoration: none; outline: none; color: currentColor }
.loadinggg { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 666; background: rgba(0, 0, 0, .85); -webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) both; animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) both }
.loadinggg svg { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); max-width: 70px }
@-webkit-keyframes fade-in {
	0% { opacity: 0 }
	100% { opacity: 1 }
}
@keyframes fade-in {
	0% { opacity: 0 }
	100% { opacity: 1 }
}
::selection { background-color: var(--color-verde); color: var(--color-blanco); text-decoration-color: var(--color-verde) }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 }
input[type="number"] { -moz-appearance: textfield; appearance: textfield }
textarea:focus, input:focus { outline: none }
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, 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-size: 100%; font: inherit; vertical-align: baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { background: var(--color-blanco); line-height: 1; font-family: "Almarai", serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; max-width: 1920px; margin: 0 auto; font-size: 62.5%; position: relative; color: var(--color-oled); overflow-x: hidden; padding: 0 }
body.fancybox-active { overflow: hidden }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
.limpia, .espacio { clear: both }
html.loaded .transicion { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out }
.noevents { pointer-events: none }
* { scrollbar-width: thin }
::-webkit-scrollbar { height: 4px; width: 4px }
::-webkit-scrollbar-button { height: 0; width: 0 }
::-webkit-scrollbar-thumb { background: var(--color-oled) }
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active { background: var(--color-oled) }
::-webkit-scrollbar-track { background: var(--color-verde) }
::-webkit-scrollbar-track:hover, ::-webkit-scrollbar-track:active { background: var(--color-verde) }
::-webkit-scrollbar-corner { background: transparent }
::-webkit-input-placeholder { color: var(--color-oled) }
::-moz-placeholder { color: var(--color-oled) }
:-ms-input-placeholder { color: var(--color-oled) }
:-moz-placeholder { color: var(--color-oled) }
.oculto { display: none !important }
div.format_popup { position: relative; overflow: hidden; max-width: 900px; margin: 0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, .1); cursor: default !important; font-family: "Almarai", serif; min-width: 280px; background: var(--color-blanco); border-radius: 60px }
div.format_popup.minified { max-width: 768px }
div.format_popup .tit { color: var(--color-oled); margin-top: 0; max-width: 90%; font-size: 3em; text-wrap: pretty; font-weight: 600; text-transform: uppercase; color: var(--color-verde) }
div.format_popup h1, div.format_popup h2, div.format_popup h3, div.format_popup h4, div.format_popup h5 { font-weight: 600; font-size: 2em; color: var(--color-oled); text-transform: uppercase; margin: 0; margin-top: 60px }
div.format_popup img { height: auto; width: auto; max-width: 100%; max-height: 100%; display: inline-block; border-radius: 5px }
div.format_popup table, div.format_popup ul, div.format_popup ol, div.format_popup p { font-size: 1.65em; margin: 20px 0 0 0; font-weight: 400; line-height: 1.4 }
div.format_popup b, div.format_popup strong { font-weight: bold }
div.format_popup a { text-decoration: underline; color: var(--color-verde); word-break: break-all; font-weight: bold }
div.format_popup.minified .limit { min-width: 225px }
div.format_popup.legal p { text-align: justify }
div.format_popup ul ol, div.format_popup ol ul, div.format_popup ol ol, div.format_popup ul ul { font-size: inherit }
div.format_popup .limit::-webkit-scrollbar { width: 5px; height: 5px }
div.format_popup table { width: 100%; border-collapse: collapse; white-space: nowrap }
div.format_popup tr:nth-of-type(odd) { background: var(--color-gris) }
div.format_popup th { background: var(--color-oled); color: var(--color-blanco); font-weight: bold }
div.format_popup td, div.format_popup th { padding: 6px; border: 1px solid var(--color-gris); text-align: left }
div.format_popup li { list-style: none; background: url("../img/web/dot.svg") left top 7px no-repeat; background-size: 10px; margin-left: 20px; padding-left: 15px }
div.format_popup li p { font-size: 1em; margin: 0 }
.scroll_table { overflow: auto; margin-top: 40px; font-size: 16px; line-height: 1.3; margin-bottom: 40px; max-width: 90vw }
.scroll_table::-webkit-scrollbar { width: 22px; height: 22px }
.scroll_table table { width: 100%; border-collapse: collapse; margin-bottom: 40px; white-space: nowrap }
.scroll_table tr:nth-of-type(odd) { background: rgba(0, 0, 0, .05) }
.scroll_table th { background: var(--color-oled); color: var(--color-blanco); letter-spacing: 1px; font-weight: 600 }
.scroll_table td, .scroll_table th { padding: 20px; border: 0; text-align: left; white-space: nowrap }
.fancybox-thumbs__list a:before { border-color: var(--color-oled) }
*[role="button"] { cursor: pointer }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: var(--color-oled) !important }
.menu_ham { display: none }
.fancybox-bg { background: var(--color-oled) }
.fancybox-thumbs__list a:before { border-color: var(--color-verde) }
form .campos .campo { position: relative; margin-top: 20px }
form .campos .campo.especial { padding-top: 30px; padding-bottom: 20px }
form .campos .campo:first-child { margin-top: 0 }
form .campos .campo select, form .campos .campo input { display: block; width: 100%; height: 60px; font-size: 1.65em; line-height: 40px; background: none; padding: 0 20px; border-width: 0; color: var(--color-oled); font-family: "Almarai", serif; padding-top: 20px }
form .campos .campo label { font-family: "Almarai", serif; position: absolute; top: 0; left: 0; right: 0; display: block; font-size: 1.65em; font-weight: 600; line-height: 60px; z-index: 1; pointer-events: none; color: var(--color-oled); padding: 0 20px }
html.loaded form .campos .campo label { transition: all 300ms ease-in-out }
form .campos .campo input[type="number"]:focus ~ label, form .campos .campo input[type="email"]:focus ~ label, form .campos .campo input[type="tel"]:focus ~ label, form .campos .campo input[type="text"]:focus ~ label, form .campos .campo select:focus ~ label, form .campos .campo textarea:focus ~ label { top: 7.5px; font-size: 1.4em; line-height: 15px }
form .campos .campo select:valid ~ label, form .campos .campo select:not(:placeholder-shown) ~ label, form .campos .campo input[type="number"]:valid ~ label, form .campos .campo input[type="email"]:valid ~ label, form .campos .campo input[type="email"]:not(:placeholder-shown) ~ label, form .campos .campo input[type="tel"]:valid ~ label, form .campos .campo input[type="tel"]:not(:placeholder-shown) ~ label, form .campos .campo input[type="text"]:valid ~ label, form .campos .campo input[type="text"]:not(:placeholder-shown) ~ label, form .campos .campo input[type="password"]:valid ~ label, form .campos .campo input[type="password"]:not(:placeholder-shown) ~ label, form .campos .campo textarea:valid ~ label, form .campos .campo textarea:not(:placeholder-shown) ~ label { top: 7.5px; font-size: 1.4em; line-height: 1 }
form .campos .campo textarea { position: relative; font-family: "Almarai", serif; display: block; width: 100%; border-width: 0; height: 120px; color: var(--color-oled); padding: 30px 20px; font-size: 1.65em; line-height: 20px; background: none; resize: vertical; min-height: 120px; max-height: 260px }
form .boton { float: right; text-align: center; margin-top: 30px }
form .checks { float: left; margin-top: 30px }
form .checks .check { position: relative; display: block; font-size: 1.65em; line-height: 1.3; font-family: "Almarai", serif; text-align: left; margin-top: 10px; color: var(--color-oled) }
form .checks .check label a { text-decoration: underline; text-transform: lowercase }
form .checks .check input[type="checkbox"] { display: none; border: 0; border-radius: 0; background: transparent; opacity: 0 }
form .checks .check label { position: relative; line-height: 20px; display: block; padding-left: 25px; cursor: pointer }
form .checks .check label:before { content: ""; position: absolute; top: 0; left: 0; height: 20px; width: 20px; border-radius: 100%; box-shadow: 0 0 0 1px var(--color-oled) inset; transition: all ease-in-out 300ms; pointer-events: none }
form .checks .check input[type="checkbox"]:checked + label:before { box-shadow: 0 0 0 10px var(--color-oled) inset }
.disabled { opacity: .2 !important; pointer-events: none !important }
#cookie-bar { display: none; position: fixed; bottom: 20px; left: 20px; right: 20px; max-width: 440px; padding: 30px; text-align: center; background: var(--color-blanco); color: var(--color-oled); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5); z-index: 50 }
html.loaded #cookie-bar { display: block; -webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) both; animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) both }
#cookie-bar p { margin: 0 }
#cookie-bar p span { text-align: justify; hyphens: auto; display: block; margin-bottom: 10px; font-size: 1.5em; line-height: 1.4; text-wrap: pretty; font-weight: 400 }
#cookie-bar p span b { font-weight: 600 }
#cookie-bar a { transition: all linear 300ms; vertical-align: middle; margin-top: 10px; padding: 0 10px; font-size: 1.3em; font-weight: 600; line-height: 50px; height: 50px; text-align: center; width: calc(50% - 5px); text-decoration: none; border-radius: 50px; background: var(--color-verde); color: var(--color-blanco); text-transform: uppercase; float: right; box-shadow: 0 0 0 1px currentColor }
#cookie-bar a:last-child { background: var(--color-blanco); color: var(--color-oled); float: left }
.menu_ham { display: none }
.contenedor { padding: 0 100px }
.no-upper { text-transform: none !important; }
.cabecera { position: absolute; left: 0; right: 0; top: 0; z-index: 9 }
.cabecera .logo img { height: auto; max-height: 100%; max-width: 100%; width: auto }
.cabecera .logo { display: inline-block; vertical-align: top; position: relative; overflow: hidden; width: 225px; height: 122px }
.cabecera .menu { display: inline-block; vertical-align: top; text-align: right; width: calc(100% - 225px) }
.cabecera .menu li { display: inline-block; vertical-align: top; line-height: 1.3; font-size: 1.8em; margin: 58px 0 0 40px; font-weight: 600; position: relative; z-index: 2; color: var(--color-verde); text-transform: uppercase }
.cabecera .menu li.sel { color: var(--color-oled) }
.cabecera .menu li:last-child { margin-top: 28px }
.cabecera .menu li ul { display: inline-block; vertical-align: top; position: relative; width: 90px; height: 70px; background: url("../img/web/down.svg") right 5px no-repeat; background-size: 15px; cursor: pointer }
.cabecera .menu li ul li.on a { pointer-events: none }
.cabecera .menu li ul.abierto li.on { text-decoration: underline }
.cabecera .menu li ul li { text-align: left; font-size: 1em; margin: 0; position: absolute; right: 20px; top: 0; z-index: 1; color: var(--color-oled) }
.cabecera .menu li ul li:nth-child(2) { margin-top: 30px }
.cabecera .menu li ul li:nth-child(3) { margin-top: 50px }
.cabecera .menu li ul li:not(:first-child) { font-size: 13px; display: none; color: var(--color-blanco) }
.cabecera .menu li ul.abierto { background-image: url("../img/web/down_w.svg") }
.cabecera .menu li ul::after { content: ""; position: absolute; left: 0; width: 120px; height: 120px; z-index: -1; background-color: var(--color-verde-claro); transform: translate(-13px, -28px); border-radius: 20px; border-top-left-radius: 40px; border-bottom-right-radius: 40px; transition: all ease-in-out 300ms; opacity: 0 }
.cabecera .menu li ul.abierto::after { opacity: 1 }
.cabecera .menu li ul.abierto li { color: var(--color-blanco) }
.cabecera .menu li ul.abierto li:not(:first-child) { display: block }
.boton { display: inline-block; vertical-align: top; border-radius: 60px; border-top-left-radius: 90px; border-bottom-right-radius: 90px; background-color: var(--color-verde); color: var(--color-blanco); font-size: 18px; font-weight: 600; line-height: 1.3; position: relative; min-width: 220px; padding: 30px; text-transform: uppercase; text-align: center }
.cont_banners { position: relative; overflow: hidden }
.cont_banner:not(:first-child) { display: none }
.cont_banner .banner { height: calc(var(--vh, 1vh) * 100); max-height: 1050px; position: relative }
.cont_banner .banner .img_banner img { width: 100%; height: auto; display: none }
.cont_banner .banner .img_banner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; max-width: 650px; mask-image: url("../img/web/forma.svg"); -webkit-mask-image: url("../img/web/forma.svg"); mask-size: contain; mask-repeat: no-repeat; -webkit-mask-size: contain; filter: brightness(.666) }
.cont_banner .banner .txt_banner { position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; display: flex; justify-content: center; flex-direction: column; width: calc(100% - 650px); padding-left: 75px; padding-right: 100px }
.cont_banner .banner .txt_banner .titulo b { color: var(--color-verde) }
.cont_banner .banner .txt_banner .titulo { font-size: 6em; text-transform: uppercase }
.fake_dots { position: absolute; bottom: 100px; right: 0; width: 100%; max-width: calc(100% - 650px); z-index: 3; padding-left: 75px }
.fake_dots .fake_dot.active .enlace a { color: var(--color-verde) }
.fake_dots .fake_dot.active { opacity: 1; border-color: var(--color-verde); pointer-events: auto }
.fake_dots .fake_dot { display: inline-block; vertical-align: top; opacity: .3; margin: 0 10px; border-top: solid 1px; padding-top: 20px; pointer-events: none }
.fake_dots .fake_dot .enlace a { display: inline-block; vertical-align: top; border-radius: 60px; border-top-left-radius: 90px; border-bottom-right-radius: 90px; background-color: var(--color-verde); color: var(--color-blanco); font-size: 18px; font-weight: 600; line-height: 1.3; position: relative; min-width: 220px; padding: 30px; margin-top: 50px; background-color: transparent; text-transform: uppercase; color: var(--color-oled); text-align: center; box-shadow: 0 0 0 1px var(--color-oled) inset }
.fake_dots .fake_dot .subtitulo { font-size: 1.8em; color: var(--color-oled) }
.verde_png { background: url("../img/web/adiprem_acercade.svg") no-repeat var(--color-verde); background-size: contain; background-position: right center; border-radius: 90px; padding: 90px 0; margin: 100px 20px; position: relative }
.verde_png .txt { color: var(--color-blanco); max-width: calc(100% - 590px) }
.verde_png .txt .subtitulo, .verde_png .txt .titulo { font-size: 2.4em; letter-spacing: 2px; font-weight: 600; text-wrap: pretty }
.verde_png .txt .titulo { text-transform: uppercase; opacity: .5 }
.verde_png .txt .subtitulo { font-size: 4em; margin-top: 20px; text-indent: 170px }
.descripcion { line-height: 1.6 }
.descripcion p { margin-top: 25px }
.descripcion strong, .descripcion b { font-weight: 600 }
.descripcion a { color: var(--color-verde); text-decoration: underline }
.descripcion .boton { color: var(--color-blanco); text-decoration: none }
.descripcion li { margin-top: 10px; position: relative; padding-left: 35px; list-style: none }
.popup_miembro .aux::before, .descripcion li::before { content: ""; position: absolute; width: 20px; height: 20px; background-image: url("../img/web/check.svg"); background-size: contain; background-repeat: no-repeat; left: 0; top: 0; transform: translateY(6px); z-index: 1 }
.descripcion ul, .descripcion ol { margin-left: 0; margin-top: 25px }
.descripcion h2, .descripcion h3 { font-size: 1.5em; line-height: 1.2; font-weight: 600; margin-top: 40px }
.verde_png .txt .descripcion { font-size: 4em; line-height: 1; margin-top: 20px }
.verde_png .imagen { position: absolute }
.wrap_foto a img { height: auto; max-height: 100%; max-width: 100%; width: auto; display: block }
.wrap_foto a { display: block }
.verde_png .wrap_foto { position: absolute; right: 0; bottom: 0; z-index: 1; width: 100%; max-width: 590px }
.verde_png .contenedor { padding: 0 80px }
.std_txt .titulo, .std_txt .subtitulo { text-transform: uppercase; font-weight: 300; color: var(--color-verde); text-wrap: pretty }
.std_txt .titulo { font-size: 2.4em }
.std_txt .subtitulo { font-size: 4em; font-weight: 600; margin-top: 40px }
.std_txt .descripcion { font-size: 2em; line-height: 1.6; margin-top: 40px }
.std_txt .boton { text-align: center; margin-top: 40px }
.item_actividad { display: inline-block; vertical-align: top; width: calc(100% / 3 - 20px * 2 / 3); margin-right: 20px }
.item_actividad:nth-child(3n) { margin-right: 0 }
.item_actividad .texto { background-color: var(--color-verde); border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; padding: 30px 40px; padding-top: 10px; color: var(--color-blanco); text-align: center }
.item_actividad .titulo, .item_actividad .subtitulo { font-size: 2.2em; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; line-height: 20px; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(20px * 2); text-wrap: pretty }
.item_actividad .subtitulo { font-size: 1.8em; margin-top: 15px; font-weight: 300 }
.item_actividad .imagen img { height: auto; max-height: 100%; max-width: 100%; width: auto; display: block }
.item_actividad .imagen { display: block }
.item_actividad .cont_imagen { position: relative; overflow: hidden; border-top-left-radius: 60px; border-top-right-radius: 60px }
.wave { position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; background-color: var(--color-verde); mask-image: url("../img/web/wave.svg"); -webkit-mask-image: url("../img/web/wave.svg"); mask-repeat: no-repeat; mask-size: cover; -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% auto; z-index: 1 }
.logos, .cards, .carrusel, .area_socios { background-color: var(--color-gris); padding: 100px; border-radius: 90px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative }
.logos .superior, .cards .superior, .carrusel .superior { position: relative; width: 500px; margin-right: 50px; display: inline-block; vertical-align: top }
.cards .inferior, .carrusel .inferior { position: relative; display: inline-block; vertical-align: top; width: calc(100% - 550px) }
.carrusel .item_actividad { display: none }
.carrusel .item_actividad:nth-child(-n + 3) { display: inline-block }
.carrusel .owl-loaded .item_actividad { display: block; width: auto; margin-right: 0 }
.carrusel .navegacion { position: absolute; bottom: 100px; right: 100px; z-index: 1 }
.carrusel .navegacion [class^="owl-"] { display: inline-block; vertical-align: top; width: 80px; height: 50px; margin-left: 10px; border-radius: 30px; border-top-left-radius: 60px; border-bottom-right-radius: 60px; background: url("../img/web/flecha.svg") no-repeat center var(--color-verde); background-size: 30px; cursor: pointer }
.carrusel .navegacion .owl-prev { margin-left: 0; transform: scaleX(-1) }
.wavy { background: url("../img/web/wavy.svg") no-repeat center bottom; background-size: contain; height: 100px; z-index: 1; position: absolute; bottom: -1px; left: 0; right: 0 }
.quatro { padding: 100px 0 }
.quatro .txt { float: right; width: calc(100% - 1000px); max-width: 520px }
.quatro .txt .dir, .quatro .txt .tel, .quatro .txt .mail { display: inline-block; vertical-align: top; font-size: 2.4em; font-weight: 600; color: var(--color-verde); text-transform: lowercase; padding-top: 80px; background-position: left top; background-repeat: no-repeat; background-size: 50px; margin-top: 40px; margin-bottom: 20px; text-wrap: pretty }
.quatro .txt .mail { background-image: url("../img/web/mention.svg"); margin-left: 40px }
.quatro .txt .tel { background-image: url("../img/web/support.svg") }
.quatro .txt .dir { display: block; background-image: url("../img/web/map.svg"); text-transform: none }
.quatro .fotos_secundarias { float: left; width: 100%; max-width: 1000px; position: relative }
.quatro .fotos_secundarias .wrap_foto { position: relative; z-index: 2; display: inline-block; vertical-align: top; width: auto; border-radius: 60px; overflow: hidden; box-shadow: 15px 0 0 0 var(--color-shadow-img) }
.quatro .fotos_secundarias .wrap_foto:nth-child(1) { max-width: 400px; margin-top: 120px; box-shadow: none }
.quatro .fotos_secundarias .wrap_foto:nth-child(2) { max-width: 580px; margin-left: 20px }
.quatro .fotos_secundarias .wrap_foto:nth-child(3) { position: absolute; bottom: 0; right: calc(580px - 320px); max-width: 320px; transform: translateY(60%); z-index: 2 }
.quatro .fotos_secundarias .wrap_foto:nth-child(4) { position: absolute; right: 0; transform: translate(calc(100% + 150px), 100%); bottom: 0; z-index: 2 }
.cont_enlaces { margin-top: 200px }
.cont_enlaces .enlaces { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px }
.cont_enlaces .enlaces .enlace { background-color: var(--color-gris); display: flex; flex: 1 1 calc(50% - 20px); flex-direction: column; border-radius: 60px; background-image: url("../img/web/adiprem_banner_cuadrado.svg"); background-repeat: no-repeat; background-position: right top; padding: 100px }
.cont_enlaces .enlaces .enlace:nth-child(2n) { margin-right: 0 }
.cont_enlaces .enlaces .enlace img { height: auto; max-height: 100%; max-width: 100%; width: auto }
.cont_enlaces .enlaces .enlace .subtitulo { max-width: 50% }
.cont_enlaces .enlaces .enlace.e_1 .titulo { display: none }
.cont_enlaces .enlaces .enlace.e_1 { padding-top: 160px }
.cont_enlaces .enlaces .enlace .link { margin-top: 40px; display: block; font-size: 3em; padding: 15px 200px 15px 0; background: url("../img/web/ico_socios.svg") no-repeat right center; background-size: auto 100% }
.pie::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 90px; background: url("../img/web/footer.svg") no-repeat center bottom; background-size: 100%; z-index: 1; transform: translateY(-80px) }
.pie { color: var(--color-blanco); text-align: center; position: relative }
.pie .contenedor { max-width: none; background-color: var(--color-verde); padding: 10px 0 60px 0 }
.pie .info { font-size: 1.6em }
.pie .info a { display: inline-block; vertical-align: top; margin: 0 10px }
.pie .legales li:nth-child(2)::before, .pie .legales li:nth-child(2)::after, .pie .info .dir::before, .pie .info .dir::after { content: ""; display: inline-block; vertical-align: top; width: 6px; height: 6px; background-color: var(--color-blanco); border-radius: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0 }
.pie .legales li:nth-child(2)::before, .pie .info .dir::before { left: unset; right: 0 }
.pie .legales li:nth-child(2)::after, .pie .info .dir::after { left: 0 }
.pie .legales li:nth-child(2), .pie .info .dir { position: relative; padding-left: 25px; padding-right: 25px }
.pie .info .logo { display: block; max-width: 320px; margin: 0 auto; margin-bottom: 40px }
.pie .info .logo img { height: auto; max-height: 100%; max-width: 100%; width: auto }
.pie .legales li { display: inline-block; vertical-align: top; margin: 0 10px; position: relative }
.pie .legales { list-style: none; margin: 0; margin-top: 40px; padding: 0; font-size: 1.3em; font-weight: 600; text-transform: uppercase }
.pie .inferior::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--color-blanco); z-index: 1; border-top-left-radius: 90px; border-top-right-radius: 90px }
.pie .inferior { background-color: var(--color-verde); color: var(--color-verde); font-size: 1.3em; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; padding: 25px 100px; position: relative }
.pie .inferior .sgm, .pie .inferior .copyright { z-index: 2; position: relative }
.migas .banner .txt_banner .titulo .tit { color: var(--color-verde) }
.migas .scroll_down::after { content: ""; display: block; width: 30px; height: 16px; background: url("../img/web/flecha.svg") no-repeat center; background-size: 100%; margin: 0 auto; margin-top: 20px; transform: rotate(90deg); position: absolute; right: 30px; z-index: 4; bottom: 35px }
.migas .scroll_down { cursor: pointer; position: absolute; right: 100px; bottom: 100px; z-index: 3; padding-right: 60px }
.item_objetivo { background-color: var(--color-verde-claro); display: flex; flex-direction: column; flex: 1; min-width: calc(100% / 4 - 20px * 3 / 4); max-width: calc(100% / 4 - 20px * 3 / 4); border-radius: 60px; position: relative; overflow: hidden }
.item_objetivo:nth-child(4n) { margin-right: 0 }
.item_objetivo .texto { background-color: var(--color-verde); border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; padding: 30px 40px; padding-top: 10px; color: var(--color-blanco); text-align: center; flex-grow: 1; display: flex; flex-direction: column }
.item_objetivo .titulo { font-size: 2em; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; line-height: 20px; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(20px * 2); font-weight: 600; text-wrap: pretty }
.item_objetivo .descripcion { font-size: 1.5em; margin-top: 0; font-weight: 300; flex-grow: 1 }
.item_objetivo .descripcion p { margin-top: 15px }
.item_objetivo .imagen img { height: auto; max-height: 100%; max-width: 100%; width: auto; display: block }
.item_objetivo .imagen { display: block; max-width: 60px; margin: 30px }
.item_objetivo .cont_imagen { position: relative; overflow: hidden; border-top-left-radius: 60px; border-top-right-radius: 60px }
.cards .superior .titulo, .superior_socios .titulo { font-weight: 600; font-size: 4em }
.cards .inferior { width: auto; display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px }
.alone { padding-top: 100px; padding-bottom: 100px }
.alone .wrap_foto, .alone .txt { display: inline-block; vertical-align: top; padding-right: 100px; width: 50% }
.alone .wrap_foto { padding-right: 0; position: sticky; right: 0; top: 0; border-radius: 60px; overflow: hidden }
.logos .inferior { display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 10px; margin-top: 40px }
.item_miembro { background-color: var(--color-blanco); border-radius: 30px; padding: 10px; display: flex; justify-content: center; align-items: center; flex-direction: column; aspect-ratio: 1 / 1; cursor: pointer }
.item_miembro .imagen { display: flex; justify-content: center; align-items: center; width: 100%; height: 100px }
.item_miembro .imagen img { max-width: 100%; max-height: 100%; object-fit: contain; display: block }
.popup_miembro .imagen { display: block; text-align: center; margin-bottom: 40px }
.popup_miembro .imagen img { width: 100%; height: auto; max-width: 200px }
.popup_miembro .descripcion { margin-top: 30px; margin-bottom: 30px }
.popup_miembro .tit { font-size: 4em }
div.popup_miembro table, div.popup_miembro ul, div.popup_miembro ol, div.popup_miembro p, .popup_miembro .aux { font-size: 1.8em }
.popup_miembro .aux { margin-top: 20px; padding-left: 35px; position: relative; line-height: 1.4; max-width: 50%; text-wrap: pretty }
.popup_miembro .aux strong { color: var(--color-verde); font-weight: 600; display: block; margin-bottom: 10px }
.popup_miembro .aux::before { transform: none }
div.popup_miembro { cursor: auto !important; padding: 100px; padding-top: 50px }
.fancybox-slide--html .fancybox-close-small { right: 10px; top: 10px; width: 60px; height: 60px; border-radius: 100% }
.servicio { position: relative; padding: 0; margin-bottom: 100px }
.servicio .contenedor { display: flex; align-items: flex-end }
.servicio:nth-child(2n) .contenedor { flex-direction: row-reverse }
.servicio .titulo { font-weight: 600; font-size: 10em; left: 100px; position: absolute; top: 0 }
.servicio .txt { flex: 1; padding-top: 100px }
.servicio .wrap_foto { flex: 0 0 60%; position: static; box-shadow: 15px 0 0 0 var(--color-shadow-img) }
.servicio:nth-child(2n) .titulo { left: calc(60% + 80px) }
.servicio:nth-child(2n) .txt { padding-right: 0; padding-left: 100px }
.contenido_18 { background-color: var(--color-gris); border-top-left-radius: 90px; border-top-right-radius: 90px; background-image: url(../img/web/adiprem_servicios.svg); background-size: 1100px auto; background-repeat: no-repeat; background-position: right bottom; padding-bottom: 300px }
.actividades .item_actividad_listado { background-color: var(--color-gris); padding: 80px; border-radius: 60px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-left: 20px; margin-right: 20px; overflow: hidden; margin-bottom: 100px }
.actividades .item_actividad_listado .texto .subtitulo { margin-top: 0 }
.actividades .item_actividad_listado .texto { display: inline-block; padding-right: 100px; vertical-align: top; width: 60% }
.actividades .item_actividad_listado.sin_imagen .texto { display: block; padding-right: 0; vertical-align: top; width: 100% }
.actividades .item_actividad_listado .imagen img { height: auto; max-height: 100%; max-width: 100%; width: auto; object-fit: contain; display: none }
.actividades .item_actividad_listado .imagen { position: absolute; bottom: 0; border-bottom-right-radius: 60px; z-index: 1; right: 0; width: 40%; top: 0; background-repeat: no-repeat; background-position: right bottom; background-size: contain }
.actividades .item_actividad_listado:nth-child(2n) { background-color: var(--color-blanco); padding-left: 80px; padding-right: 80px }
.actividades .item_actividad_listado.first { margin-top: 100px }
.actividades .item_actividad_listado:nth-child(2n) .imagen { right: unset; left: 80px; border-radius: 60px; overflow: hidden; background-position: center; background-size: cover }
.actividades .item_actividad_listado:nth-child(2n) .texto { padding-right: 0; padding-left: calc(40% + 100px + 80px); width: auto }
.contacto .contenido .contenedor .txt .dir, .contacto .contenido .contenedor .txt .tel, .contacto .contenido .contenedor .txt .mail { font-size: 2em }
.contacto .contenido .contenedor .txt { float: none; width: auto; max-width: none; padding-right: 100px }
.contacto .contenido .contenedor { max-width: none !important; padding: 0 !important; margin: 0 !important }
.contacto .contenido { padding: 0; max-width: 630px; display: inline-block; vertical-align: top }
.contacto { padding: 100px }
.contacto_formulario { display: inline-block; vertical-align: top; width: calc(100% - 630px); text-align: right }
.contacto_formulario .formulario { display: inline-block; vertical-align: top; max-width: 980px; background-color: var(--color-gris); padding: 50px; background-image: url("../img/web/adiprem_contacto.svg"); background-position: right bottom; background-repeat: no-repeat; background-size: 70%; width: 100%; border-radius: 60px; text-align: left }
.contacto_formulario form .campos .campo textarea { min-height: 300px; max-height: 600px }
form .campos .campo select, form .campos .campo input { background-color: var(--color-blanco); border-radius: 60px }
form .campos .campo textarea { background-color: var(--color-blanco); border-radius: 30px }
form .middle_earth { display: inline-block; vertical-align: top; width: calc(50% - 10px); margin-right: 20px }
form .middle_earth:nth-child(2) { margin-top: 0 }
form .middle_earth:nth-child(2n) { margin-right: 0 }
.cont_mapa { height: 440px }
.mapa { position: relative; width: 100%; height: 100%; overflow: hidden }
.mapa iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none }
body.legal .cabecera { background-color: var(--color-verde-claro); padding-bottom: 15px; position: relative; left: unset; right: unset; top: unset }
body.legal .cabecera .menu li { color: var(--color-blanco) }
body.legal .cabecera .menu li ul { background-image: url(../img/web/down_w.svg) }
body.legal .cabecera .menu li ul::after { background-color: var(--color-verde) }
.std_txt.legal { padding-top: 100px; padding-bottom: 100px }
.std_txt.legal .subtitulo { margin-top: 0 }
.owlboy .descripcion { min-height: 370px }
.legal .descripcion h2, .legal .descripcion h3 { font-size: 1.3em }
.legal .descripcion { font-size: 1.45em }
.legal .descripcion p { text-align: justify; hyphens: auto; margin-top: 10px }
.legal .descripcion li::before { background-size: 11px }
.legal .descripcion li { padding-left: 16px }
.legal .descripcion ul, .legal .descripcion ol { margin-left: 30px; margin-top: 10px }
.legal .scroll_table { font-size: 14.5px }
.menu_ham { display: none; color: var(--color-blanco); border: none; position: fixed; right: 10px; top: 5px; height: 50px; width: 50px; z-index: 99; -webkit-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; opacity: 1; visibility: visible; line-height: 1.888888888888889rem; font-size: 1.666666666666667rem; outline: none; border-width: 0; overflow: hidden; text-indent: -9999px }
.menu_ham .the_bars { height: 2px; width: 1.666666666666667rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: var(--color-blanco); position: absolute; top: 50%; margin-top: -2px; -webkit-transition: none; transition: none }
.menu_ham .the_bars:before, .menu_ham .the_bars:after { content: ""; position: absolute; height: 2px; left: 0; width: 1.666666666666667rem; background: var(--color-blanco); transition-duration: .3s, .3s; -webkit-transition-duration: .3s, .3s; -moz-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-delay: .3s, 0s; -webkit-transition-delay: .3s, 0s; -ms-transition-delay: .3s, 0s; -moz-transition-delay: .3s, 0s; -o-transition-delay: .3s, 0s }
.menu_ham .the_bars:before { background: var(--color-blanco); top: -8px; transition-property: top, -webkit-transform; transition-property: top, transform; transition-property: top, transform, -webkit-transform; -webkit-transition-property: top, -webkit-transform; -moz-transition-property: top, -moz-transform; -ms-transition-property: top, -ms-transform; -o-transition-property: top, -o-transform }
.menu_ham .the_bars:after { bottom: -8px; transition-property: bottom, -webkit-transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; -webkit-transition-property: bottom, -webkit-transform; -moz-transition-property: bottom, -moz-transform; -ms-transition-property: bottom, -ms-transform; -o-transition-property: bottom, -o-transform }
body.mm-ocd-opened .menu_ham .the_bars { background-color: transparent }
body.mm-ocd-opened .menu_ham .the_bars:before { max-width: unset; top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); transition-delay: 0s, .3s; -webkit-transition-delay: 0s, .3s; -ms-transition-delay: 0s, .3s; -moz-transition-delay: 0s, .3s; -o-transition-delay: 0s, .3s; background-color: var(--color-blanco) }
body.mm-ocd-opened .menu_ham .the_bars:after { bottom: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transition-delay: 0s, .3s; -webkit-transition-delay: 0s, .3s; -ms-transition-delay: 0s, .3s; -moz-transition-delay: 0s, .3s; -o-transition-delay: 0s, .3s; background-color: var(--color-blanco) }
.mm-spn .falso_link, .mm-spn a { font-weight: 600; font-size: 1.3em }
.mm-spn .falso_link { color: var(--color-blanco) }
.mm-spn.mm-spn--navbar:after { font-size: 2em; font-weight: 600; opacity: 1; background: var(--color-verde-claro); color: var(--color-blanco); text-transform: uppercase }
.mm-spn.mm-spn--navbar:before { opacity: 1; z-index: 2; border-color: var(--color-blanco) }
.mm-spn--main ul li { text-transform: uppercase }
.mm-spn--main ul li.sel { background: rgba(0, 0, 0, .3) }
.mm-spn--main ul li a { color: var(--color-blanco) }
.mm-spn .falso_link.sel { text-shadow: 1px 0 var(--color-verde-claro); font-weight: 500 }
.mm-spn--main ul li.sel .falso_link, .mm-spn--main ul li.sel a { text-shadow: 1px 0 var(--color-verde-claro); font-weight: 500 }
.mm-spn--main ul li.sel ul li a { color: var(--color-blanco); text-shadow: none }
.mm-spn--main ul li ul li a { color: var(--color-blanco) }
.mm-spn--main ul li ul li.sel a { text-shadow: 1px 0 var(--color-verde-claro); font-weight: 500 }
.mm-spn.mm-spn--light { color: var(--color-blanco); background: var(--color-verde) }
.mm-spn li:before { opacity: 1 }
body.scroll_down .menu_ham { top: 10px; right: 10px; border-radius: 40px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; background: var(--color-verde-claro) }
.eventos { position: relative; padding: 100px 20px 150px; }
.eventos .event { position: relative; display: inline-block; margin: 0 15px 30px; width: calc(50% - 30px); font-size: 1.2em; }