/* /****************************************************************** Site Name: ModaRe Author: floatleftstudio Stylesheet: Main Stylesheet */ /********************* GENERAL STYLES *********************/ @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); body { font-size: 100%; line-height: 1.5; color: #1D1D1B; background-color: #fff; -webkit-font-smoothing: antialiased; font-family: "Familjen Grotesk", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; } /* LAYOUT & GRID STYLES */ .wrap { width: 92%; margin: 0 auto; max-width: 1680px; } /* LINK STYLES */ a, a:visited { color: #1D1D1B; } a:hover, a:focus, a:visited:hover, a:visited:focus { color: #1D1D1B; border: 0; outline: 0 !important; } a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* H1, H2, H3, H4, H5 STYLES */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {text-rendering: optimizelegibility; font-weight: 500;} h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {text-decoration: none; font-family: "Familjen Grotesk", sans-serif;} h1, .h1 {font-size: 2.5em;} h2, .h2 {font-size: 1.75em; line-height: 1.4em;} h3, .h3 {font-size: 1.125em;} h4, .h4 {font-size: 1.1em;} h5, .h5 {font-size: 0.846em; line-height: 2.09em;} /* HEADER STYLES */ #logo {margin: 0.75em 0; left: 0;} /* NAVIGATION STYLES */ .nav {border-bottom: 0; margin: 0;} .nav li a {display: block; color: white; text-decoration: none; padding: 0.75em;} .nav li ul.sub-menu li a, .nav li ul.children li a {padding-left: 30px;} body p, p, .gentium-plus-regular, .gentium {font-family: "Gentium Plus", serif; font-weight: 400; font-style: normal;} .familjen500, p.familjen500, .familjen p strong {font-family: "Familjen Grotesk", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;} p strong, .gentium-plus-bold {font-family: "Gentium Plus", serif; font-weight: 700; font-style: normal;} p italic, .gentium-plus-regular-italic {font-family: "Gentium Plus", serif; font-weight: 400; font-style: italic;} .gentium-plus-bold-italic {font-family: "Gentium Plus", serif; font-weight: 700; font-style: italic;} .familjen-grotesk, .familjen, p.familjen, h1, h2, h3, h4, h5, .familjen p {font-family: "Familjen Grotesk", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;} .inter-900 {font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 900; font-style: normal;} .anton {font-family: "Anton", serif; font-weight: 400; font-style: normal;} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;} audio,canvas,video {display: inline-block;} audio:not([controls]) {display: none; height: 0;} [hidden],template {display: none;} html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} a {background: transparent;} a:focus {outline: thin dotted;} a:active,a:hover {outline: 0;} h1 {font-size: 2em; margin: 0.67em 0;} abbr[title] {border-bottom: 1px dotted;} b,strong,.strong {font-weight: bold;} dfn,em,.em {font-style: italic;} hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;} p {-webkit-hyphens: none; -epub-hyphens: auto; -moz-hyphens: none; hyphens: none; -ms-word-break: normal; word-break: normal; -ms-word-wrap: normal; word-wrap: normal; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1,dlig=1"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig";} pre {margin: 0; white-space: pre-wrap;} code,kbd,pre,samp {font-family: monospace,serif; font-size: 1em;} small,.small {font-size: 75%;} sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} dl,menu,ol,ul {margin: 1em 0;} dd {margin: 0;} menu {padding: 0 0 0 40px;} ol,ul {padding: 0; list-style-type: none;} nav ul,nav ol {list-style: none; list-style-image: none;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 0;} fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0;} button,input,select,textarea {font-family: inherit; font-size: 100%; margin: 0;} button,input {line-height: normal;} button,select {text-transform: none;} button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer;} button[disabled],html input[disabled] {cursor: default;} input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;} input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;} textarea {overflow: auto; vertical-align: top;} /* ========================================================================== Tables ========================================================================== */ table {border-collapse: collapse; border-spacing: 0;} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .image-replacement,.ir {text-indent: 100%; white-space: nowrap; overflow: hidden;} .clearfix,.cf,.comment-respond {zoom: 1;} .clearfix:before,.clearfix:after,.cf:before,.comment-respond:before,.cf:after,.comment-respond:after {content: ""; display: table;} .clearfix:after,.cf:after,.comment-respond:after {clear: both;} span.amp {font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important; font-style: italic;} /* ========================================================================== */ .last-col {float: right; padding-right: 0 !important;} .alert-help,.alert-info,.alert-error,.alert-success {margin: 10px; padding: 5px 18px; border: 1px solid;} .alert-help {border-color: #e8dc59; background: #ebe16f;} .alert-info {border-color: #bfe4f4; background: #d5edf8;} .alert-error {border-color: #f8cdce; background: #fbe3e4;} .alert-success {border-color: #deeaae; background: #e6efc2;} /* POSTS & CONTENT STYLES */ .hentry header {border-bottom: 1px solid #1D1D1B;} .hentry footer {padding: 0; border-top: 1px solid #f8f9fa;} .hentry footer p {margin: 0;} .single-title, .page-title, .entry-title {margin: 0;} .byline {color: #9fa6b4; font-style: italic; margin: 0;} .entry-content {padding: 0; background-color: #fff; z-index: 3; position: relative;} .entry-content p {margin: 0 0 1.5em;} .entry-content table {width: 100%; border: 1px solid #eaedf2; margin-bottom: 1.5em;} .entry-content table caption {margin: 0 0 7px; font-size: 0.75em; color: #9fa6b4; text-transform: uppercase; letter-spacing: 1px;} .entry-content tr {border-bottom: 1px solid #eaedf2;} .entry-content tr:nth-child(even) {background-color: #f8f9fa;} .entry-content td {padding: 7px; border-right: 1px solid #eaedf2;} .entry-content td:last-child {border-right: 0;} .entry-content th {background-color: #f8f9fa; border-bottom: 1px solid #eaedf2; border-right: 1px solid #eaedf2;} .entry-content th:last-child {border-right: 0;} .entry-content blockquote {margin: 0 0 1.5em 0.75em; padding: 0 0 0 0.75em; border-left: 3px solid #2980b9; font-style: italic; color: #9fa6b4;} .entry-content dd {margin-left: 0; font-size: 0.9em; color: #787878; margin-bottom: 1.5em;} .entry-content img {margin: 0; max-width: 100%; height: auto;} .entry-content .size-auto, .entry-content .size-full, .entry-content .size-large, .entry-content .size-medium, .entry-content .size-thumbnail {max-width: 100%; height: auto;} .entry-content pre {background: #323944; color: #f8f9fa; font-size: 0.9em; padding: 1.5em; margin: 0 0 1.5em; border-radius: 3px;} .wp-caption {max-width: 100%; background: #f6f6f6; padding: 0 0 5px 0 !important; margin: 2.5em auto 2.5em 0 !important;} .wp-caption img {max-width: 100%; margin-bottom: 0; width: 100%;} .wp-caption p.wp-caption-text {font-size: 90% !important; margin: 4px 0 7px; text-align: center;} .tags {margin: 0;} /* PAGE NAVI STYLES */ .pagination, .wp-prev-next {margin: 1.5em 0;} .pagination {text-align: center;} .pagination ul {display: inline-block; background-color: white; white-space: nowrap; padding: 0; clear: both; border-radius: 3px;} .pagination li {padding: 0; margin: 0; float: left; display: inline; overflow: hidden; border-right: 1px solid #eaedf2;} .pagination a, .pagination span {margin: 0; text-decoration: none; padding: 0.75em; line-height: 1em; font-size: 1em; font-weight: normal; min-width: 1em; display: block; color: #2980b9;} .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {background-color: #2980b9; color: white;} .pagination .current {cursor: default; color: #5c6b80;} .pagination .current:hover, .pagination .current:focus {background-color: white; color: #5c6b80;} .wp-prev-next .prev-link {float: left;} .wp-prev-next .next-link {float: right;} /* COMMENT STYLES */ #comments-title {padding: 0.75em; margin: 0; border-top: 1px solid #f8f9fa;} .commentlist {margin: 0; list-style-type: none;} .comment {position: relative; clear: both; overflow: hidden; padding: 1.5em; border-bottom: 1px solid #f8f9fa;} .comment .comment-author {padding: 7px; border: 0;} .comment .vcard {margin-left: 50px;} .comment .vcard cite.fn {font-weight: 700; font-style: normal;} .comment .vcard time {display: block; font-size: 0.9em; font-style: italic;} .comment .vcard time a {color: #9fa6b4; text-decoration: none;} .comment .vcard time a:hover {text-decoration: underline;} .comment .vcard .avatar {position: absolute; left: 16px; border-radius: 50%;} .comment:last-child {margin-bottom: 0;} .comment .children {margin: 0;} .comment[class*=depth-] {margin-top: 1.1em;} .comment.depth-1 {margin-left: 0; margin-top: 0;} .comment:not(.depth-1) {margin-top: 0; margin-left: 7px; padding: 7px;} .comment.odd {background-color: white;} .comment.even {background: #f8f9fa;} .comment_content p {margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em;} .comment-reply-link {font-size: 0.9em; float: right;} .comment-edit-link {font-style: italic; margin: 0 7px; text-decoration: none; font-size: 0.9em;} /* MENU */ body a {text-decoration: none;} #inner-header {border-bottom: 1px solid #1D1D1B;} #inner-header .wrap_flex {display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;} #inner-header nav {width: 100% !important; margin: auto;} .intranet, #logo {position: absolute; top: 0; margin: 0; height: 100px; display: flex; z-index: 99999999;} #logo a {margin: auto auto auto 0 !important; display: flex;} .intranet {margin: 0; position: absolute; height: 100px; right: 0; display: flex;} .intranet a {margin: auto 0 auto auto; color: #B98AE9 !important; font-weight: 500;} #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu {border-top: 1px solid #1D1D1B; background-color: #fff;} .mega-sub-menu .mega-sub-menu .mega-sub-menu {flex-direction: column;} .mega-menu-row, .mega-sub-menu .mega-sub-menu {display: flex !important;} .mega-sub-menu .mega-menu-column:hover {background-color: #E1C3FF !important;} .mega-sub-menu .mega-menu-column.mega-menu-first-left {border-radius: 0px 0px 0px 2.8vw !important;} .mega-menu-column {height: 100% !important;} /* HOME */ .wrap_full {width: 100% !important; margin: 0 auto; max-width: 100% !important; position: relative; overflow: hidden;} .Gris {border-radius: 40px !important; background-color: #F6F3F0; z-index: 99;} .Radius40, .ItemGris .wrap_item_card {border-radius: 40px !important;} .Radius20 {border-radius: 20px !important;} /* Buscar */ .Buscar_wrap {display: flex !important; width: 90%; max-width: 1400px; margin: auto; justify-content: space-between;} .background-container {width: 47.5%; padding-top: 47.5%; position: relative; background-size: contain; background-position: center; transition: background-image 0.25s ease-in-out; cursor: pointer; background-repeat: no-repeat;} .background-container.Tiendas {background-image: url('images/pastilla_tiendas.svg');} .background-container.Contenedor {background-image: url('images/pastilla_mapa.svg');} .background-container.Tiendas:hover {background-image: url('images/pastilla_tiendas_hover.svg');} .background-container.Contenedor:hover {background-image: url('images/pastilla_mapa_hover.svg');} .background-container .wrap_texto {position: absolute; top: 0; left: 0; padding: 4.2vw 12%; display: flex; flex-direction: column; height: 100%;} .background-container .wrap_texto h2.s50 {line-height: 1.1em; text-transform: uppercase; margin: 0 0 0.5em;} .background-container .wrap_texto p.s20 {line-height: 1.4em; margin: 0 0 1.5em;} .linkMapa {margin: auto auto 0 0; display: flex; line-height: 1.2em;} .background-container .wrap_texto .dashicons {width: 1.53vw; height: 1.53vw; margin: auto auto auto 0.25em !important; line-height: 1em !important; font-size: 90% !important;} /* que hacemos */ .QueHacemos, .Flex_Between {display: flex !important; flex-wrap: wrap; justify-content: space-between;} .que-hacemos-item, .flex-item-30 {width: 30%;} .que-hacemos-item .imagen img {max-width: 100%; height: auto; display: block; margin: 0 auto; margin-bottom: 2vw;} .que-hacemos-item p.nr {margin: 0 0 1em !important; padding: 0 !important; line-height: 1em !important;} .que-hacemos-item h3 {font-weight: 500; line-height: 1.23em; margin: 0 0 1em;} .que-hacemos-item p.s20 {line-height: 1.4em; margin-bottom: 0.8em;} .enlace .dashicons, .enlace .dashicons-before:before {width: 1.8vw; height: 1.8vw; font-size: 1.8vw; color: #1D1D1B !important;} /* IMAGE INLINE */ /* Estilos CSS incluidos aquí */ .animando h2 {display: flex; line-height: 1em; text-transform: uppercase; margin: 0.1em auto 0; align-items: center;} .animando h2 img {max-height: 6vw; width: auto !important; border-radius: 1.4vw !important;} .text-inline-images {display: inline-flex; overflow: hidden; vertical-align: middle; padding: 0 0.25em; margin: auto 0 0 0;} .text-inline-images img {max-width: 100%; transition: opacity 1.8s cubic-bezier(0.25, 1, 0.25, 1), transform 1.8s cubic-bezier(0.25, 1, 0.25, 1); opacity: 0; transform: scale(0);} .animando.animar .text-inline-images img {opacity: 1; transform: scale(1); border-radius: 20px !important; animation: nectarClipFade 1.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;} @keyframes nectarClipFade {0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); }} .Home01 {width: 94%; margin: 0 auto; display: flex; flex-direction: column;} .animando h2.a-left {text-align: left; margin: auto auto auto 0 !important;} .animando h2.a-right {text-align: right; margin: auto 0 auto auto !important; align-content: flex-end; flex-wrap: wrap;} .TextInline {display: flex; width: 100%; flex-wrap: wrap; align-content: center;} .TextInline h2 {display: inline-block !important; width: 47%; text-align: right; margin: auto 0.25em auto auto; line-height: 0.5em; padding: 0.2em 0;} .TextInline span {width: 40%; text-align: left; margin: auto 10% auto 0 !important;} .TextInline span p {line-height: 1.1em !important; margin: auto auto 0 0 !important;} .Textinline p.s80 {text-transform: uppercase; line-height: 1em; margin: 0 auto;} .Home02 p.s80.center {padding-right: 1.5em; text-align: center;} .Home02 .TextInline p.s80, .TitularInline .TextInline .LeftG {display: flex; margin: auto 0.1em 0 auto !important; text-align: right;} .Home02 .TextInline p.s80 img {width: 4.5vw; margin: auto 0.15em 0 auto !important;} .Home02 .TextInline span {width: 38%; text-align: left; margin: auto 10% auto 2% !important;} .Home02 .TextInline span p.s18 {line-height: 1.15em;} /* Slider Home */ .slider {width: 100% !important; max-width: 1826px !important; margin: 0 auto !important;} .carousel {background: #FFF;} .slider .swiper-pagination {bottom: 30px;} .carousel-cell, .swiper-slide.carousel-cell {margin: 0 !important; overflow: hidden; width: 100% !important; height: auto;} .carousel-cell .item-slider {display: block; width: 92% !important; position: relative; max-width: 1680px !important; margin: 0 auto;} .carousel-cell .item-slider .imagen_slider {width: 91%; margin: 0 0 0 auto; max-width: 1528px !important;} .carousel-cell .item-slider .imagen_slider img {margin: 0 auto; max-width: 1528px !important; display: block; height: auto !important; width: 100%;} .item-slider .titular {position: absolute; z-index: 999; left: 0; top: 30%;} .item-slider .titular .hero-titular {font-weight: 500; line-height: 1.2em; margin: 0 auto 0.9em 0 !important;} .item-slider .titular .hero-titular span {background-color: #fff; padding: 0 0.35em 0.1em 0; border-radius: 0 1.11vw 1.11vw 0 !important;} .item-slider .titular .hero-titular strong {color: #B98AE9; font-weight: 500;} .item-slider .titular a {display: inline-flex; line-height: 1em; background-color: #1D1D1B; color: #fff; padding: 0.65em 1.2em 0.8em; font-weight: 500; border-radius: 1.38vw; align-items: center; transition: all 0.3s ease; height: 4.4vw !important; max-height: 64px !important; min-height: 52px !important;} .item-slider .titular a .dashicons {font-weight: 400 !important; font-size: 0.9em; padding-left: 0.25em; margin: auto 0 auto 0 !important; line-height: 1.4em; transition: all 0.3s ease;} .flickity-page-dots .dot {width: 1.25vw; height: 1.25vw; background: #F6F3F0; opacity: 1; margin: 0 4px;} .flickity-page-dots .dot.is-selected {opacity: 1; background: #1D1D1B;} /* Swiper pagination — equivalente a Flickity dots */ .swiper-pagination-bullet {width: 1.25vw; height: 1.25vw; background: #F6F3F0; opacity: 1; margin: 0 4px !important;} .swiper-pagination-bullet-active {background: #1D1D1B;} @media (min-width: 1801px) { .item-slider .titular .hero-titular span {border-radius: 0 20px 20px 0 !important;} .item-slider .titular a {border-radius: 25px !important;} .flickity-page-dots .dot {width: 22px !important; height: 22px !important; margin: 0 6px;} .footer .wrapSocial-footer img {width: 66px !important; height: auto;} /* Radius */ #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-row {border-radius: 0px 0px 50px 50px;} .mega-sub-menu .mega-menu-column.mega-menu-first-left {border-radius: 0px 0px 0px 50px !important;} .que-hacemos-item .imagen img {border-radius: 40px; margin-bottom: 30px;} /* Espacios */ .clear3vw {height: 30px;} #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding: 50px 40px !important;} .background-container .wrap_texto {position: absolute; padding: 70px 12%;} .wrap_item2 .background-container .wrap_texto {padding: 70px 9% !important;} .Home02 .TextInline p.s80 img {width: 82px;} .post-home .LeerMas .dashicons, .post-home .LeerMas .s14 {font-size: 17px !important;} .wrap_find p span.image {max-width: 33px !important;} .MarginTopBottom {padding: 60px 0 !important;} .MarginTop {padding: 60px 0 0 0 !important;} .MarginBottom {padding: 0 0 60px 0 !important;} .enlace .dashicons, .enlace .dashicons-before:before {width: 28px; height: 28px; font-size: 28px;} .animando h2 img {max-height: 106px !important;} .clear4 {height: 50px;} .facetwp-load-more {border-radius: 200px;} .moda-item {margin: 0 1.5% 32px !important;} .moda-item .post_title {margin: 28px auto !important;} .moda-item--wide {padding: 27px !important;} .s22, .ps22 p, .ss22 span, .s22 .dashicons {font-size: 24px !important;} } /* Slider 2 Home */ .wrap_flex2 {display: flex; margin: auto; justify-content: space-between;} .wrap_flex2.row_reverse {flex-direction: row-reverse;} .wrap_item2 {width: 48%;} .wrap_item2 img {display: block; width: 100%; height: auto;} .wrap_item2 .background-container {width: 100% !important; padding-top: 105.3125%;} .sliderHome2 .flickity-page-dots {bottom: -10px;} .sliderHome2 .swiper-pagination {bottom: -10px; position: relative;} .wrap_item2 .background-container .wrap_texto {padding: 3vw 9%;} .wrap_item2 .wrap_texto .s20 {margin: 0 auto 1em 0 !important; line-height: 1.2em;} .wrap_item2 .wrap_texto .s48 {margin: 0 auto 0.8em 0 !important; line-height: 1.1 !important;} /* MENU */ .sub-link .mega-description-group .mega-menu-description::after {content: "\f344"; font-family: "Dashicons"; display: block; padding: 0.5em 0 0 0 !important; font-size: 1.1em; line-height: 2em; transition: all 0.3s ease;} #mega-menu-wrap-main-nav #mega-menu-main-nav a.mega-menu-link .mega-description-group .mega-menu-title, #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {color: #1D1D1B !important; font-family: inherit; text-transform: none !important; font-weight: 400 !important; line-height: 1.15em !important; margin-bottom: 0.8em !important;} #mega-menu-wrap-main-nav #mega-menu-main-nav a.mega-menu-link .mega-description-group .mega-menu-description, .post-home p {font-style: normal !important; font-size: 1.1vw !important; line-height: 1.25em !important;} #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {font-size: 90%; line-height: 102px;} #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-row {border: 0 solid #fff !important; border-top: 0 !important;} .mega-sub-menu .mega-menu-column.sub-imagen:hover {background-color: #fefefe !important;} /* Posts Home */ .header-home-magazine {display: flex; padding-top: 1.25em;} .wrap_magazine {width: 78% !important; display: flex; flex-direction: row !important;} .post-home {width: 33.33%; margin-bottom: 1.25em; display: flex;} .wrap_find {width: 22%; max-width: 310px;} .mega-menu-link {text-transform: lowercase !important;} .wrap_find p {display: flex; align-items: center; flex-wrap: wrap; margin: 0 auto auto 0; font-size: 1.55vw; line-height: 1.3em; font-family: "Familjen Grotesk", sans-serif; font-weight: 400;} .wrap_find p a, .wrap_find p span {float: left; align-items: center; margin: 0; flex-wrap: wrap; outline: 0 !important;} .wrap_find p a {position: relative; overflow: hidden; display: inline-block; text-decoration: none; color: #B98AE9;} .wrap_find p a:after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #B98AE9; transition: left .8s;} .wrap_find p a:hover:after {left: -100%;} .wrap_find p span.image {display: flex; align-items: center; margin: auto 0.5em 0 0; max-width: 1.87vw;} .wrap_find p img {max-width: 100%; height: auto; display: block; vertical-align: middle;} .post-home .thumb_post {width: 25%; margin-right: 6%;} .post-home .titular_post {width: 60%; border-right: 1px solid #1D1D1B; padding-right: 4.5%; margin-right: 4.5% !important;} .post-home .thumb_post img {width: 100%; height: auto !important; border-radius: 20px;} .post-home p.entry-title {font-family: "Familjen Grotesk", sans-serif; text-transform: uppercase; font-weight: 400; line-height: 1.25em !important; text-align: left; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0 auto !important;} .post-home .LeerMas {font-size: 0.972vw !important; font-family: "Familjen Grotesk", sans-serif; line-height: 1em !important; font-weight: 500; margin: 0.75em auto 0 0 !important;} .post-home .LeerMas a {color: #B98AE9 !important; display: flex; align-items: center;} .post-home .LeerMas .dashicons {margin: auto auto auto 0.15em; line-height: 1em !important; vertical-align: center !important; height: 0.9em;} .post-home .LeerMas .dashicons, .post-home .LeerMas .s14 {font-size: 0.972vw !important;} /* Newsletter */ .wrap_news {width: 80%; margin: 0 auto; padding: 0 7.5% !important; max-width: 1300px;} .wrap_newsletter {padding: 60px 12.5%;} .wrap_newsletter .s50 {line-height: 1.12em; margin: 0.5em auto 1em;} .wrap_form_newsletter {width: 80%; margin: 0 auto; text-align: center; max-width: 530px !important;} /* AJUSTES */ .TextInline .TextP {margin: auto 10% auto 0 !important; width: 40%; text-align: left; margin-bottom: 0.15em !important;} /* MATERIALES */ .item-material {width: 30%; margin-right: 5%; display: inline-block;} .wrap_filtros {justify-content: space-between;} .wrap_filtros .wrap_flex div {margin-right: 2em;} .item-material h2 {line-height: 1.2em; margin: 1em auto 1.5em 0;} .wrap-materiales {flex-wrap: wrap;} .item-material:nth-child(3n) {margin-right: 0;} .materiales_thumb img {width: 100%; height: auto; display: block; border-radius: 40px !important;} .wrap_filtros .facetwp-counter, .facetwp-selections .facetwp-selection-label {display: none;} /* Dropdown */ .dropdown {position: relative; display: inline-block;} .wrap_filtros .item {display: inline-flex; padding: 1.25em 2.5em 1.45em; justify-content: center; align-items: center;} .dropdown-content {display: none; position: absolute; background-color: transparent !important; width: 150%; padding: 1.5em 0; z-index: 1; top: 52px; left: 0;} .dropdown:hover .dropdown-content {display: block;} .wrap_filtros .item .Gris {padding: 2.5em 1.5em; margin: 0 auto auto !important;} .Gris .facetwp-facet {margin: 0 !important; line-height: 1em;} .facetwp-facet input.facetwp-search {border: 0 solid #f6f3f0; background-color: #f6f3f0; padding: 0 1.5em !important; color: #000 !important;} .wrap_filtros .float-right.item {display: inline-flex; padding: 0.5em 1em; justify-content: center; align-items: center;} .facetwp-display-value {padding-right: 5px; line-height: 1.2em;} .facetwp-icon:before {display: inline-block; content: ''; width: 30px; height: 100%; background: url(../images/icon-search.png) no-repeat; background-position: 0 50%; background-size: 20px 20px;} /* INPUT NEWSLETTER */ .wrap_form_newsletter input {border: 0 !important; border-color: #fff !important; background-color: #fff !important; padding: 16px 18px; border-radius: 20px !important;} .wrap_form_newsletter input[type=email] {width: 100% !important; font-style: italic;} input:focus {outline: none;} input[type="checkbox"] {border: #fff !important; margin-right: 0.5em !important; background-color: #fff !important; padding: 1px; width: 20px !important; height: 20px !important; border-radius: 4px !important; display: inline-flex; align-content: center; justify-content: center; margin: auto 10px auto 5px;} .wrap_form_newsletter input[type=submit] {color: #1D1D1B !important; border-radius: 0 !important; font-family: Familjen Grotesk; letter-spacing: 0; font-weight: 500; line-height: 1.5em !important; padding: 0 !important; margin: auto 0.25em auto 0.25em !important; background-color: #E1C3FF !important;} .wrap_form_newsletter .wrap_flex {display: flex; width: 100% !important; background-color: #fff !important; border-radius: 20px !important;} .wrap_form_newsletter a, .wrap_form_newsletter a span {color: #1D1D1B !important;} .wrap_enviar {display: flex; background-color: #E1C3FF !important; color: #1D1D1B !important; font-family: Familjen Grotesk; letter-spacing: 0; font-weight: 500; border-radius: 20px; padding: 10px 18px; margin: 0 -20px 0 auto !important; align-items: center; justify-content: center;} .wrap_enviar .dashicons {font-size: 1em; margin: auto 0 !important; line-height: 1.4em !important; padding: 0;} .imagen_slider {position: relative;} .wrap_play_absolute {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .wrap_play {position: relative; width: 8.333vw; max-width: 150px;} .dashicons-controls-play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.35em;} /* Estilo para la imagen */ .play_video {transition: transform 0.9s ease;} /* Rotación de la imagen al hacer hover */ .wrap_play:hover .play_video {transform: rotate(360deg);} /* Ajustes */ .callToaction {width: 100%; margin: 0 auto;} .TextInline .TextP p.s20 {line-height: 1.15em !important;} .TextInline .TextP.s20 {line-height: 1.25em !important; margin: auto 5% 0.15em 0 !important;} #logo a img {margin: auto !important;} .item-slider .titular a:hover .dashicons {padding: 0 0 0 0.5em !important;} /* Hover */ .post-home .LeerMas .dashicons, a.enlace span, a.linkMapa .dashicons, .linkColabora .dashicons {transition: all 0.3s ease;} .post-home .LeerMas:hover span .dashicons, a.enlace:hover span, a.linkMapa:hover .dashicons, .colabora-item a:hover .linkColabora .dashicons {padding: 0 0 0 0.3em;} .item-slider .titular a:hover {padding: 0.65em 1.5em 0.8em 1.2em;} /* Hover */ a.mega-menu-link:hover, li.mega-toggle-on a {color: #B98AE9 !important;} .sub-link:hover .mega-description-group .mega-menu-description::after {padding: 0.35em 0 0 0.25em !important; font-size: 1.2em;} /* Imagen + Texto */ @media screen and (min-width: 767px) { .wrap_three.wrap_four .wrap {justify-content: center;} .wrap_three.wrap_four .wrap_item_card {margin: 0 2.5%;} .Flex-Img {width: 60%; padding: 0 4% 0 0; position: relative;} .ConBGcontainer .Flex-Img {width: 50%; padding: 0 2% 0 0; position: relative;} .Flex-Img img {width: 100%; max-width: 100%; top: 0; position: sticky;} .ConBGcontainer .Flex-Img img {position: relative !important;} .Flex-Txt {width: 40%;} .ConBGcontainer .Flex-Txt {width: 50%; padding: 0 0 0 2%;} .ImageRight .wrap_flex2 {flex-direction: row-reverse;} .ImageRight .wrap_flex2 .Flex-Img {padding: 0 0 0 4%;} .TextVcenter .Flex-Txt {align-items: center; display: flex;} .TextVcenter .Flex-Txt .wrap_texto {margin: auto auto auto 0 !important;} } .wrap_Titular span {font-family: "Familjen Grotesk", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;} .Destacado h2, .Destacado h3, .Destacado h1 {margin: 0 auto 0 !important; line-height: 1.1em !important;} .TitleColumn {margin-bottom: 0.5em;} .familjen500 h2, .familjen500 h3 {font-weight: 500;} .Flex-Txt p, .s20 {font-size: 1.3vw !important;} .TextInline span.v_mobile {width: 100%;} /* Wrap Flex Colors */ .wrap_flex {display: flex !important;} .wrap_four .wrap_flex {display: flex; flex-wrap: wrap; justify-content: space-between;} .wrap_four .wrap_item_card {width: 22% !important; display: flex; flex-direction: column; padding: 2vw; min-height: 14.653vw;} .wrap_four .wrap_item_card p {margin: 0 !important; line-height: 1.1em;} .wrap_four .wrap_item_card .aTop {margin: 0 auto auto 0 !important;} .wrap_four .wrap_item_card .aBottom {margin: auto auto 0 0 !important;} /* WrapColBg */ .WrapColBg .wrap {margin: auto; justify-content: space-between; width: 80% !important; max-width: 1460px !important;} .WrapColBg .wrap h2 {margin: 0 auto; line-height: 0.9em; text-transform: uppercase;} /* Wrap Titular */ .wrap_Titular {width: 65%; margin: 0 auto; text-align: center; max-width: 1080px;} .wrap_Titular h2, .wrap_Titular h3 {line-height: 1.12em; font-weight: 500; margin: 0.5em auto 0.5em; width: 80% !important;} .wrap_Titular p {margin: 0 auto;} /* Objetivo */ .center {text-align: center;} .Objetivos .wrap {text-align: center !important; margin: 0 auto; padding: 4vw 0 !important; width: 80%;} .Objetivos .wrap p {line-height: 1.12em;} .wrapFour .wrap, .wrap_Three .wrap {justify-content: space-between;} .wrapFour .wrap_item_card {width: 22%;} .wrap_Three .wrap_item_card {width: 30%;} .ColumnasObjetivos .destacado {font-family: "Inter", sans-serif; font-weight: 900; color: #EDFFBB; font-size: 9vw; margin: 0 auto 0 !important; line-height: 1.25em;} .wrap_item_card .Content p {line-height: 1.4em; margin: 0 auto 0;} @media screen and (min-width: 1800px) { .wrap_four .wrap_item_card {padding: 36px !important; min-height: 265px;} .ColumnasObjetivos .destacado {font-size: 160px;} .index-material .wrap_text {margin: 35px 5% 65px !important;} .formulario_sensi input {padding: 25px !important; border-radius: 25px;} .formulario_sensi .line_flex_submit .wrap_enviar input {padding: 0.2em 0.5em 0.35em !important;} .line_flex_submit .wrap_enviar {padding: 0 20px !important;} .Col-AlignLeft .imagen img {border-radius: 50px;} .Col-AlignLeft .destacado {font-size: 20px;} .wrap_form_newsletter .wrap_flex input {min-height: 50px !important;} .content_single .post__content ul li {font-size: 25px; margin: 0 0 12px;} .flex-item-30 p.s20.linkCol .linkColabora {border-radius: 25px;} } .imageMapa .wrap_item_card, .imageMapa img {width: 100% !important; display: block; margin: 0 auto;} /* Bloque Titular */ .TiTcenter {display: flex; text-transform: uppercase; line-height: 1em; margin: auto; justify-content: center !important; align-items: center;} .TiTcenter h1, .TiTcenter p, .TiTcenter h2, .TiTcenter h3 {display: inline-block; margin: 0; font-size: 1em; width: auto; line-height: 1em !important;} .TextInline .TextP p {line-height: 1.12em !important; margin: auto auto auto 0.7em !important;} .LeftG h1, .LeftG p, .LeftG h2, .LeftG h3 {text-transform: uppercase; margin: 0 0 0 auto !important; line-height: 0.9em;} .TitularInline .TiTcenter img {margin: auto 0.15em auto 0 !important;} .TitularInline .TiTcenter .icon_right {margin: auto 0 auto 0.15em !important;} .TitularInline {width: 90%; margin: 0 auto; max-width: 1680px;} .Gris, .que-hacemos-item .imagen img, .Radius40, .materiales_thumb img, .ItemGris .wrap_item_card {border-radius: 2.778vw !important;} .Gris.SectionFullEco.wrap_full {width: 100% !important; max-width: 100% !important;} .Ecosocial .TextInline span {width: 48%;} .Ecosocial .TextInline .TextP {width: 40%;} .familjen-grotesk, .familjen, p.familjen, h1, h2, h3, h4, h5, .familjen p, .familjen span {font-family: "Familjen Grotesk", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;} .familjen p strong {font-family: "Familjen Grotesk", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal;} /* Bloque Titular */ .upper {text-transform: uppercase;} .TitularAbsolut {position: relative;} .TitularAbsolut .TitRel {margin: 0 auto !important; line-height: 0.95em !important;} .TitularAbsolut .TitRel .t1 {display: block; margin: 0 50% 0 0 !important; text-align: right; width: 50% !important;} .TitularAbsolut .TitRel span.HalfCenter {display: block; margin: 0 auto !important; text-align: center; width: 100% !important;} .TextAbsP {position: absolute; width: 38%; top: 0; left: 52%; margin: 0; height: 56% !important; display: flex;} .TextAbsP p {line-height: 1.12em !important; margin: auto 0 !important; font-size: clamp(16px, 1.25vw, 22px) !important;} .TitularAbsolutBottom .TextAbsP {top: 48%;} /* v3.0 — Mobile blocks moved to modare-mobile.css */ /* Menu Mobile */ #responsive-menu-pro-wrapper {margin-top: 80px;} /* GRIS FULL */ footer {background-color: #F6F3F0; z-index: 1; width: 100%; left: 0; position: relative; bottom: 0;} @media screen and (min-width: 768px) { .pre-parallax {position: sticky; top: 0; z-index: 1;} .Tit_ID .TitularAbsolut .TitRel .t1 {text-align: center; width: 100% !important; margin: 0 auto !important;} .Tit_ID .TitularAbsolut .TitRel .t1 span {display: block; width: 50%; margin: 0 0 0 50%; text-align: left !important;} .Tit_ID .TextAbsP {width: 30%; top: 38%; left: 18%; margin: 0; height: auto !important; display: flex;} .Tit_ID .TextAbsP p {text-align: right;} .Tit_ID .HalfCenter {padding-left: 30%;} } .wrap_full.Gris {padding: 60px 0; margin-top: 60px;} .Colabora_home .flex-item-30 {text-align: center; background-color: #fff; padding: 60px 40px; border-radius: 40px;} .ItemGris .wrap_item_card {text-align: center; padding: 60px 40px; background-color: #F6F3F0; display: flex; flex-direction: column;} .Colabora_home h3 {margin: 0.45em auto 0.4em !important;} .Colabora_home .imagen {width: 56%; margin: 0 auto !important;} .Colabora_home .imagen img {width: 100%; margin: 0 auto; display: block;} .page-template-page-blog .header, .page-template-page-magazine .header {display: none;} .header-blog {position: relative; z-index: 999; background-color: #fff; width: 100%; display: block;} .page-template-page-blog .header-blog {display: block; margin: 0 auto !important;} .volver a {display: flex; align-content: center; flex-wrap: wrap;} .volver a .dashicons {width: auto; height: auto; margin: auto 0.5em auto 0;} .inner-header-blog .wrap_flex {display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;} #logoMagazine img {width: 100% !important; height: auto; margin: 0 auto; display: block;} .tagline h2 {margin: 0 auto 0 0.15em !important;} /* AJUSTES */ .footer .wrap {margin: 3em auto 0 !important;} .input-check {display: flex; align-content: center;} .header {position: relative; background-color: #ffff; z-index: 4;} #content {background-color: #fff !important; width: 100% !important; z-index: 1; position: relative; border-radius: 0 0 2.778vw 2.778vw !important; margin: 0 auto -2.778vw !important; padding-top: 0 !important; padding-bottom: 2.778vw; min-height: 80vh;} .space-footer {width: 100%; height: 2.778vw; display: block; z-index: 0; position: relative;} #container {background-color: #fff; width: 100%; max-width: 100%; margin: 0 auto; display: block; overflow: none;} .footer {position: sticky; bottom: 0; width: 100%; z-index: 0; clear: both; background-color: #F6F3F0 !important; color: #1D1D1B;} .footer-top, .footer-menus {width: 100%; display: flex;} .col-footer {width: 25% !important;} .Footer-Logo {margin: 0 auto 0 0; padding: 0 5% 0 0;} .col-footer.Footer-Logo a img {width: 90%; height: auto !important; margin: 0 auto 0 0 !important; max-width: 260px !important;} .col-footer.Footer-News {width: 50% !important; padding: 0 0 0 10%;} .Footer-Social {width: 25%;} .footer p.s46 {margin: 0 auto 0.5em !important; line-height: 1.5em;} .footer .wrapSocial-footer img {width: 4vw !important; height: auto; margin-right: 1em; max-width: 64px !important;} .footer .TitleMenu {margin: 0 auto 0 !important; line-height: 1.5em;} .col-footer ul.menu {margin: 0.25em auto 0 !important;} .col-footer ul.menu li {margin: 0 auto 0 !important; line-height: 2em !important;} .MenuG ul.menu {margin: 0 auto 0 0 !important;} .MenuG ul.menu li {margin: 0 auto 0.5em 0 !important; line-height: 1.5em !important;} .MenuG ul.menu li a {text-transform: uppercase;} .EmbedNews .wrap_form_newsletter {margin: 0 auto 0 0 !important; text-align: left !important;} .footer-menus {margin-top: 1em !important;} #inner-footer .wrap_flex {display: flex; justify-content: space-between;} .menu-legal, .copy-footer {width: 50%;} .menu-legal ul {display: flex;} .menu-legal ul li {margin-right: 1em;} .copy-footer {text-align: right;} /* Tipografia y Espacios */ /* Clear / Espacios */ .clear3vw {display: block; clear: both; margin: 0 auto !important; height: 1.5vw;} #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding: 3vw 2.25vw !important;} .MarginTopBottom {padding: 3.472vw 0 !important; display: block; clear: both;} .MarginTop {padding: 3.472vw 0 0 0 !important; display: block; clear: both;} .MarginBottom {padding: 0 0 3.472vw 0 !important; clear: both;} /* Radius */ #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-row {border-radius: 0px 0px 2.8vw 2.8vw;} .mega-sub-menu .mega-menu-column.menu-last {border-radius: 0px 0px 2.8vw 0 !important;} .Gris, .que-hacemos-item .imagen img, .Radius40, .ItemGris .wrap_item_card {border-radius: 2.778vw !important;} .Radius20 {border-radius: 1.389vw !important;} /* Tipografia Desktop — solo ≥768px para no pisar mobile */ @media (min-width: 768px) { .s12 {font-size: 0.9vw !important;} .s14 {font-size: 1vw !important;} .s16 {font-size: 1.11vw !important;} p.s18, .s18, .col-footer li a {font-size: 1.25vw !important;} .s20, .TextInline span p.s20, .wrap_Titular p {font-size: 1.39vw !important;} .s22, .ps22 p, .ss22 span, .s22 .dashicons {font-size: 1.35vw !important;} .s24, .ps24 p, .ss24 span, .s24 .dashicons {font-size: 1.6vw !important;} .s20.ItemIcon .destacado {font-size: 1.8vw !important;} .s30, #mega-menu-wrap-main-nav #mega-menu-main-nav a.mega-menu-link .mega-description-group .mega-menu-title, .h3s30 h3, #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, .s30 a {font-size: 1.9vw !important;} .s32, h2.s32 {font-size: 2.22vw !important;} .s40, .ps40 p, .ss40 span, .s40 p, .doble .dobleS40, .doble .s24 {font-size: 2.778vw !important;} .s46 {font-size: 3.2vw !important;} .s48, .s48 h1, .s48 h2, .s48 h3, .s48 h4, .s48 p, .Flex-Txt p.s48 {font-size: 3.33vw !important;} .s50, .s50 h1, .s50 h2, .s50 h3, .s50 h4, .s50 p {font-size: 3.4vw !important;} .s52, .s52 h1, .s52 h2, .s52 h3, .s52 h4, .s52 p, .item-slider .titular .hero-titular {font-size: 3.6vw !important;} .s64, .s64 p, .s64 h2, .s64 h3 {font-size: 4.45vw !important;} .s80, .s80 h1, .s80 p, .s80 h2, .s80 h3, .s80 h4 {font-size: 5vw !important;} .animando h2, .s100 {font-size: 6.94vw !important;} } @media (max-width: 1280px) { .wrap_find p a:after {height: 0.16vw !important;} } @media (min-width: 768px) { .v_mobile {display: none !important;} .v__mobile {display: none !important;} .v__desktop {display: block !important;} .QR {width: 8.33vw !important; max-width: 140px !important;} .wrap_absolute {position: absolute; top: 15%; left: 0 !important; display: flex; flex-direction: column; align-content: space-between !important; flex-wrap: wrap !important; height: 85%; width: 50% !important;} .wrap_absolute p.s16 {margin: auto 0 1.5em 0 !important; max-width: 600px !important;} .wrap_absolute .TOP {margin: 0 0 auto 0 !important;} .page-id-22320 #content {border-radius: 0 !important; margin: 0 auto !important; padding-top: 0 !important; padding-bottom: 0 !important;} } /**** VERSION MOBILE ****/ /* Fin max-width: 767px */ @media (max-width: 960px) { .mega-menu-wrap, .intranet {display: none !important;} #logo {position: relative; top: 0; margin: 0.2em auto 0; height: 80px; display: flex; z-index: 99999999;} .col-footer.Footer-News, .col-footer {width: 100% !important; padding: 0;} .footer .footer-top, .footer .footer-menus {display: none;} .wrap_form_newsletter input {padding: 16px 18px !important; border-radius: 20px !important;} .wrap_form_newsletter input[type="checkbox"] {padding: 1px !important; width: 20px !important; height: 20px !important; border-radius: 4px !important;} .wrapSocial-footerMobile a img {width: 13vw !important; height: auto !important; max-width: 64px !important;} .wrapSocial-footerMobile a {margin: 0 1.25vw 0 0 !important;} } @media (min-width: 768px) and (max-width: 1800px) { .wrap_full.Gris {padding: 3.3vw 0 !important; margin-top: 3.3vw !important;} .wrap_newsletter {padding: 3.3vw 12.5%;} .Colabora_home .flex-item-30, .ItemGris .wrap_item_card {padding: 3.3vw 2.5vw !important;} .Colabora_home .flex-item-30 {border-radius: 2.778vw !important;} .item-slider .titular .hero-titular {font-size: 3.612vw !important;} .item-slider .titular .hero-titular span {border-radius: 0 1.11vw 1.11vw 0 !important;} .flickity-page-dots .dot {width: 1.2vw; height: 1.2vw;} } .SectionFullTips {background-color: #fff; padding: 2vw 0; margin-bottom: 3.4vw;} .ColumnasObjetivos.Beneficios .destacado {color: #E1C3FF;} /* ANIMANDO */ .ColaboraP {margin: 2em auto;} .animando.ColaboraP p {line-height: 1.2em !important; margin: 0 auto 1en !important; text-align: center; font-size: 3.5vw !important;} .animando.ColaboraP p .text-inline-images img {max-height: 4.2vw !important; width: auto !important; margin: 0 auto !important;} .animando.animar.ColaboraP p .text-inline-images img {opacity: 1; transform: scale(1); border-radius: 50% !important;} .ani1, .ani2, .ani3, .ani4 {position: relative;} .ani1::after, .ani2::after, .ani3::after, .ani4::after, .ani10::after, .ani11::after, .ani12::after {content: ''; position: absolute; background: url('images/ani1.svg') no-repeat; width: 100%; height: 60%; bottom: -0.6em; left: 0; background-size: contain !important;} .ani2:after {background: url('images/Ani2.svg') no-repeat; bottom: -0.5em;} .ani3:after {background: url('images/ani3.svg') no-repeat; bottom: 0.08em;} .ani4:after {background: url('images/ani4.svg') no-repeat;} .ani11:after {background: url('images/Ani_005.svg') no-repeat; bottom: -0.6em; background-size: 100% auto !important;} .ani12:after {background: url('images/Ani_006.svg') no-repeat; bottom: -0.6em;} /* Valores */ .ColumnasValores img, .ItemIcon .imagen img {width: 60%; margin: 0 auto; max-width: 230px; height: auto; display: block;} .ColumnasValores h3, .ItemIcon .destacado {font-weight: 500 !important; line-height: 1em !important; margin: 0.25em auto 0.35em !important;} .ColumnasValores .Content {width: 90%; margin: 0 auto 2em;} .ColumnasValores .wrap_item_card {width: 30%; margin: 0 1.66%;} .ColumnasValores .wrap_flex {flex-wrap: wrap;} .ColumnasValores .Content p, .ItemIcon .Content p {line-height: 1.3em !important;} .TextInline .LeftG p {text-transform: uppercase; margin: 0 0 0 auto !important; line-height: 0.9em !important;} .input-check a {font-size: 12px !important;} /* Ajustes Gris */ .wrap_form_newsletter .wrap_flex input {min-height: 2.3vw !important; max-height: 64px !important;} /* menu mobile */ .footer_mobile .clear3vw {height: 20px !important;} .footer_mobile .wrap_form_newsletter {width: 90% !important; max-width: 90% !important;} .footer_mobile .wrap_enviar {padding: 0 1em !important;} #responsive-menu-pro li a {text-transform: uppercase;} .responsive-menu-pro-submenu {margin-bottom: 0.75em !important;} #responsive-menu-pro .responsive-menu-pro-submenu li a {text-transform: none !important;} #responsive-menu-pro-container #responsive-menu-pro-additional-content {background-color: #f4f3ef; margin-top: 50px; height: 60vh; border-radius: 9vw 9vw 0 0 !important; padding-top: 9vw !important;} .Footer-Social-Mob, .Footer-Social-Mob p.s40, .wrapSocial-footerMobile, .Footer-News, .Footer-News p.s40 {margin-bottom: 1.5em !important;} #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item-has-children a .responsive-menu-pro-subarrow::after {content: "↓"; font-family: var(--fuente-boton); display: block; padding: 0 0 0 1vw !important; font-size: 7vw; line-height: 1em; color: #000; width: 10vw;} #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item-has-children a .responsive-menu-pro-subarrow.responsive-menu-pro-subarrow-active::after {content: "↑";} #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item-has-children .responsive-menu-pro-submenu a::after {content: "";} .responsive-menu-pro-item-has-children a {display: flex !important; align-items: center;} #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {position: relative !important; top: auto !important; bottom: auto !important; width: 8vw !important; height: 7vw !important;} .responsive-menu-pro-subarrow img {width: 100% !important; display: block; min-width: 4vw !important;} #responsive-menu-pro-container #responsive-menu-pro li.intranetMob a.responsive-menu-pro-item-link {text-transform: none !important; font-size: 4vw !important; color: #B98AE9 !important; margin: 1em 0 3em;} @media (min-width: 461px) { #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {font-size: 40px !important;} #responsive-menu-pro-container #responsive-menu-pro li.intranetMob a.responsive-menu-pro-item-link {font-size: 20px !important;} #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {width: 40px !important; height: 33px !important;} #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item-has-children a .responsive-menu-pro-subarrow::after {font-size: 36px !important; width: 42px !important;} #responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item .responsive-menu-pro-item-link {font-size: 26px !important;} .footer_mobile .wrap_form_newsletter .wrap_flex input {min-height: 11vw !important;} .footer_mobile .wrap_form_newsletter .wrap_flex {max-width: 390px !important;} } ol, ul {padding: 0; list-style-type: none;} .TextInline p.familjen .dashicons {font-family: dashicons !important;} /* Footer Logos */ .wrap_full100 {width: 100%; max-width: 100%; background-color: #fff; position: relative; z-index: 3; margin-bottom: 4em;} .wrap_full100 .wrap_flex {display: flex;} .wrapColabora img, .wrapProyecto img {width: 100%; height: auto; display: block;} .wrapColabora {width: 55% !important; margin: 0 5% 0 0 !important;} .wrapProyecto {width: 20% !important; margin: 0 5% 0 0 !important;} .wrap_full100 p.s18 {margin: 0 auto 1.5em 0 !important;} /* MENU DESCRIPCION */ .sub-link .mega-disable-link .mega-description-group .mega-menu-description::after {content: " " !IMPORTANT;} /* TextInLine */ /* Home */ /* Legal */ .legal {max-width: 980px !important; margin: 0 auto 6em 0 !important;} .legal h1, .legal h3, .legal h2 {font-weight: 500 !important; margin: 0 auto 1em !important;} .legal p {font-size: 16px !important; line-height: 1.6em !important;} .legal h1 {font-size: 2.2em;} .legal h3 {font-size: 1.35em;} .legal a {text-decoration: none; border-bottom: 1px solid; color: #000;} .legal table {margin: 1.5em 0; padding: 10px !important; width: 100%; border-collapse: collapse; border-spacing: 0; background-color: #fff; border: 1px solid #ececec;} .legal table tr:nth-child(2n+1) {background-color: #fcfcfc;} .legal th {border-left: medium none; border-style: none solid solid none; border-top: medium none; border-width: medium 1px 1px medium; font-weight: 700; text-align: left; border-color: #ececec; padding: 10px;} .legal tr th:first-child {border-left-style: solid; border-left-width: 1px;} .legal td {border-color: #ececec; border-left: none; border-style: none solid solid none; border-top: medium none; border-width: medium 1px 1px medium; font-size: 14px; padding: 10px !important;} /* Columnas */ ul.mega-sub-menu {width: 100% !important;} .ItemGris .wrap_item_card a .dashicons {font-family: dashicons !important; font-size: 0.9em !important;} .ItemGris .wrap_item_card a {line-height: 1em; margin: 1em auto 0 !important; font-weight: 500;} /* Tiendas */ .ImagenTexto a.linkMapa {display: flex; line-height: 1em;} .flex-item-30 {transition: transform 0.3s ease;} .colabora-item a {display: block; text-decoration: none;} .flex-item-30:hover {transform: translateY(-16px);} .flex-item-30:hover .imagen img {transform: scale(1.015);} .ImagenTexto a.linkMapa .dashicons {font-size: 0.8em !important; margin: auto auto auto 0.25em; line-height: 1.2em !important;} /* Colabora particular */ .background-container .wrap_texto h2 {margin-bottom: 0.5em !important;} .ColaboraP.Textinline .content_parallax {max-width: 1080px !important;} .SectionFullSlider .slider {width: 100% !important; max-width: 100% !important; margin: 0 auto !important;} .carousel.Slider-Tiendas {background-color: transparent !important; margin-bottom: 3vh;} .carousel.Slider-Tiendas .carousel-cell img, .carousel.Slider-Tiendas .swiper-slide img {display: block; width: 100% !important; position: relative; max-width: none !important; height: auto !important; margin: 0 auto;} .carousel.Slider-Tiendas .carousel-cell, .carousel.Slider-Tiendas .swiper-wrapper {align-items: center;} .carousel.Slider-Tiendas .swiper-slide {margin: 0 0.6vw !important; overflow: hidden; width: calc(var(--w, 1000) * 0.0347vw) !important; height: auto !important;} .carousel.Slider-Tiendas .flickity-page-dots {bottom: -4vh;} .carousel.Slider-Tiendas .flickity-page-dots .dot.is-selected {background: transparent !important;} .carousel.Slider-Tiendas .flickity-page-dots .dot {height: 4px !important; width: 40px !important; margin: 0 !important; border-radius: 0 !important;} .Wrap75 {width: 90%; margin: auto;} @media (min-width: 767px) { .Wrap75 {width: 72.5% !important; max-width: 1080px !important;} } @media (min-width: 1800px) { #content {border-radius: 0 0 60px 60px !important; margin-bottom: -60px !important; padding-bottom: 60px;} .space-footer {height: 60px;} .s80, .s80 h1, .s80 p, .s80 h2, .s80 h3, .s80 h4 {font-size: 86px !important;} .s64 {font-size: 78px !important;} .s46 {font-size: 50px;} .s48, .s48 h2, .s48 h1, .s48 h3, .s48 h4, .s48 p, .Flex-Txt p.s48 {font-size: 58px !important;} .s50, .s50 h1, .s50 h2, .s50 h3, .s50 h4, .s50 p {font-size: 58px !important;} .s52, .s52 h1, .s52 h2, .s52 h3, .s52 h4, .s52 p {font-size: 60px !important;} .s20, .Flex-Txt p, .wrap_Titular p {font-size: 23px !important;} .wrap_find p, .s22, .ps22 p, .ss22 span, .s22 .dashicons {font-size: 24px !important;} .s24, .ps24 p, .ss24 span, .s24 .dashicons {font-size: 28px !important;} .s40, .ps40 p, .ss40 span, .s40 p, .moda-item--wide .dobleS40, .doble .s24 {font-size: 48px !important;} .TextInline .TextP.s20 {line-height: 1.25em !important; margin: auto 5% 2px 0 !important;} .s32, h2.s32 {font-size: 38px !important;} .s20, #mega-menu-wrap-main-nav #mega-menu-main-nav a.mega-menu-link .mega-description-group .mega-menu-title, #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {font-size: 24px !important;} .s20.ItemIcon .destacado {font-size: 32px !important;} .s16, #mega-menu-wrap-main-nav #mega-menu-main-nav a.mega-menu-link .mega-description-group .mega-menu-description, .post-home p, .post-home .LeerMas {font-size: 18px !important;} .s14 {font-size: 16px !important;} .s12 {font-size: 14px !important;} .s30, .h3s30 h3, #mega-menu-wrap-main-nav #mega-menu-main-nav a.mega-menu-link .mega-description-group .mega-menu-title, #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, .s30 a {font-size: 36px !important;} .animando h2, .s100 {font-size: 110px !important;} .s50 {font-size: 58px;} .s52, .item-slider .titular .hero-titular {font-size: 60px !important;} .s48 {font-size: 58px;} .TextInline span p.s20, .s20 {font-size: 24px !important;} p.s18, .col-footer li a {font-size: 20px;} .animando.ColaboraP p {font-size: 60px !important;} .animando.ColaboraP p .text-inline-images img {max-height: 70px !important;} .SectionFullTips {padding: 40px 0;} .wrap_form_newsletter .wrap_flex input {min-height: 46px !important; max-height: 66px !important;} .item-slider .titular a {height: 64px !important;} .carousel.Slider-Tiendas .carousel-cell {margin: 0 18px !important;} .header-blog-single {margin: 63px auto 90px;} .header_single .volver {margin: 0 auto auto 0;} .header_single .titular {padding: 0 56px 0 0; border-right: 2px solid #000;} .header_single .autor {margin: 0 auto 12px;} .autor a.categoria-post {padding: 9px 13px; margin: 0 auto 12px; border-radius: 7.2px;} .header_single .autor p {font-size: 15px; margin: 0 auto;} .autor img {width: 80px; margin: 0 auto 12px;} .header_single .titular .single-title {padding-bottom: 9px;} .cat-meta {padding-top: 12px;} .post-header-image {margin: 47px auto;} .content_single p {font-size: 25px; margin: 0 0 12px;} .content_single .share {width: 306px;} .content_single .post__content {margin: 0 auto 0 0;} .share-buttons {max-width: 80px; font-size: 25px; margin: 0 80px 0 auto;} .share-buttons img {margin: 0 0 12px 0;} .search-container {height: 50px; width: 50px;} .searchbutton {font-size: 24px;} .searchi {left: 51px;} .searchi:focus {width: 400px; padding: 0 20px 0 0;} .expandright {right: 51px; left: auto !important;} .expandright:focus {padding: 0 0 0 20px;} /* FAQ */ .faq-section {margin: 130px auto;} /* TRansparencia */ .Transparencia.BloqueTxt .wrap p {max-width: 560px;} .Transparencia.BloqueTxt p.big {font-size: 132px !important;} .animando .Home01.NewH2 .a-left.lastH2 {text-align: left; margin: auto auto auto 140px !important;} .Flex-Txt p.s46 {font-size: 56px !important;} .moda-item--wide .dobleS40, .moda-item--wide .s24 {font-size: 48px !important;} .content_single p, .content_single .post__content ul li {font-size: 25px !important;} .content_single h4 {font-size: 30px !important;} .content_single h3 {font-size: 35px !important;} .content_single h2 {font-size: 45px !important;} } /* menu mobile */ /********************* SIDEBARS & ASIDES *********************/ .no-widgets {background-color: white; padding: 1.5em; text-align: center; border: 1px solid #cccccc; border-radius: 2px; margin-bottom: 1.5em;} /********************* FOOTER STYLES *********************/ /* Blog */ .single-post .header, .search .header {display: none;} .header-blog-single #logoMagazine {width: 32%; margin: 0 auto 0 0; height: auto;} .header-blog-single .inner-header-blog .wrap_flex {margin: 0;} .header-blog-single {margin: 3.5vw auto 5vw;} .tags .categorias {margin: auto 0 auto auto;} .tags .categorias li {display: inline; padding: 0 0.7em 0 0; text-transform: uppercase;} /* Header Single */ .header_single .volver {width: 17%; margin: 0 auto auto 0;} .header_single .volver a {display: flex;} .header_single .titular {width: 60%; margin: 0 auto 0 0; padding: 0 3.13vw 0 0; border-right: 1px solid #000 !important; height: 100%;} .header_single .autor {width: 22%; margin: 0 auto 1em; text-align: center; display: flex; flex-direction: column; min-height: 100%; justify-content: space-between;} .autor a.categoria-post {background-color: rgba(225, 195, 255, 0.50); padding: 0.5vw 0.7vw; line-height: 1em; display: inline-block; margin: 0 auto 0.69vw; border-radius: 0.42vw;} .autor-meta {margin: 0 auto auto auto;} .header_single .autor p {line-height: 1.5em; margin: 0 auto; font-size: 0.833vw;} .autor img {width: 4.444vw; height: auto; max-width: 80px; margin: 0 auto 0.69vw;} .header_single .titular .single-title {line-height: 1.15em; text-transform: uppercase; margin: 0 auto 0 0; padding-bottom: 0.35vw;} .extrato p {font-family: "Familjen Grotesk", sans-serif; font-weight: 500; line-height: 1.4em;} .cat-meta {margin: auto auto 0 auto; padding-top: 0.69vw;} /* Post Header */ .post-header-image {width: 100%; margin: 2.6vw auto;} .post-header-image img {width: 100%; height: auto; margin: 0 auto;} .content_single p {font-size: 1.389vw; line-height: 1.5em; margin: 0 0 0.69vw;} .content_single p i {font-style: normal;} .content_single h2, .content_single h1, .content_single h3, .content_single h4, .content_single h5 {font-family: "Gentium Plus", serif; font-weight: 700; font-style: normal;} .content_single h2, .content_single h1, .content_single h3 {font-size: 1.9vw; line-height: 1.25em !important; margin: 0.85em 0 0.75em; font-family: "Gentium Plus", serif; font-weight: 700; font-style: normal;} .content_single a {text-decoration: underline;} .content_single .share {width: 17%;} .content_single .post__content {width: 60%; margin: 0 auto 0 0;} /* Share */ .share-buttons {display: flex; flex-direction: column; width: 4.44vw; font-size: 1.39vw; margin: 0 3.09vw 0 auto; max-width: 80px;} .share-buttons img {width: 100%; height: auto; margin: 0 0 0.69vw 0;} /* Search Single */ .search-container {position: relative; display: inline-block; height: 3.47vw; width: 3.47vw; vertical-align: bottom; margin: auto 0 auto auto;} .mglass {display: inline-block; pointer-events: none;} .mglass img {width: 100%; margin: 0 auto !important; height: auto; display: block;} .searchbutton {position: absolute; font-size: 1.53vw; width: 100%; margin: 0; padding: 0; line-height: 1em;} .searchi:focus + .searchbutton {transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; background-color: white; color: black;} .searchi {position: absolute; left: 3.4vw; background-color: #fff; outline: none; border: none; padding: 0; width: 0; height: 100%; z-index: 10; transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s;} .searchi:focus {width: 25.21vw; padding: 0 1.11vw 0 0;} .expandright {left: auto; right: 3.4vw;} .expandright:focus {padding: 0 0 0 1.11vw;} /* Relacionados */ .related-posts-grid {display: flex; margin-bottom: 10vh;} .related-posts h3 {margin: 1.5em auto 1.5em; line-height: 1.35em;} .related-posts-grid .related-post {display: block; padding: 0; width: 22%; margin: 0 1.5% auto; border-bottom: 1px solid #1D1D1B;} .related-posts-grid .related-post img {width: 100%; height: auto;} /* Mobile */ .single #responsive-menu-pro-button {display: none;} /* PAGE BLOG */ .clear4 {display: block; clear: both; height: 2.78vw;} .facetwp-load-more {background-color: #fff; padding: 0.85em 2em; border: 1px solid #000; font-size: 0.9em; line-height: 1em; border-radius: 13vw;} /* search-results */ .search button#responsive-menu-pro-button, .archive .header, .archive button#responsive-menu-pro-button {display: none !important;} .lilas {color: #B98AE9;} .archive .header {display: none;} .archive .current-cat a {border-bottom: 4px solid #000;} #ModareMapa {position: relative; z-index: 999999;} /* Accordeon*/ .faq-section .accordion {max-width: 100%; min-width: 100%; margin: 0 auto; overflow: hidden;} .faq-section {margin: 7vw auto; width: 75%; max-width: 1080px;} .faq-section .accordion-item {border-top: 1.5px solid #E1C3FF;} .faq-section .accordion-item:last-child {border-bottom: 1.5px solid #E1C3FF;} .respuesta a {border-bottom: 1px solid #000;} .faq-section .accordion-header {display: flex; align-items: center; padding: 1.25em 0.6em; cursor: pointer; transition: background-color 0.3s ease;} .faq-section .accordion-icon {display: inline-block; margin-right: 10px; transition: transform 0.3s ease;} .faq-section .accordion-icon::before {content: "↓"; font-family: var(--fuente-boton);} .faq-section .accordion-item.active .accordion-icon {transform: rotate(-90deg);} .faq-section .accordion-content {display: none; padding: 0 1em 1.6em; background-color: #fff;} .faq-section .accordion-item.active .accordion-content {display: block;} .linkMapa .dashicons {display: flex;} .linkMapa .dashicons-arrow-right-alt:before {margin: auto auto auto 0; line-height: 1em;} /* Transparencia */ .Transparencia.BloqueTxt .wrap p {text-align: center; width: 80%; margin: 0 auto; max-width: 30vw;} .Transparencia.BloqueTxt p {font-family: "Familjen Grotesk", sans-serif; font-weight: 500; line-height: 1.267em;} .Transparencia.BloqueTxt p.big {font-size: 8.8889vw; line-height: 1em; text-align: center; margin: 0.15em auto; width: 100% !important; max-width: 100% !important;} .BloqueFinal p.big {margin-bottom: 0.25em !important;} .Transparencia.BloqueTxt.BloqueFinal {margin-bottom: 5vh;} .infoGrafico {width: 50%; margin: 5vh auto; max-width: 840px;} .infoGrafico .Flex-Img, .infoGrafico.ImageRight .wrap_flex2 .Flex-Img {width: 49.5%; padding: 0 12.25%; display: flex;} .infoGrafico .Flex-Txt {width: 49.5%; padding: 0; margin: 0 auto; text-align: center;} .infoGrafico .Flex-Txt .TitleColumn {display: none;} .Flex-Separator {width: 1% !important; margin: 0 auto;} .Flex-Separator img {width: 100%; margin: 0 auto !important;} .infoGrafico .Flex-Img img {height: auto; margin: auto; top: auto; position: relative !important; border-radius: 0 !important;} .infoGrafico a.linkMapa {border: 2px solid #000; display: inline-flex; line-height: 1em; padding: 0.9em 1em; border-radius: 20px; margin: 0 auto !important;} .BotonContenedor a.linkMapa {border-color: #cde5ff;} .BotonTiendas a.linkMapa, .botonEcosocial a.linkMapa {border-color: #FFE7CF;} .BotonEco a.linkMapa {border-color: #D8F9DA;} .infoGrafico .linkMapa .dashicons {display: flex; font-size: 0.9em !important; line-height: 1.6em; margin: auto auto auto 0.3em;} .Home01.NewH2 {width: 90%; margin: 0 auto; display: flex; flex-direction: column; position: relative;} .animando .Home01.NewH2 h2 {display: flex; flex-direction: column; line-height: 1em !important; margin: 0 0 0.05em !important;} .animando .Home01.NewH2 h2 span {line-height: 0.85em !important;} .animando .Home01.NewH2 .a-left {text-align: left; margin: auto auto auto 0 !important;} .animando .Home01.NewH2 .a-left.lastH2 {text-align: left; margin: auto auto auto 3.8vw !important;} .animando .Home01.NewH2 .a-right {text-align: right; margin: auto 0 auto auto !important; align-content: flex-end; flex-wrap: wrap;} .animando .Home01.NewH2 .TextP {position: absolute; bottom: 0; width: 52%; left: 48%;} .animando .Home01 .TextP p {margin: 0 0 0.2em; line-height: 1.2em;} .Flex-Txt p.s46 {font-size: 3.1vw !important; line-height: 1.1em; margin: 0.25em 0 0;} /* PAGINA MATERIALES */ .dropdown-content .facetwp-expand, .FiltroDestinado .facetwp-depth {display: none !important;} /* Ficha Materiales */ .ficha-section p {line-height: 1.25em !important;} .ficha-section p.s30 {margin: 0.75em 0 0 0 !important;} .ficha-section .s20 p {margin: 0 !important;} .clear_50 {display: block; clear: both; height: 3vw; max-height: 50px !important; min-height: 20px !important;} .wrap_flex.single_sensi .imagen_destacada {width: 40% !important;} .wrap_flex.single_sensi .imagen_destacada img {width: 100% !important; height: auto !important;} .texto_sensi {width: 55%; margin: 0 0 0 5%; max-width: 750px;} .texto_sensi h1 {line-height: 1.05em; text-transform: uppercase; margin: 0 0 0.35em;} .tag-tipologia {background: #f3eaff; font-weight: 600; padding: 0.3em 0.8em; border-radius: 0.6em; display: inline-block; margin: 0 0.5em 0 0 !important; text-transform: uppercase;} .wrap_form_ficha {width: 100% !important; margin: 0 auto 0 0 !important;} /* Páginas Ocultas */ .page-id-20959 #mega-menu-main-nav, .page-id-20971 #mega-menu-main-nav {min-height: 120px !important; height: 10vh !important;} .page-id-20959 #mega-menu-main-nav a.mega-menu-link, .page-id-20959 .intranet, .page-id-20959 .footer-menus, .page-id-20959 #menu-legal, .page-id-20971 #mega-menu-main-nav a.mega-menu-link, .page-id-20971 .intranet, .page-id-20971 .footer-menus, .page-id-20971 #menu-legal {display: none !important;} .legal ul li {font-family: "Gentium Plus", serif; font-weight: 400;} .page-id-20959 .legal p, .page-id-20971 .legal p, .page-id-20959 .legal ul li, .page-id-20971 .legal ul li {font-size: 18px !important;} .page-id-20971 .legal h4 {font-size: 26px !important; font-weight: 500 !important; font-family: "Familjen Grotesk", sans-serif; margin: 1.5em 0 0.7em;} .autor-meta img {border-radius: 50%;} /* AJUSTES ENE/25 */ .flex-item-30 p.s20.linkCol {margin: 1.25em auto 0 !important; line-height: 1em !important;} .flex-item-30 p.s20.linkCol .linkColabora {display: inline-flex; justify-content: center; padding: 0.85em 1.25em; border: 2px solid #E1C3FF; border-radius: 1.3vw;} .flex-item-30 p.s20.linkCol .linkColabora .dashicons {margin: auto auto auto 0.25em !important; font-size: 90% !important;} .flex-item-30 p.s20.linkCol .linkColabora .dashicons:before {line-height: 1.2em !important;} .mega-current-menu-ancestor a.mega-menu-link {color: #B98AE9 !important;} .flex-item-30 p.s20 {margin: 0 auto !important;} .wrap_item_card .destacado h3, .wrap_item_card .destacado h4 {font-weight: 500 !important; margin: 0 auto 0.6em !important;} .ItemGris .wrap_item_card .destacado h4 {margin: 0.5em auto 0.6em !important;} .wrap_item_card a {display: flex !important; width: 100% !important; justify-content: center;} .wrap_item_card p.a-final {margin: auto auto 0 auto !important; text-align: center !important; display: block; width: 100% !important; padding-top: 0.5em;} .wrap_item_card p.a-final a span.dashicons {vertical-align: middle !important; line-height: 1.25em !important; transition: all 0.3s ease; padding: 0 0 0 0.1em;} .wrap_item_card p.a-final a:hover span.dashicons, .wrap_texto p.a-final a:hover span.dashicons {padding: 0 0 0 0.4em;} .wrap_texto p.a-final {margin: 1.5em auto auto 0 !important; font-family: "Familjen Grotesk", sans-serif; font-weight: 500; line-height: 1.15em !important;} .wrap_texto p.a-final a {display: flex !important; width: 100% !important;} .wrap_texto p.a-final a span.dashicons {vertical-align: middle !important; line-height: 1.25em !important; transition: all 0.3s ease; padding: 0 0 0 0.1em;} .linkMapa .dashicons-arrow-right-alt:before, .a-final .dashicons-arrow-right-alt:before {line-height: 1.4em !important;} .dashicons, .dashicons-before:before {width: auto !important; height: auto !important;} /* MATERIALES MAYO/25 */ .facetwp-selections .facetwp-selection-value {background-position: right bottom; padding-right: 1.2em !important;} /* Grid Materiales */ .post_title.familjen500.s30 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .line-check {margin: 1.4em auto 0 0 !important;} .input-check input {background: #f0e1ff !important;} .index-material .wrap_text {margin: 2vw 5% 3.5vw !important;} .ficha-section ul li {list-style-type: disc !important; margin: 0 0 0.5em; line-height: 1.25em !important;} .index-material.item-material h2 {line-height: 1.15em; margin: 0.85em auto 0.75em 0 !important;} .index-material.item-material p {margin: 0 !important; line-height: 1.1em !important;} /* FORMULARIO */ .mc4wp-alert.mc4wp-success p {color: #81C26A; font-weight: 400 !important; font-size: 90%;} .wrap_filtros .wrap_left .item {margin-right: 0.8em !important;} .clear60 {height: 2.4vw !important; max-height: 30px !important; min-height: 10px !important;} .formulario_sensi {width: 100%; max-width: 600px !important; margin: 30px 0 !important;} .content_formulario p {font-family: "Familjen Grotesk", sans-serif; font-optical-sizing: auto; font-weight: 500;} .formulario_sensi .line_flex, .line_flex_submit {display: flex; width: 100%; justify-content: space-between;} .formulario_sensi .line input {width: 100%;} .formulario_sensi .line_flex input {width: 48%;} .line_flex_submit input.form-email {width: 68% !important;} .formulario_sensi input {border: 1px solid #f4f3ef; background: #f4f3ef !important; margin-bottom: 1em; padding: 1.4vw; border-radius: 1.39vw;} .formulario_sensi input::placeholder {font-style: italic;} .line_flex_submit .wrap_enviar {padding: 0 2vw !important; margin: 0 0 0 auto !important; background: #f0e1ff !important;} .formulario_sensi .line_flex_submit input {margin: 0 !important;} .formulario_sensi .line_flex_submit .wrap_enviar input {border: 0px solid #f4f3ef; background: #f0e1ff !important; margin-bottom: 0 !important; font-style: italic; padding: 0.2em 0.35em 0.35em; border-radius: 1.39vw; line-height: 1em !important;} .formulario_sensi .wrap_enviar .dashicons {font-size: 0.9em; margin: auto 0 !important; line-height: 1em !important; padding: 0;} .wrap_Three.que-hacemos-item {width: 100% !important;} .page-template-page-sensibiliza .facetwp-template {position: relative; height: auto !important;} .wrap-grid-materiales {display: flex; flex-wrap: wrap;} .materiales .wrap_filtros .item .Gris {padding: 2em 1.5em !important; margin: 0 auto auto !important;} .materiales .facetwp-facet input.facetwp-search {max-width: 140px !important; color: #000 !important; line-height: 0.8em !important; padding: 0 1.5em 0 0.75em !important;} .materiales .facetwp-icon:before {display: inline-block; content: ''; width: 32px; height: 100%; background: url('https://modare.org/wp-content/uploads/2025/04/Lupa.svg') no-repeat; background-position: 0 50%; background-size: 32px 32px; opacity: 1 !important;} .materiales .facetwp-icon {opacity: 1 !important;} .facetwp-facet-buscar input::placeholder {color: #666; line-height: 0.8em !important;} .wrap_filtros .item > span {display: flex; line-height: 1em !important; margin: auto;} .wrap_filtros .item > span .dashicons {margin: auto 0 auto 0.5em; line-height: 1em; font-size: 90% !important;} .dropdown-content .facetwp-counter {display: none !important;} .wrap_flex.Selections {margin: 2em 0 0 1em;} .wrap_flex.Selections a {margin: auto auto auto 2em; border-bottom: 1px solid;} /*** RESPONSIVE **/ /* Mostrar solo en móvil */ .only-mobile {display: none !important;} .botonFiltros {font-size: 16px !important;} @media (max-width: 1400px) { .materiales .facetwp-icon:before {width: 2.5vw !important; background-size: 2.5vw 2.5vw;} } .mega-menu-item-20873 a {text-transform: uppercase !important;} .Col-AlignLeft .imagen img {width: 100%; margin: 0 auto; display: block; border-radius: 2.78vw;} .Col-AlignLeft .destacado {margin: 2em 0 1em 0; line-height: 1em; font-size: 1.11vw; font-family: "Familjen Grotesk", sans-serif !important; font-weight: 500;} .content_single .post__content ul li {list-style-type: bullets; margin-left: 1em !important; font-family: "Gentium Plus", serif; font-size: 1.389vw; font-weight: 400;} .h3s30 h3 {font-weight: 500; margin: 0 0 0.7em;} /* BLOOG MAYO/25 */ /* BLOG */ .wrap-grid {width: 95% !important; max-width: 1735px; margin: 0 auto; position: relative;} .moda-grid {position: relative;} .moda-sizer {width: 25%;} .moda-item {display: block; float: left; padding: 0 !important; width: 22% !important; margin: 0 1.5% 1.75vw !important; border-bottom: 1px solid #1D1D1B;} .moda-item--wide {width: calc(47% - 2px) !important; border: 1px solid #1D1D1B; padding: 1.5vw !important;} .blog_thumb img {width: 100%; height: auto;} .gentium {font-family: "Gentium Plus", serif; font-weight: 400; font-style: normal;} .excerpt {display: none;} /* Single Post */ .moda-item .post_title {margin: 1.5vw auto !important;} .moda-item .post_title a {line-height: 1.2em !important; margin: 0 auto !important;} .moda-item--wide .post_title a {line-height: 1.1em !important;} .moda-item--wide .excerpt {display: block;} .moda-item img {width: 100% !important; height: auto !important;} .moda-item a, .moda-item img {outline: none; border: none; display: block; max-width: 100%;} .imagen-cupon {width: 100%; margin: 0 auto !important; max-width: 600px;} .imagen-cupon img {width: 100%; height: auto; display: block;} span.dashicons, .dashicons-before:before {font-family: dashicons !important;} .Trabajar h2, .Trabajar h3 {font-weight: 400 !important; line-height: 1.3em !important; margin-bottom: 1em !important;} .Trabajar {width: 65% !Important; margin: auto; max-width: 1080px;} .infoGrafico.Work a {background-color: #E1C3FF; border-color: #E1C3FF !important; border-radius: 1.38vw !important;} @media (min-width: 1660px) { .infoGrafico.Work a {border-radius: 20px !important;} } .formulario_alianza {width: 100% !important;} .formulario_alianza .wrap_flex, .formulario_alianza .wrap_full {margin-top: 1em; width: 100% !important; gap: 1em;} .formulario_alianza .wrap_flex label {width: 100% !important;} .wrap_form_newsletter .formulario_alianza .wrap_flex {background-color: transparent !important;} .formulario_alianza .wrap_enviar {margin-right: 0 !important;} .formulario_alianza .wrap_enviar .dashicons {padding-right: 1em !important;} .wrap_form_newsletter .formulario_alianza .wrap_flex input {min-width: 100% !important;} .formulario_alianza textarea {width: 100% !important; border: 1px solid #fff; padding: 0.5em 1em;} .Thankyou h3 {line-height: 1.5em !important;} .Thankyou a {border-bottom: 2px solid #000;} .dashicons-yes {content: "\f15e" !important; font-family: dashicons !important; font-size: 120%; padding-right: 0.25em;} #post-22320 .clear3vw, #post-22320 .clear {display: none;} .wrap_full_cinza {width: 100%; margin: 0 auto; background: linear-gradient(to right, #f1f1f1, #f8f8f8) !important;} .hola {display: flex; flex-wrap: wrap; position: relative !important;} .hola img {width: 100%; display: block; height: auto;} .hola .w-40 {width: 40%; margin: 0;} .hola .w-60 {width: 60%; margin: 0;} .wrap_full_ .wrap {width: 100% !important; margin: 0 auto !important;} .wrap_full_ ul li {list-style-type: disc !important; margin: 0 1.25em 1em 1.25em !important;} .hola a {background-color: #E1C3FF; display: inline-flex; line-height: 1em; padding: 0.9em 1em; border-radius: 20px; margin: 0 auto !important;} .hola a .dashicons {display: flex; font-size: 0.9em !important; line-height: 1.6em; margin: auto auto auto 0.3em;} .underline2 {position: relative; display: inline-block;} .underline2::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.5em; background-size: 100% 100%; transform: translateY(0.4em);} .page-id-22320 .footer-top, .page-id-22320 .footer-menus, .page-id-22320 .space-footer {display: none;} .page-id-22320 .footer {background-color: #FFF !important; color: #1D1D1B;} .page-id-22320 h2 {margin: 0 0 0 !important;} h2.s70 {font-size: 4.86vw;} h2.s70 strong {font-family: "Familjen Grotesk", sans-serif; font-optical-sizing: auto; font-weight: 500; font-size: 140%;} ol.s50 li {line-height: 1em !important; margin: 0 0 0.25em !important;} @media (min-width: 1640px) { h2.s70 {font-size: 76px !important;} ol.s50 li {font-size: 56px !important;} .page-id-22320 a.s20 {font-size: 22px !important;} .page-id-22320 p.s16 {font-size: 18px !important;} } .partners-row {display: flex; align-items: center; flex-wrap: wrap; justify-content: center;} .pill {padding: 1.2em 1.5em !important; border-radius: 12vw !important; line-height: 1em; display: flex; align-items: center; justify-content: center; white-space: nowrap; margin: 0.35em !important;} .pill-lila {background: #e3d4ff;} .pill-verde {background: #f4ffb8;} .pill-blanco {background: #f4f3f1;} .pill-outline-verde, .pill-outline-verde:hover {border: 2px solid #f4ffb8 !important; background: transparent;} .pill-outline-lila, .pill-outline-lila:hover {border: 2px solid #e3d4ff !important; background: transparent;} .pill-icon {background: #f4f3f1; display: flex; align-items: center; justify-content: center; color: #000;} .pill-icon, .circle {width: 6.5vw; height: 6.5vw; margin: 0.35em !important; border-radius: 50%;} .circle-verde {background: #f4ffb8;} @media (min-width: 1400px) { .pill-icon, .circle {width: 90px !important; height: 90px !important;} .pill {border-radius: 200px !important;} } /* Single Video */ .materiales_thumb {position: relative;} .play_video_btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2;} .play_video_btn img {max-width: 120px; height: auto;} .single_sensi ul.relacionadas a:after {font-family: "Dashicons"; content: "\f344"; margin: 0.5em 0.3em 0; font-size: 0.9em; vertical-align: middle; position: relative; top: 0; transition: all 0.3s ease;} .single_sensi ul.relacionadas li:hover a:after {padding-left: 0.2em !important;} .ficha-section ul.relacionadas li {list-style: none !important; margin-left: 0 !important; line-height: 1em !important;} .mfp-iframe-holder.vertical-video .mfp-content {max-width: 360px; margin: 0 auto;} .mfp-wrap.vertical-video .mfp-iframe-scaler {padding-top: 177.78% !important;} .mfp-wrap.vertical-video .mfp-content {max-width: 360px; margin: 0 auto;} .single .mfp-bg {background-color: #E1C3FF !important; opacity: 0.9 !important;} .single .mfp-image-holder .mfp-close, .single .mfp-iframe-holder .mfp-close {color: #000 !important;} .single .select-idiomas {display: none;} .home–magazine {display: block !important;} .content_single p em {font-style: italic !important;} .content_single p em strong {font-family: "Gentium Plus", serif; font-weight: 700; font-style: italic !important;} .page-id-21446 #mega-menu-main-nav .mega-menu-item {display: none !important;} .page-id-21446 .legal {border-top: 1px solid #000; margin-top: 5vh !important; padding-top: 5vh;} /* BLOOG MAYO/25 */ /* BLOG */ .content_single ol {padding: 0; list-style-type: decimal;} /* POST */ .content_single .post__content ul li, .ficha-section ul li {list-style-type: disc !important; margin: 0 1.5em 1em 1.5em !important;} .content_single .post__content ol li {margin: 0 1.5em 1em 1.5em !important;} .moda-item--wide .dobleS40, .moda-item--wide .s24 {font-size: 2.778vw !important;} .content_single p, .content_single .post__content ul li {font-size: 1.4vw !important; line-height: 1.45em;} .content_single h4 {font-family: "Familjen Grotesk", sans-serif !important; font-weight: 400; line-height: 1.3em; text-transform: uppercase; font-size: 1.68vw !important;} .content_single h3 {font-size: 1.96vw !important;} .content_single h2 {font-size: 2.5vw !important;} /* Single Post */ /* Form Legal Text */ div.legal_text > p {font-size: 69%; padding: 10px 0 12px 0; font-weight: 300 !important;} .content_formulario .legal_text_sensi p {font-weight: 300 !important;} div.legal_text_sensi > p {font-size: 12px; padding: 10px 0 0 0;} .check_sensi {font-size: 12px;} .wrap_form_newsletter .legal_text {text-align: left !important; margin: 1em 0 0 0;} .formularioHome {max-width: 430px; margin: 0 auto 0 0;} /* --- Página directorio general --- */ @media (min-width: 768px) { .TitleDirectorio .wrap {width: 70%; margin: 0 auto; max-width: 1020px;} .TitleDirectorio .HalfCenter {display: inline-block;} .TitleDirectorio .HalfCenter .linea1 {display: block; text-align: left;} .TitleDirectorio .HalfCenter .linea2 {display: block; text-align: right;} .TitleDirectorio .TitularAbsolut .TitRel .t1 {margin: 0 45% 0 0 !important; width: 55% !important;} .TitleDirectorio .TextAbsP {width: 38%; left: 57%; height: 33% !important; top: 68%;} } .wrap_listado_provincias ul {column-count: 4; column-gap: 2vw; list-style: none; padding: 0; margin: 30px 0 0 0;} .wrap_listado_provincias ul li {break-inside: avoid; -webkit-column-break-inside: avoid;} .listado-provincias li {text-transform: uppercase; font-size: clamp(16px, 1.3vw, 23px); margin-bottom: 0.25em;} .listado-provincias li a:hover {border-bottom: 1px solid;} @media (max-width: 1024px) { .wrap_listado_provincias ul {column-count: 3;} } /* --- Newsletter directorio --- */ .NewsDirectorio .wrap {max-width: 1120px; width: 90%; margin: 0 auto; position: relative;} .NewsDirectorio .wrap_newsletter.Gris {width: 82%; margin: 0 auto; padding: 3vw 10% 5vw !important;} .NewsDirectorio .wrap img {right: 0; width: 20%; bottom: -25%; position: absolute;} /* --- Taxonomía provincia --- */ .archive.tax-provincia .header {display: block !important;} .tax-provincia .facetwp-template {display: flex; flex-wrap: wrap;} .tax-provincia h1 {line-height: 1.2em; margin: 0 auto 0.35em;} .tax-provincia .content_parallax.wrap .descriptivo {max-width: 720px; margin: 0 auto;} /* --- Tienda card --- */ .tienda-card {min-width: 30%; margin-bottom: 50px !important; width: 30%; margin-right: 3.33%;} .tienda-galeria-wrap {overflow: hidden;} .tienda-galeria-wrap img {width: 100%; height: auto;} .tienda-card .tienda-card-body {width: 84%; margin: 0 auto;} .tienda-card .tienda-localidad {margin: 2em 0 1em; line-height: 1em;} .tienda-card h5 {margin: 0 0 0.5em 0; line-height: 1.35em;} .tienda-socio-tag.tag-tipologia {background-color: #f6f3f0;} .ficha-tienda {list-style: none; margin: 1em 0; padding: 0;} .ficha-tienda li {display: flex; align-items: flex-start; gap: 10px; padding-bottom: 0.25em;} .tienda-icon {display: flex; flex: 0 0 auto; line-height: 1; padding-top: 6px;} .tienda-icon img {display: block; width: 16px; height: 16px;} .tienda-links a {border-bottom: 1px solid;} .tienda-promo {margin-top: 0.5em;} .tienda-promo-badge {background: #f3eaff; padding: 0.3em 0.8em; border-radius: 0.6em; font-size: 0.85em; font-weight: 500;} .tienda-placeholder img {width: 100%; height: auto; display: block;} /* Swiper dentro de tienda-card */ .tienda-galeria .swiper-slide {width: 100% !important;} .tienda-galeria .swiper-slide img {width: 100%; height: auto; display: block;} .tienda-galeria .swiper-pagination {bottom: 10px;} .tienda-galeria .swiper-pagination-bullet {width: 8px; height: 8px; background: rgba(255,255,255,0.6); opacity: 1;} .tienda-galeria .swiper-pagination-bullet-active {background: #fff;} .background-container .wrap_texto {width: 100%;} .que-hacemos-item, .wrap_item_card {position: relative;} .background-container .wrap_texto a.linkMapa::after, .que-hacemos-item a.enlace::after, .wrap_item_card p.a-final a::after {content: ""; position: absolute; inset: 0; z-index: 1;} .que-hacemos-item:has(a.enlace), .wrap_item_card:has(p.a-final a) {cursor: pointer;} .background-container .wrap_texto p a, .que-hacemos-item p a, .wrap_item_card .Content a {position: relative; z-index: 2;} .colabora-item {position: relative;} .colabora-item > a.flex_column::after {content: ""; position: absolute; inset: 0;} .Textinline {pointer-events: none !important;} .sub-link .mega-description-group .mega-menu-description::after {transition: all -0.1s ease !important;} h1.s48 {line-height: 1em;} .footer {pointer-events: none;} .footer a, .footer button, .footer input, .footer .wrap_form_newsletter {pointer-events: auto;} /* Directorio de tiendas y provincias */ .wrap_Mapa .container {width: 92% !important; margin: 0 auto; max-width: 1680px !important;} .wrap_Titular.provincia-header, .TitContenedores {max-width: 700px !important;} .TitContenedores p {margin-bottom: 1.15em !important;} .tienda-card h5 {margin: 0 0 0.75em 0; line-height: 1.25em; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 1.25em;} @media (min-width: 1600px) { .wrap_Titular.provincia-header, .TitContenedores {max-width: 780px !important;} .Flex-Txt p.s46 {font-size: 50px !important;} } /* Documentos de transparencia */ .WrapDocs {display: flex; gap: 4em; padding: 5em 0;} .docs-col {flex: 1; display: flex; flex-direction: column; gap: 1.2em;} .docs-col__title {font-family: "Familjen Grotesk", sans-serif; font-weight: 400; font-size: clamp(18px, 2.083vw, 30px); color: #1D1D1B; margin: 0 0 0.75em !important; line-height: 1.2; text-align: center;} .docs-col__subtitle {font-family: "Familjen Grotesk", sans-serif; font-weight: 400; font-size: clamp(18px, 2.083vw, 30px); color: #1D1D1B; margin: 0.5em 0 0 !important; line-height: 1.2; text-align: center;} .docs-row {display: flex; align-items: center; justify-content: center; gap: 1em; width: 100%;} .docs-row:has(.docs-row__label) {justify-content: space-between;} .docs-row__label {font-family: "Familjen Grotesk", sans-serif; font-weight: 400; font-size: clamp(14px, 1.389vw, 20px); color: #1D1D1B;} .docs-row .linkMapa {margin: 0 !important; flex-shrink: 0; border: 1.5px solid #1D1D1B; display: inline-flex !important; line-height: 1em; padding: 1em 1.4em; border-radius: 20px; font-size: clamp(14px, 1.389vw, 20px) !important; font-weight: 500 !important;} .docs-row .linkMapa .dashicons {font-size: 0.9em !important; margin: auto auto auto 0.3em; line-height: 1em;} @media only screen and (max-width: 1030px) { .WrapDocs {gap: 2em; padding: 4em 0;} } #main .promo-junio .promo-legal a {color: #000 !important; text-decoration: underline;} .postid-23196 .wrap_enviar {margin: 3em auto 5em !important; width: auto !important; display: inline-block;} @media (min-width: 768px) { .full_flex .hola {position: relative; display: block; min-height: 90vh; overflow: visible;} .full_flex .hola .w-60 {position: absolute; right: 0; top: 0; width: 50%; height: auto; margin: 0; z-index: 1;} .full_flex .hola .w-60 img {width: 100%; height: auto; display: block;} .full_flex .wrap_absolute {position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; width: 55% !important; min-height: 90vh; top: auto !important; height: auto !important; padding: 5vw 0 4vw;} .p-legal-footer {padding-top: 3em !important;} } .post-23138 div.MarginTopBottom.TitleProyecto.TitularAbsolutBottom {display: none;} .post-23138 .formulario_sensi input {background: white !important;} .post-23138 label.wrap_flex {width: 27% !important;} #main .promo-junio .promo-hero.promo-5extra {background: #D3AAEC !important;} #main .promo-junio .promo-5extra .promo-hero__card {width: 84%; background: #D3AAEC !important; color: var(--pj-black); padding: clamp(1.5rem, 4vw, 3.5rem) 0; position: relative; border-radius: 0 !important;} @media (min-width: 768px) { #main .promo-junio .promo-5extra .promo-hero__cols {gap: 5%;} #main .promo-junio .promo-5extra .promo-hero__col1 {flex: 0 1 40%; min-width: 0;} #main .promo-junio .promo-5extra .promo-hero__col2 {flex: 1 1 35%; min-width: 0; margin-right: 20%;} } .promo-5extra p {margin: 0.7em 0 !important;} #main .promo-junio .promo-hero__title.destacado {color: #E45C33 !important; font-size: clamp(2rem, 8.5vw, 120px);} .v_mobile {display: none !important;} .promo-btn--lila {background-color: #D3AAEC !important; color: #000 !important;} #main .promo-junio .botones_promo {margin-top: 2em;} #main .promo-junio .botones_promo .promo-btn {color: #000 !important; background-color: transparent !important; margin-bottom: 1.15em; border: 1px solid #E45C33 !important;} #main .promo-5extra img {max-width: 100%; height: auto !important;} #main .promo-junio .promo-intro__text {max-width: 1060px;} /* SCROLL SUAVE (sustituye al plugin jQuery Smooth Scroll) */ html {scroll-behavior: smooth;} @media (prefers-reduced-motion: reduce) { html {scroll-behavior: auto;} } /* HEADER STICKY (antes en el CSS adicional del Customizer) */ header.header {position: sticky !important; top: 0; z-index: 1000; background: #fff; transition: box-shadow .2s ease;} /* BOTON (sistema Circular) */ :root {--fuente-boton: "Familjen Grotesk", "Helvetica Neue", Inter, sans-serif; --boton-fondo: #1D1D1B; --boton-texto: #ffffff;} .boton {display: inline-flex; justify-content: center; align-items: center; height: clamp(3rem, 4.44vw, 4.0625rem); padding-inline: clamp(1rem, 1.39vw, 1.46rem); gap: 0.25em; border-radius: clamp(1.125rem, 1.3vw, 1.375rem); font-family: var(--fuente-boton); font-size: clamp(1rem, 1.39vw, 1.46rem); font-weight: 500; line-height: 1; text-decoration: none;} .boton--solido {background: var(--boton-fondo); color: var(--boton-texto);} .boton--contorno {background: transparent; color: var(--boton-fondo); border: 1px solid currentColor;} .flecha {display: inline-block; font-family: var(--fuente-boton); transition: transform 0.3s ease; margin-inline-start: 0.25em;} .boton .flecha, .dropdown.item.Gris > span .flecha {margin-inline-start: 0;} /* ahí el hueco lo pone el gap */ .flecha--izq {margin-inline-start: 0; margin-inline-end: 0.25em;} /* la ← va DELANTE del texto */ .boton:hover .flecha {transform: translateX(0.3em);} a:hover .flecha, a:hover span .flecha {transform: translateX(0.15em);} a:hover .flecha--izq {transform: translateX(-0.15em);} @keyframes flecha-rebote { 0%, 100% {transform: translateY(0);} 50% {transform: translateY(0.2em);} } a:hover .flecha--abajo, .dropdown:hover .flecha--abajo {transform: none; animation: flecha-rebote 0.7s ease-in-out 2; un par de vaivenes y para;} @media (max-width: 47.99rem) { .boton {height: 3rem; padding-inline: 1.25rem; border-radius: 1.25rem; font-size: 0.9375rem;} } /* PÍLDORAS DE FILTRO (todos los directorios) */ .dropdown.item.Gris {display: inline-flex; align-items: center; justify-content: center; height: clamp(50px, 4.44vw, 74.7px); padding: 0 clamp(20px, 2.5vw, 42px); border-radius: clamp(50px, 13.89vw, 200px) !important;} .dropdown.item.Gris > span {display: inline-flex; align-items: center; gap: 0.5em; font-size: clamp(1rem, 1.39vw, 1.4583rem) !important;} .dropdown .dropdown-content {top: 100%; width: max-content; min-width: 100%; max-width: 24em;} .dropdown-content .BotaoDrop {padding: 1.25em 1.5em;} .facetwp-facet .facetwp-checkbox {background-image: none !important; position: relative; padding-left: 1.05em; display: flex; align-items: center; min-height: 1.05em; margin-bottom: 1.1em;} .facetwp-facet .facetwp-checkbox:last-child {margin-bottom: 0;} .facetwp-facet .facetwp-checkbox::before {content: ""; position: absolute; left: 0; top: 0.72em; transform: translateY(-50%); width: 1.05em; height: 1.05em; flex: none; border-radius: 0.28em; background: #fff;} .facetwp-facet .facetwp-checkbox .facetwp-display-value {margin-left: 0.6em;} .facetwp-facet .facetwp-checkbox.checked::before {background: #1D1D1B;} .facetwp-facet .facetwp-checkbox.checked::after {content: ""; position: absolute; left: 0.25em; top: 0.72em; width: 0.55em; height: 0.3em; border: 0.11em solid #fff; border-top: 0; border-right: 0; transform: translateY(-70%) rotate(-45deg);}