/* Theme Name: RENTING FINDERS Theme Theme URI: http://davidboyero.com Description: Starter theme para wordpress Version: 4.0 Author: David Boyero Tags: clean, development, design, car, renting */ .img--total img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } /* -------------------------------- HOME PAGE -------------------------------- */ /*.marcas--card { border-radius: 8px; background-color: hsla(var(--light),1); padding: var(--space-m) 0; transition: all 0.5s ease-out; } .marcas--card img { display: block; max-width:100%; transform: scale(.95); margin:0 auto; transition: all 0.5s ease-out; } .marcas--card:hover { border-radius: 12px; box-shadow: var(--shadow40) } .marcas--card:hover img { transform: scale(1); }*/ .section--home { /*background-image: url(images/svg/patterns/pattern-color.svg); */ /*background-repeat: repeat;*/ background-color: hsla(var(--dark),.07); background-position: top left; position: relative; z-index: 2; margin: 0; padding: var(--space-xxxl) 0 var(--space-xs); /*overflow: hidden;*/ } .section--stripe-list::before, .section--stripe-home::before, .section--stripe-single::before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 850px; -webkit-clip-path: polygon(100% 0,100% 65%,0 100%,0 0%); clip-path: polygon(100% 0,100% 65%,0 100%,0 0%); background: hsla(0,0%,94.1%,.6); background: linear-gradient(right, #321b8e 40%, transparent), url(images/svg/patterns/pattern-01.svg), linear-gradient(right, #321b8e 40%, #4324a8 100%); background: -webkit-linear-gradient(top, #321b8e 40%, transparent), url(images/svg/patterns/pattern-01.svg), -webkit-linear-gradient(right, #321b8e 40%, #4324a8 100%); } .section--stripe-single::before { height: 400px } .section--stripe-list::before { height: 100%; -webkit-clip-path: polygon(100% 0,100% 85%,0 100%,0 0%); clip-path: polygon(100% 0,100% 85%,0 100%,0 0%); background: linear-gradient(right, #321b8e 40%, transparent), url(images/svg/patterns/pattern-01.svg), linear-gradient(right, #321b8e 40%, #4324a8 100%); background: -webkit-linear-gradient(top, #321b8e 40%, transparent), url(images/svg/patterns/pattern-01.svg), -webkit-linear-gradient(right, #321b8e 40%, #4324a8 100%); } .no-clip-path::before { clip-path: none; } /*.section--home svg { position: absolute; fill:hsla(var(--brand),1); top: 0; right: 0; width: 100%; height: 100%; }*/ /*.page-background svg { position: absolute; fill:white; width:100%; height: 40%; left:0; bottom: 0; } .page-oferta svg { position: absolute; fill:#f0f0f0; width:100%; height: 40%; left:0; bottom: 0; } */ .main_circle--circle { position: relative; padding: var(--space-l) 0 0; } .main_circle { /*background-image: url(images/topright.png);*/ /*background-size: cover;*/ /*background-repeat: no-repeat;*/ /*background-image: url(images/svg/patterns/pattern-white.svg);*/ /*background-repeat: repeat;*/ background-color: hsla(var(--dark),.07); background-position: top left; position: relative; z-index: 2; margin: 0; padding: var(--space-xxxl) 0 var(--space-xxl); /*overflow: hidden;*/ } .main_circle svg { position: absolute; fill:hsla(var(--light),1); top: 0; right: 0; width: 80%; height: 100%; } .tarifas-small { padding: 0 var(--space-s); font-style: italic; text-align: right; } /*.main_circle--circle:before { content: ''; display: block; position: absolute; top:0; right: 0; height: 100%; width: 100%; background-size: contain; background-position: top right; background-repeat: no-repeat; background-image:url('images/svg/circle-green.svg'); z-index:0; } .oferta:hover .main_circle--circle:before { opacity: .4; right:2em; } .main_circle--circle img { display: block; position: relative; z-index: 3; margin:0 auto; max-width: 500px; } .main_circle--info { position: relative; z-index: 5; } .main_circle--info-price, .main_circle--info-iva, .item-price-siniva { font-family: var(--font-secondary); font-weight: 500; line-height: var(--heading-line-height) } .main_circle--info h1 { font-size: var(--text-xxl) } .main_circle--info-price { font-size: var(--text-large); color: hsla(var(--brand-second),1); display: inline; margin: 0; } .main_circle--info-iva { font-size: var(--text-xs); color: hsla(var(--dark),.6); display: inline; margin: 0;} .item-price-siniva { font-size: var(--text-m); color: hsla(var(--brand),1); margin-bottom:var(--space-xs); } .item-price-siniva small { display: inline-block; font-size: var(--text-xxxs); color: hsla(var(--dark),.6); margin-bottom:var(--space-s); } .main_circle--info span {font-size: var(--text-s); color: hsla(var(--dark),1) } .main_circle--dest .car-oferta { border: 2px solid hsla(var(--brand-third),1); color: hsla(var(--brand-third),1); font-size: var(--text-xl); font-weight: 600; text-align: center; display: inline-block; padding: 0 var(--space-m); margin-bottom: 0; position: relative; border-radius: 12px; } .main_circle--dest { position: relative; z-index: 5; } .main_circle--dest .h1 { font-size: var(--text-large); margin-bottom: 0; } .main_circle--dest .h3 { font-size: var(--text-large); color: hsla(var(--brand-second),1); display: inline; } .main_circle--dest .h3 span { font-size: var(--text-xxxs); display: inline; font-weight: 400; color: hsla(var(--brand-second),1); } .main_circle--dest .h6 { color: hsla(var(--dark),.6);; display: inline; font-weight:400; } .main_circle--dest span { display: block; font-size: var(--text-s); color: hsla(var(--dark),1) } .main_circle--dest small { display: block;} */ .card--destacada-home { position: relative; } .card--destacada-home_img img { display:block; margin:0 auto; width: 100%; max-width: 500px; position: relative; z-index: 1 } .card--destacada-home_text .h2 { font-size: var(--text-xxl);font-weight: 500; font-family: var(--font-secondary); } .card--destacada-home_text span { font-size: var(--small); color: hsla(var(--light),1); display: inline; } .card--destacada-home_text span.h1 { font-family: var(--font-secondary); font-weight: 500; font-size: var(--text-xxxl); color: hsla(var(--brand-third),1); display: inline-block; } .card--destacada-single_text span { font-size: var(--small); color: hsla(var(--dark),1); display: inline; } .card--destacada-single_text p.h1 { font-family: var(--font-secondary); font-weight: 500; font-size: var(--text-xxxl); color: hsla(var(--brand-third),1); display: inline-block; margin-bottom: 0; } .card--destacada-home:before { --size:180px; content: ''; display: block; position: absolute; top: var(--space-m); right: var(--space-m); width: var(--size); height: var(--size); -webkit-mask-size: contain; -webkit-mask-image: url(images/svg/circle-home.svg); -webkit-mask-position: top right; -webkit-mask-repeat: no-repeat; z-index:0; background-color:hsla(var(--brand-second),1); background-color:hsla(var(--light),.2); transition: all .35s ease-out; } .card--destacada-home:hover:before { right:var(--space-xl); --size:180px; background-color:hsla(var(--brand-third),1); } /*.main_circle--dest .h6 { color: hsla(var(--dark),.6);; display: inline; font-weight:400; } .main_circle--dest span { display: block; font-size: var(--text-s); color: hsla(var(--dark),1) } .main_circle--dest small { display: block;}*/ @media only screen and (max-width:768px) { } @media only screen and (max-width:512px) { .main_circle--circle img { width: 100%; margin:0 auto; } .card--destacada-home_img { padding-top: var(--space-xl) } .card--destacada-home_text span.h1, .card--destacada-single_text p.h1 { font-size: var(--text-xl); } .card--destacada-home_text .h2 { font-size: var(--text-xl); } } @media only screen and (max-width:768px) { .section--mobile { padding-top: 60px !important; } #breadcrumbs { display: none; } .h2.line--10.mb--none { font-size: var(--h3) !important; } .section--mobile .text--grey-m { color: #fff !important; } .h1 { font-size: var(--h3) !important; } } /***************************/ .sec_equip { background: hsla(var(--light),1); padding: var(--space-xxl) 0; } .block--icons-list { padding: 0; text-align: left; } /*.block--icons-list > * { margin:0 calc(var(--space-l) / 2 ) var(--space-l); flex-basis: calc( 33.333% - var(--space-l)); max-width: calc( 33.333% - var(--space-l)); font-size:var(--text-s); color: hsla(var(--dark),.6); text-align: center }*/ .block--icons-list img { display: block; max-width: 54px; margin: 0 0 var(--space-s); } @media only screen and (max-width:768px) { /*.block--icons-list > * { margin:0 calc(var(--space-l) / 2 ) var(--space-l); flex-basis: calc( 50% - var(--space-l)); max-width: calc( 50% - var(--space-l)) }*/ } /*.section--home { padding: 0!important; }*/ .page-background h1 { color:hsla(var(--dark),1); } /* COLOR VARIATIONS*/ .blue.page-background { color:hsla(var(--light),1); background-color:hsla(var(--brand),1); } .blue.page-background h1 { color:hsla(var(--light),1); } .blue.page-background .meta { color:hsla(var(--brand-second),1); } .blue.page-background:before { color:hsla(var(--light),1); background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 5%, rgba(255,255,255,0) 100%); background: linear-gradient(top, rgba(255,255,255,.3) 5%, rgba(255,255,255,0) 100%); } [class*="gradient_"] { position: absolute; top:0; width: 100%; height: 100%; z-index: 0; } /*.gradient_red { background-color: hsla(var(--brand-dark),.8); background: -webkit-linear-gradient(top, hsla(0,100%,19%,.8) 5%, hsla(0,100%,29%,.8) 100%); background: linear-gradient(top, hsla(0,100%,19%,.8) 5%, hsla(0,100%,29%,.8) 100%); } .gradient_dark { background: -webkit-linear-gradient(bottom, rgba(36,46,56,.8) 5%, rgba(36,46,56,0) 100%); background: linear-gradient(bottom, rgba(36,46,56,.8) 5%, rgba(36,46,56,0) 100%); } .gradient_light { background: -webkit-linear-gradient(top, rgba(255,255,255,.9) 55%, rgba(255,255,255,0) 100%); background: linear-gradient(top, rgba(255,255,255,.9) 55%, rgba(255,255,255,0) 100%); }*/ .sec_icons { padding:var(--space-xxl) 0; } /* .block_benefit > * { flex-basis: calc( 50% - var(--space-m)); max-width: calc( 50% - var(--space-m)); margin: calc( var(--space-m) / 2 ) calc( var(--space-m) / 2 )!important; } .block_benefit02 > * { flex-basis: calc( 33.333% - var(--space-xl)); max-width: calc( 33.333% - var(--space-xl)); margin: calc( var(--space-xl) / 2 ) calc( var(--space-xl) / 2 ); } */ .benefit_card img { display: block; width: 34px; margin-bottom: var(--space-xs) } .benefit_card h5 { text-transform: uppercase; } /*.benefit_card p { font-weight: 300; margin: 0; }*/ @media only screen and (max-width:768px) { .row .block_benefit { margin-top: var(--space-m); } .page-background { padding: var(--space-xxxl) 0 var(--space-xl); } .block_benefit02 > * { flex-basis: calc( 50% - var(--space-m)); max-width: calc( 50% - var(--space-m)); margin: calc( var(--space-m) / 2 ) calc( var(--space-m) / 2 )!important; } } @media only screen and (max-width:512px) { .block_benefit > * { flex-basis: calc( 100% - var(--space-m)); max-width: calc( 100% - var(--space-m)); } } @media only screen and (max-width:768px) { .main-background { background-image: none!important; padding: var(--space-xxxl) 0 var(--space-xl); height: auto; } } .bloque { list-style: none; position: relative; display: flex; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: flex-start; margin:0 auto; width:100%; max-width:var(--grid-maxWidth); } .columna { flex: 0 0 33.3333%; margin:0 calc( var(--grid-gutter) / 2 ); } /* -------------------------------- FILTRO Y MARCAS HOME NEW CHANGES -------------------------------- */ #reset-checkboxes img, .home--filter, .home--filter ul, .home--filter ul.active, .filter-panel, .filter-panel.active, .home--filter li.has-submenu > a:after, .filter-tab:after { -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out } #home-filters { display: flex; flex-wrap: wrap; position: relative; z-index: 2; } .filter-panel_home { padding: var(--space-l); width: 100%; border-radius:6px; background-color: hsla(var(--light),.1); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: var(--shadow30); } .home--filter { list-style: none; margin:0; padding: 0; width: calc(100% - 100px); display: flex; align-items: center; justify-content: center; } .button_filter { width: 100px; cursor:pointer; } .button_filter::before { content: 'Filtrar'; } /*.home--filter ul, .home--filter li ul { list-style: none; margin:0; padding: 0; transition: all 0.5s ease-out; }*/ /*.home--filter ul.active { border:2px solid red; }*/ /*.block--filter { background-color:#fff; }*/ .home--filter li a { /*border:2px solid red;*/ position: relative; padding: var(--space-s) var(--space-s); border-radius: var(--radius-small); display: flex; align-items: center; justify-content: space-between; background-color: #fff; } .home--filter li a.active { border-radius: 6px 6px 0 0; } .home--filter li a:after { content: ''; background-image: var(--arrow); background-size: cover; background-position: center; background-repeat: no-repeat; height: var(--icon-18); width: var(--icon-18); margin-left: var(--space-xs); /*border:1px solid red;*/ } .home--filter a.active:after { transform: rotate(180deg); } .home--filter > li { margin: 0 calc(var(--space-s) / 2); width: calc( 33.333% - var(--space-s)); } .home--filter ul { list-style: none; visibility: hidden; opacity: 0; display: none; position: absolute; top: 180%; left: 0; border-radius: 0 0 6px 6px; width: 100%; background-color: hsl(var(--light)); padding: var(--space-xs); margin: 0; box-shadow: var(--shadow10); } .home--filter ul.active { display: flex; flex-wrap: wrap; visibility: visible; opacity: 1; top: 100%; z-index: 1; } .home--filter > li.has-submenu ul { padding: var(--space-xs); } .home--filter > li.has-submenu li label { margin:0; padding:var(--space-xxs) 0; } .home--filter > li.has-submenu li label span { display: flex; } .home--filter > li.has-submenu li { margin:0; width: 50%; background-color: #fff; } /*.filter-panel_home li a:first-child .filter-panel_home li a:last-child { border-radius:6px; } .filter-panel_home li a { padding:var(--space-m); } .filter-panel_home .button_filter { margin: 0; cursor: pointer; display: block; font-size: var(--text-s); font-weight: 600; font-family: var(--font-primary); border-radius:0 6px 6px 0; box-shadow: none; color: hsla(var(--light),1); background-color:hsla(var(--brand-second),.8); padding:var(--space-m); position: relative; } .filter-panel_home .button_filter:active { transform: scale(1); } .filter-panel_home .button_filter:hover { background-color:hsla(var(--brand-second-dark),1); color: hsla(var(--light),1); }*/ .filter-hide {display: none!important} @media only screen and (max-width:820px) { .order-sm-1 { order:1; } .order-sm-2 { order:2; } .order-sm-3 { order:3; } .order-sm-4 { order:4; } .order-sm-5 { order:5; } .filter-panel { -webkit-transition: max-height 0.3s ease-out; -moz-transition: max-height 0.3s ease-out; -ms-transition: max-height 0.3s ease-out; -o-transition: max-height 0.3s ease-out; transition: max-height 0.3s ease-out; } .filter-panel_home { margin: calc(-1 * var(--space-m)) 0 var(--space-l); padding: var(--space-m) var(--space-s); } .home--filter { flex-direction: column; width: 100%; } .home--filter > li { margin: 0 calc(var(--space-s) / 2) calc(var(--space-s) / 2); width: calc( 100% - var(--space-s)); } .button_filter { width: calc( 100% - var(--space-s)); margin:0 auto; } .button_filter::before { content: attr(data-content); } /*.filter-panel_home .button_filter { border-radius:0 0 6px 6px; }*/ .filter-hide {display: block!important} /*.filter-panel_home button { border-radius:0 0 6px 6px; width: 100%; }*/ } /*--------------------- LOGOTIPOS DE LAS MARCAS EN LA HOME ----------------------*/ .filter--marcas, .filter--marcas a img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .filter--marcas { --card: 130px; /*display: flex;*/ /*flex-wrap: wrap;*/ margin:0 auto; width:calc( 100% - var(--row-gap)); max-width:var(--screen-l); position: relative; max-height: calc(( var(--card) * 2) + (var(--space-xs) * 2)); overflow: hidden; display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--card), 1fr)); } .filter--marcas.open { max-height: 1400px;} .filter--marcas-taxonomy { width: 100%; max-height:100%; } .ver-marcas::before { content: 'Ver todas'; } .ver-marcas.active::before { content: 'Ocultar'; } .marcas--img { display: flex; align-items: center; justify-content: center; text-align: center; margin:calc(var(--space-xs) / 2); border:2px solid hsla(var(--dark),.1); background-color: white; border-radius:var(--radius8); height: var(--card); padding: 4px; } /*.filter--marcas > * { width: calc(10% - var(--space-xs)); }*/ .marcas--img img { display: block; max-width: 70px; margin:0 auto; filter: grayscale(1); opacity: .4; } .marcas--img:hover img { filter: grayscale(0); opacity:1; } @media only screen and (max-width:512px) { .filter--marcas { --card: 100px; max-height: calc(( var(--card) * 3) + (var(--space-xs) * 3)); } .filter--marcas-taxonomy { width: 100%; max-height:100%; } } /*@media only screen and (max-width:1024px) { .filter--marcas > * { width: calc(12.5% - var(--space-xs)); } } @media only screen and (max-width:890px) { .filter--marcas > * { width: calc(16.666% - var(--space-xs)); } } @media only screen and (max-width:680px) { .filter--marcas > * { width: calc(20% - var(--space-xs)); } } @media only screen and (max-width:512px) { .filter--marcas { max-height: calc(( var(--card) * 3) + (var(--space-xs) * 3)); } .filter--marcas > * { width: calc(33.333% - var(--space-xs)); } } */ /* -------------------------------- PAGE -------------------------------- */ .sec_page { display: flex; background: hsla(var(--brand),.8); background-size: cover; width: 100%; background-position: center center; position: relative; z-index: 1; margin: 0; padding: var(--space-xxxl) 0 var(--space-xxl); /**/ /*padding: 0;*/ height: auto; } .sec_page--content { position:relative; z-index:1; padding:0; } .sec-page-title { background:transparent; padding: var(--space-l) 0; max-width: var(--grid-maxWidth); margin-bottom:-80px; position: relative; z-index: 2;border-top: 4px solid hsla(var(--brand-second),1); } .sec-page-title .row { position: relative; z-index: 5; } @media only screen and (max-width:768px) { .sec_page { background-position: center top; height: auto; padding: var(--space-xxxl) 0; } .sec-page-title { margin-bottom:-140px; max-width: 90%; } .sec_page--content { margin-top: 140px; } .attachment-normal { display: block; margin:0 auto; } .sec_oferta--single02 { background-repeat: no-repeat; background-position: center 16%; background-color: hsla(var(--dark),.17); background-size: contain; padding: 66% 0 0; } } @media only screen and (max-width:512px) { .sec_oferta--single02 { background-position: center 12%;} } /* -------------------------------- PAGE FUNCIONA -------------------------------- */ .sec_content { padding:var(--space-xxl) 0 0!important; } .funciona-text p strong { font-weight:400; color:hsla(var(--dark),1); } .funciona-text h6 { display: block; font-family: var(--font-primary); font-weight:600; line-height: var(--body-line-height); text-transform: uppercase; color:hsla(var(--brand-second),1); margin-bottom: var(--space-xs); } @media only screen and (max-width:768px) { .sec_content img { margin:0 auto;} .funciona-text h6 { margin-top: var(--space-m); } } /* -------------------------------- BLOG -------------------------------- */ .share_social--link { padding: var(--space-xxs); opacity: .2; } .share_social--link:hover { opacity: 1; } .blog_card, .blog_card h3, .blog_card img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .blog_card--body { position: relative; top:-40px; background: hsla(var(--light),1); padding: var(--space-xs) var(--space-s); margin:0 0 -40px var(--space-m) } /*.blog_card--text { color:hsla(var(--dark),.5); }*/ .blog_card--img { overflow: hidden; } /*.blog_card--date { display: block; text-transform: uppercase; font-size: var(--text-xxs); color: hsla(var(--dark),1); margin: var(--space-xs) 0 var(--space-s) }*/ /*.blog_card h3 { margin-bottom: var(--space-xs) }*/ /*.blog_card--cat { text-transform: uppercase; font-size: var(--text-xxs); color: hsla(var(--dark),1); }*/ .blog_card--body .blog_card--text { color:hsla(var(--dark),.6); } .blog_card:hover img { transform: scale(1.1); } .blog_card:hover .blog_card--text { color:hsla(var(--dark),1); } .blog_card:hover .blog_card--body h3 { color:hsla(var(--brand-second),1); } /*.blog_card:hover h3 { color: hsla(var(--brand-second),1); }*/ @media only screen and (max-width:768px) { .blog-background { height:var(--space-l); margin-top: 0; padding: 0; } } .sec_single--blog { padding: var(--space-xl) 0 0; } .blog_single h1 { padding:0; margin:0; } .blog_single--date { font-family:var(--font-secondary); display: block; text-transform: uppercase; font-size: var(--text-xs); color: hsla(var(--dark),1); margin:0 0 var(--space-s) } .blog_single { font-weight:300; font-size: calc(var(--text-m) - 3px); } .blog_single strong { font-weight:500; color:hsla(var(--dark),1); } .blog_single a { font-weight:300} .blog_single ul { font-weight:300; color: hsla(var(--dark),.6); margin-bottom: var(--space-l)} .blog_single li { margin-bottom: var(--space-xxs)} .block--btn--single { margin:var(--space-xxxl) auto 0!important; border-top:1px solid hsla(var(--dark),.2);} .block--btn--single > * { width:calc( 33.3333% - var(--space-m)) } [class*="btn_"] { padding: var(--space-s); font-size: var(--text-m); color:hsla(var(--dark),.4); } [class*="btn_"] small { font-size: var(--h6); display: block; text-transform: uppercase; color:hsla(var(--dark),1); } [class*="btn_"]:hover { color:hsla(var(--brand-second),1)!important; } [class*="btn_"]:hover small { color:hsla(var(--dark),1)!important; } .block--btn--single:hover a:not(:hover) { opacity: 0.2; } .btn_empty:hover { background-color: hsla(var(--dark),0) } .btn_left { text-align: left; } .btn_blog { text-align: center;} .btn_right { text-align: right; } @media only screen and (max-width:56.9375em) { .block--btn--single > * { width:calc( 100% - var(--space-m)) } [class*="btn_"] { padding:var(--space-xs); text-align: center; } .btn_empty { display: none; } } /* -------------------------------- PAGINACIÓN BLOG -------------------------------- */ ul.pagination { display: flex; flex-direction: row; width:100%; align-items:center; justify-content: center; padding:var(--space-m) 0 0; margin:0; list-style: none; position: relative; } ul.pagination li { display:block; margin:-1px 0 0; } ul.pagination li a, ul.pagination li.ellipsis { --size: 50px; background:transparent; border:2px solid hsla(var(--dark),.4); border-radius:var(--radius8); color: hsla(var(--dark),.4); margin:0 var(--space-xxxs); width: var(--size); height: var(--size); display: flex; justify-content: center; align-items: center; } ul.pagination li.current a, ul.pagination li.current a:hover, ul.pagination li:hover a, ul.pagination li a:focus { background: hsla(var(--light),1); color: hsla(var(--brand-second),1); border-color:hsla(var(--brand-second),1); box-shadow: var(--shadow-second20); } @media only screen and (max-width:512px) { ul.pagination li a, ul.pagination li.ellipsis { --size: 40px; } div#ez-toc-container { width: 100%!important; } } /* -------------------------------- CTA FAQ -------------------------------- */ .sec_faq { background: hsla(var(--dark),0); padding:var(--space-xl) 0 var(--space-xxxl); } .sec_faq:before { content: ''; display: block; background-color:hsla(var(--dark),.1); width: 50%; height: 2px; position: absolute; top:0; left:0; } .block--faq { margin:var(--space-xs) auto 0; } .block--faq > * { flex-basis: calc( 100% - var(--space-s)); max-width: calc( 100% - var(--space-s)); margin: calc( var(--space-xxs) / 2 ) calc( var(--space-s) / 2 ); } .faq_card { border:2px solid hsla(var(--dark),.1); border-radius: var(--radius8); padding:0; position: relative; } .faq_card strong { font-weight: 400; color: hsla(var(--dark),1); } .faq_card p, .faq_card ol, .faq_card ul { font-weight:300; line-height: var(--body-line-height); color: hsla(var(--dark),.6); } /*.faq_card li { margin-bottom:var(--space-s) } */ .faq_card--title { padding: var(--space-s) var(--space-l) var(--space-s) var(--space-s); } .faq_card--panel { padding: 0 var(--space-s); } .faq_card--panel.active { padding: 0 var(--space-s) var(--space-m) var(--space-s); border-color:hsla(var(--brand-second),1); } /* -------------------------------- PROMO -------------------------------- */ .promo-single p { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .promo-single { text-align: center; } .promo p, .promo-single p { background-color:hsla(var(--brand-second),1); color:hsla(var(--light),1); text-align: center; padding: var(--space-xxs) var(--space-m); font-size: calc(var(--text-xs) - 1px); margin: 0 0 var(--space-s); border-radius: 6px; font-weight: 500; } .promo-single p { padding: var(--space-m) var(--space-xl); margin: 0; font-size: var(--text-xs); cursor:pointer;} .promo-single p:hover { box-shadow: var(--shadow20) } .promo p strong { color:hsla(var(--dark),1); } .promo-single strong { color:hsla(var(--dark),1); font-size: var(--text-xl); } .promo-single a { display: inline-block; font-size: var(--text-xs); text-align: center; font-style: italic; margin:var(--space-s) 0 var(--space-l); } /*.promo-single p { background: transparent;border:2px solid hsla(var(--brand-second),1); color:hsla(var(--brand-second),1); }*/ /* -------------------------------- CARD IMPROVEMENTS -------------------------------- */ /*.tag_section { padding: var(--space-m) 0;} .tag_section h6 { font-family: var(--font-primary); padding: var(--space-m) 0; font-weight: 600 }*/ /*.pill_rapid, .pill_empre, .pill_profe { color:hsla(var(--light),1); padding:var(--space-xxxs) var(--space-xxs); margin:0 0 0 var(--space-s); display: flex; align-items: center; border-radius: 6px; } .pill_rapid span, .pill_empre span, .pill_profe span { text-transform: uppercase; font-size: var(--text-xxxs); line-height: .7; padding: 0 0 0 var(--space-s); line-height: 1.5; } .pill_rapid img, .pill_empre img, .pill_profe img { width:16px; } .legend-single .pill_rapid { color:hsla(var(--light),1); background-color: hsla(var(--brand-third),1); } .legend-single .pill_empre { color:hsla(var(--light),1); background-color: hsla(var(--brand),1); } .legend-single .pill_profe { color:hsla(var(--light),1); background-color: hsla(var(--brand-second),1); } .pill_rapid, .pill_empre, .pill_profe { background-color: hsla(var(--brand),.1); color:hsla(var(--dark),1); }*/ .filter-count { color: black; text-transform: uppercase; display: inline-block; padding-left: var(--space-xs); font-family: var(--font-secondary); font-size: var(--h5); font-weight: 500;} .count-tax { padding: 0 0 var(--space-s); } .legend-text { width: 40%; } .legend-icons { width: 60%; } .legend { display: flex; float: right; /*padding-right: var(--space-xxs)*/ } /*.legend-single { display: flex; }*/ .badge--minutes { margin: var(--space-s) 0; } .badge--entrega { margin: var(--space-m) 0; } .badge--minutes_text, .badge--entrega_text { font-size: var(--text-xs); font-family:var(--font-primary); font-weight: 600; display: inline-block; color:hsla(var(--brand),1); padding: 0; margin:0; } .badge--minutes img { width: 52px; } .badge--entrega img { width: 32px; } .badge--minutes_card { display: inline-block;} .badge--minutes_card img { width: 100%; max-width: 48px } @media only screen and (max-width:768px) { /*.legend-text { width: 30%; } .legend-icons { width: 70%; } .legend { float: right; padding-right: 0; }*/ .legend { display: none; } .legend-text { width: 100%; } .legend-icons { width: 100%; } .legend { float: none; padding:var(--space-s) 0 0; } .pill_rapid, .pill_empre, .pill_profe { margin:0 var(--space-s) 0 0; } } @media only screen and (max-width:512px) { .filter-count { display:none; } } /* -------------------------------- OFERTAS CARD -------------------------------- */ .sec_ofertas--home, .sec_ofertas--archive, .sec_ofertas--marcas, .sec_ofertas--modelos { padding:var(--space-xl) 0; background: hsla(var(--dark),.07); } .sec_ofertas--marcas { padding:var(--space-xl) 0 var(--space-xxl); } .sec_ofertas--modelos { padding:var(--space-l); background:transparent; } .sec_ofertas--archive { padding:var(--space-xxxl) 0; } .oferta_card--circle, .oferta_card--new { position: relative; padding: var(--space-l) 0 0; background:hsla(var(--light),1) } .oferta_card--new:before, .oferta_card--circle:before { content: ''; display: block; position:absolute; top:0; right: 0; height: 100%; width: 60%; background-size: 80%; background-position: center right; background-repeat: no-repeat; background-image:url('images/svg/circle-green.svg'); z-index:0; } .oferta_card--circle, .oferta_card--new { background:hsla(var(--brand),.1); background:hsla(var(--light),1); border-radius: 16px; } /****** ESTILO NUEVAS TARJETAS DESTACADO ******/ .oferta_card--circle { border:2px solid hsla(var(--brand-second),1);; } .oferta_card:hover .oferta_card--circle, .no--circle.oferta_card--circle { border-color:transparent; } .no--circle.oferta_card--circle:before { background-image: none; } /****** END ESTILO NUEVAS TARJETAS DESTACADO ******/ /*.oferta_card--new:before, .oferta_card--circle:before { display: none; }*/ .oferta_card:hover .oferta_card--circle:before { background-size: 90%; } .searchandfilter { padding:0; margin:var(--space-s) 0 0; width: 100%; position: relative; } .block_ofertas { margin:var(--space-s) auto!important; } .block_ofertas > * { flex-basis: calc( 33.3333% - var(--grid-gutter)); max-width: calc( 33.3333% - var(--grid-gutter)); margin: 0 calc( var(--grid-gutter) / 2 ) var(--grid-gutter) ; } .block_tax > * { flex-basis: calc( 50% - var(--grid-gutter)); max-width: calc( 50% - var(--grid-gutter)); margin: 0 calc( var(--grid-gutter) / 2 ) var(--grid-gutter) ; } .oferta_card { border-radius: 0; position: relative; overflow: hidden; } .oferta_card:hover { border-radius: 12px; box-shadow: var(--shadow20); } .oferta_card--circle img { display: block; position: relative; z-index: 2; position: relative; transform: scale(.95); } .oferta_card:hover img { transform: scale(1); } .oferta_card:hover .oferta_card--circle { border-radius:16px 16px 0 0; } .oferta_card--info { box-shadow: inset 0 0 0 #fff; padding: var(--space-m); /*text-align:center; */ display: flex; flex-wrap: wrap; } .oferta_card:hover .oferta_card--info { box-shadow: inset 0 300px 0 #fff; } .oferta_card--info > *:last-child { flex: 1 0 35%; } .oferta_card--info > * { flex: 1 0 65%; } .oferta_card--info h5 { margin-bottom:0; /*font-size: calc(var(--text-m) - 2px);*/ } .oferta_card--info .h4 { display: inline; color:hsla(var(--brand-second),1); margin: 0; } .oferta_card--info span { color:hsla(var(--dark),1); font-weight: 400; display: block; font-size: var(--text-xs) } .oferta_card--info small { display: inline; color:hsla(var(--dark),.6); } .oferta_card--new img { display: block; position: relative; z-index: 2; position: relative; transform: scale(.80) translateX(100px); } .oferta_card--button { text-align: center; } .oferta_card--button .b-small { font-size: var(--text-xs); margin:0; box-shadow: none; padding: var(--space-s) var(--space-m) } @media only screen and (max-width:768px) { .oferta_card--button .b-small { margin:var(--space-m) 0 0; } } /******************** FORMULARIO EN LA SIDEBAR DE LAS CHILDREN TAXONOMIES **********************/ .sidebar--form { position: relative; background-color:hsla(var(--light),1); border-radius: 12px; padding: var(--space-m); --transition: all 0.3s ease-out; } .sidebar--form_hour { display: block; font-weight: 400; font-size: var(--text-xs); margin: var(--space-s) 0 var(--space-m); } .sidebar--form input[type=checkbox] { cursor: pointer; } .sidebar--form a:hover { color:hsla(var(--dark),1) } /**********************/ @media only screen and (max-width:768px) { .block_ofertas > * { flex-basis: calc( 50% - var(--space-m)); max-width: calc( 50% - var(--space-m)); margin: 0 calc( var(--space-m) / 2 ) var(--space-m); } } @media only screen and (max-width:512px) { .block_ofertas > *, .block_ofertas > * { flex-basis: calc( 100% - var(--space-m)); max-width: calc( 100% - var(--space-m)); margin: 0 calc( var(--space-m) / 2 ) var(--space-m); } .oferta_card--info > * { flex: 1 0 100%; } } .mb-xxl { margin-bottom: var(--space-xxl) } .mb-xl { margin-bottom: var(--space-xl) } .mb-l { margin-bottom: var(--space-l) } /* -------------------------------- OFERTAS SINGLE -------------------------------- */ .block--inputs { width: 100%; } .sec_planes { background-image: url(images/svg/patterns/pattern-white.svg); background-repeat: repeat; background-color: hsla(var(--dark),.07); background-size: auto; position:relative; } .sec_planes > svg { position: absolute; fill:hsla(var(--light),1); top: 0; left: 0; width: 100%; height: 100%; } /* */ .sec_planes .row { z-index: 4; } /*.sec_planes:after { content: ''; background-image: url(images/svg/pat02.svg); background-repeat: repeat; background-color: hsla(var(--brand),1); background-size: auto; background-position: top left; position: absolute; bottom: 0; right: 0; height: 100%; width: 30%; z-index: 0; }*/ .combo { text-align: center; } .combo article { text-align: left;} /*.combo .euro { display: inline-block; color: hsla(var(--dark),1); } .combo small { margin-bottom: var(--space-m); color: hsla(var(--dark),.6) }*/ /*input#firstvalue1 { display: block; font-size: var(--text-huge); color: hsla(var(--brand-second),1); font-weight: 600; border:none; background-color: transparent; padding: 0; margin: 0; width: auto; }*/ .stuffwhite:before, .stuffblue:before { position:absolute; content: " "; display:block; top:0; right:0; width: calc(80vw - 1100px); height: calc(100vh - 0); border-style: solid; border-width: 780px 400px 0 700px; border-color: white white transparent transparent; } .stuffblue:before { border-color: hsla(var(--brand),1) hsla(var(--brand),1) transparent transparent; } .car-tag_title { position: relative; padding: var(--space-s) 0; /*border:1px solid black;*/ } .car-tag_card, .car-tag_new { position: absolute; display: flex; align-items: center; z-index: 4; left: var(--space-xs); } .car-tag_card { top: var(--space-xs); } .car-tag_new { bottom: var(--space-xs); } .car-tag, .car-tag-single { display: inline-block; background-color: hsla(var(--brand),.17); border-radius: 6px; font-weight: 600; color: hsla(var(--dark),6); padding: var(--space-s) var(--space-m) var(--space-xxs); margin-right:var(--space-xxxs); text-transform: uppercase; font-size: var(--text-xxxs); } .car-tag_new span.car-tag { background-color: hsla(var(--brand),0); } .car-tag-single { font-size: var(--text-xxs); margin: var(--space-xs); } .rapida, .profe, .empre { padding: 0; margin: 0 4px 0 0; background-color: transparent; } .oferta_card .car-tag_new img { width: 16px; display: inline-block; transform: scale(1) translateX(0); margin-top: -3px } .oferta_card:hover .car-tag_new img { transform: scale(1); } .car-tag.rapida { display: flex; align-items: center; line-height: 1.5; background-color: hsla(var(--brand-third),1)!important; padding: 4px; color:#fff; } .car-tag.rapida img { margin:0 4px 0 0; } /* .car-tag-extra:before { content:''; background:url(images/svg/badge-green.svg); width:24px; height:24px; display:block; position: absolute; left: 10px; top: 13px; } .car-tag-extra { display:block; max-width: 100%; background:hsla(var(--light),1); box-shadow: var(--shadow30); border-radius: 12px; color: hsla(var(--brand),1); line-height: 1.6!important; padding: var(--space-m) var(--space-m) var(--space-m) var(--space-xl); margin: var(--space-s); text-transform: uppercase; font-size: var(--text-xs); position: relative; font-weight: 600; } .block_new { display: flex; flex-wrap: wrap; width: 100%; } .block_new > * { margin: 0 calc(50% - var(--space-s)); flex: 1 0 50%; max-width: 50%; }*/ .tag-medium { display:flex; align-items: center; max-width: 100%; background:hsla(var(--light),1); /*box-shadow: var(--shadow30); */ border-radius: 12px; color: hsla(var(--dark),1); border:2px solid hsla(var(--brand-second),.8); padding: var(--space-xs) ; text-transform: uppercase; position: relative; } .border--alt .tag-medium { border:2px solid hsla(var(--dark),.2); } /*.tag-medium:nth-child(even) { margin-left: var(--space-s); }*/ .tag-medium img, .tag-medium svg { width: 36px; } .tag-medium span { width: calc(100% - 36px); font-size: var(--h6); font-weight: 700; } /*.tag-medium img { filter:brightness(3.2) grayscale(1);}*/ .block_extras { padding: var(--space-xl) 0 0; margin:0 auto; } .block_extras > * { margin: 0 0 var(--space-s); width: 20%; } @media only screen and (max-width:768px) { .block_extras > * { margin: 0; flex:1 0 50%; max-width: 50%; } } @media only screen and (max-width:512px) { .block_extras > * { flex:1 0 100%; max-width: 100%; } } /*.block_equip > * { display: flex; flex: none; margin: 0 calc( var(--space-s) / 2 ); } */ /*.block_equip > * { flex-basis: calc( 33.3333% - var(--space-s)); max-width: calc( 33.3333% - var(--space-s)) }*/ .equip_card { display: flex; align-items: center; border-radius: var(--radius12); border:2px solid hsla(var(--brand),.2); padding: var(--space-s) var(--space-xxs); } .equip_card--text span { display: block; text-transform: uppercase; font-size: var(--text-xs); margin: 0; color:hsla(var(--dark),.4); } .equip_card--text p { font-family: var(--font-secondary); font-size: 16px; font-weight: 400!important; color:hsla(var(--dark),1); } .equip_card--text p small { display: block; margin-top: 0; font-style: italic; } .equip_card img { width: 50px; margin:0; padding:var(--space-xxs); } .equip_card--text { width: calc(100% - 70px) } .equip_card--text h6 { font-weight: 400!important; font-size: var(--text-xs); font-style: italic; } /*.equip_card--text span { display: block; text-transform: uppercase; font-size: calc( var(--text-xxs) - 1px ); margin: 0; color:hsla(var(--dark),.45); } .equip_card--text h5 { font-weight: 400!important; font-size: var(--text-s) } */ .tablet { display: none; } .block_tabla { background-color:hsla(var(--dark),.07); box-shadow: var(--shadow30) } .block_tabla > * { flex-basis: calc( 25% - var(--no-gutter)); max-width: calc( 25% - var(--no-gutter)); border-left:2px solid #fff; } @media only screen and (max-width:768px) { .block_equip > * { flex-basis: calc( 33.3333% - var(--space-s)); max-width: calc( 33.3333% - var(--space-s)) } .single_card h1 { font-size: var(--text-large) } .tablet { display: block; } .stuffwhite:before, .stuffblue:before { border-width: 1000px 200px 0 500px; border-color: white white transparent transparent; } .sec_planes:after { height: 50%; width: 100%; z-index: 0; } } @media only screen and (max-width:512px) { .block_equip > * { flex-basis: calc( 50% - var(--space-s)); max-width: calc( 50% - var(--space-s)) } .stuffwhite:before, .stuffblue:before { border-width: 1000px 160px 0 140px; border-color: white white transparent transparent; } } .ez-toc-title::after { transition: all .35s ease; } div#ez-toc-container { border:2px solid hsla(var(--brand),.6); border-radius: var(--radius8); margin-bottom: var(--space-m); display: block; width: auto; background-color: white; margin-top: 10px; } div#ez-toc-container div.ez-toc-title-container { position: relative; } div#ez-toc-container p.ez-toc-title { margin-bottom: 0!important; padding:var(--space-xs); display: flex; justify-content: space-between; align-items: center; color:hsla(var(--brand),.6); } div#ez-toc-container p.ez-toc-title::after { content: ''; background-image: var(--arrow); background-position: center; width: 24px; height: 24px; display: flex; } div#ez-toc-container:hover, div#ez-toc-container.active { border-color:hsla(var(--brand),1); } div#ez-toc-container:hover .ez-toc-title, div#ez-toc-container.active .ez-toc-title { color:hsla(var(--brand),1); } div#ez-toc-container p.ez-toc-title { font-weight: 400; font-size: 100%; } a.ez-toc-heading-2 { text-decoration: none; outline: 0; color: hsl(var(--brand-second)) !important; } div#ez-toc-container.active .ez-toc-title::after { transform: rotate(180deg); } div#ez-toc-container.active nav { padding:0 var(--space-s) var(--space-s); } span.ez-toc-title-toggle, span.ez-toc-title-toggle a { width: 100%; height: 100%; position: absolute; top:0; cursor: pointer; background-color: rgba(0, 0, 0, 0); } #ez-toc-container .ez-toc-toggle label{ display:none !important; } span.ez-toc-icon-toggle-span { display: none; } a.ez-toc-btn-default{ background-color: white; border: none; background-image: none; background-repeat: no-repeat; } a.ez-toc-btn-default:hover{ background-color: rgba(0, 0, 0, 0); } a.ez-toc-toggle i.ez-toc-glyphicon{ width: 0; height: 0; font-size: 0px; } div#ez-toc-container ul.ez-toc-list{ margin-top: 0em; margin-bottom: 0em; list-style-type: disc; list-style-position: outside; padding-left: 24px; overflow: visible !important; } #ez-toc-container ul li{ list-style: disc; overflow: visible !important; } /* -------------------------------- CTA TRY -------------------------------- */ #modal--form { position: fixed; top: 0; left:0; bottom: 0; right: 0; background-color: hsla(var(--brand),.8); z-index: 6; display: flex; align-items: center; justify-content: center; opacity: 0; display: none; visibility: hidden; transition: all .35s ease-out; } .modal-content { border-radius: 12px; box-shadow: var(--shadow30); overflow: hidden; background: hsla(var(--brand),1); position: relative; display: block; width: 90%; max-width: 800px; margin-top:500px; transition: all .35s ease-out; } #modal--form.open { display:flex; visibility: visible; opacity: 1; } #modal--form.open .modal-content { margin-top:0; } .modal_content--info { padding: var(--space-l); } .modal_content--info p { color:hsla(var(--light),1); margin: 0; } .modal_content--info .h4 { color:hsla(var(--light),1); } .modal_content--info .h6 { color:hsla(var(--light),.5); } .modal-content input[type="checkbox"] + span { color:hsla(var(--light),.5); } .modal-content input[type="checkbox"]:checked + span { color:hsla(var(--light),1); } .modal--img { position: relative;} .modal--img img { object-fit: fill; } .close-modal { position:absolute; top:0; right:0; padding: var(--space-xs); z-index: 999; } .close-modal svg { color:hsla(var(--light),.4); } .close-modal svg:hover { color:hsla(var(--light),1); } .close-send { display: none; } .close-send.visible { display: inline-flex; } @media only screen and (max-width:768px) { .modal-content { border:4px solid hsla(var(--light),.17); } .modal--img { display: none } /*.modal_content--info h4, .modal_content--info h6 { text-align: center; } */ } /*.modal-form { background: hsla(var(--light),1); display: none; position: fixed; top: 40px; left: 50%; width: 800px; margin-left: -400px; margin-top: 0; padding:0; border-radius: 12px; z-index:9999; } .modal-div { content: ''; display: flex; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background-color: hsla(var(--brand),.9); z-index: -1; } .modal_content { border-radius: 12px; box-shadow: var(--shadow30); overflow: hidden; background: hsla(var(--brand),1); position: relative; z-index: 102!important; } .modal_content .col { position: relative; } .close-modal { position:absolute; top:0; right:0; padding: var(--space-s); z-index: 999; } .close-modal svg { stroke:hsla(var(--light),.4); } .close-modal svg:hover { stroke:hsla(var(--light),1); } @media only screen and (max-width:768px) { .modal-form { width: 80%; margin-left: -40%; } .modal_content img { display: none } .modal_content--info h4, .modal_content--info h6 { text-align: center; } } @media only screen and (max-width:512px) { .modal-form { top: 0; left: 0; width: 100%; margin-left:0; } .modal_content { border-radius:0; height: 100vh; overflow-x: hidden; } .modal_content--info { padding: var(--space-xl) var(--space-l);} }*/ /*.sec_try { background-image: url(images/svg/pat02.svg); background-color: hsla(var(--dark),.07); padding: var(--space-xxl) 0; } */ /*.cta_buttons { display: block; width: 70%; padding: var(--space-l) 0 0; } .cta_buttons a small { display: block; margin:0; font-weight: 300; font-size: var(--space-xs); color: hsla(var(--light),.6) } .cta_buttons .button_primary small { color: hsla(var(--dark),.6) } .cta_buttons small { display: block; margin-top: var(--space-xl)} .b-try { font-size: var(--text-m); padding: var(--space-s) var(--space-xl); } .blue.sec_try { color:hsla(var(--light),1); background-color: hsla(var(--brand),1); } .blue.sec_try h2 { color:hsla(var(--light),1); } .blue.sec_try .link { color:hsla(var(--brand-second),1); } .blue.sec_try .link:hover { color:hsla(var(--light),1); } @media only screen and (max-width:512px) { .modal { width: 96%; margin-left: -48%; } .sec_try { padding:var(--space-xxl) 0; } .b-try { width: 100%; font-size: var(--text-m); padding: var(--space-s); } } */ /* -------------------------------- ----- NUEVOS FORMULARIOS ----- -------------------------------- */ .form--cta input[type="checkbox"] + span { color:hsla(var(--light),.5); } .form--cta input[type="checkbox"]:checked + span { color:hsla(var(--light),1); } .block--form { margin: var(--space-s) auto; width: 100%; } .block--form > * { flex-basis: calc( 33.3333% - var(--space-s)); max-width: calc( 33.3333% - var(--space-s)); margin: 0 calc( var(--space-s) / 2 ); } .block--form > *:nth-child(4n), .block--form > *:nth-child(5n) { flex-basis: calc( 50% - var(--space-s)); max-width: calc( 50% - var(--space-s)); } .block--form [type=submit] { margin: 0; } .block--inputs > * { flex-basis: calc( 50% - var(--space-s)); max-width: calc( 50% - var(--space-s)); margin: 0 calc( var(--space-s) / 2 ); } /*a.new--phone { font-size: var(--text-xl); font-weight: 600 }*/ /*a.new--phone:hover { color: hsla(var(--light),1); }*/ /* Formulario a una sola columna en la sidebar de las categorias */ .sidebar--form .block--form > *, .modal_content--info .block--form > * { flex-basis: calc( 100% - var(--space-s)); max-width: calc( 100% - var(--space-s)); } @media only screen and (max-width:768px) { .cta_footer { display: block; width: 100%; padding: var(--space-l) 0 0;} .block--form > *:nth-child(4n), .block--form > *:nth-child(5n) { flex-basis: calc( 100% - var(--space-s)); max-width: calc( 100% - var(--space-s)); } } @media only screen and (max-width:612px) { .block--form > *, .block--form > *:nth-child(4n), .block--form > *:nth-child(5n) { flex-basis: calc( 100% - var(--space-s)); max-width: calc( 100% - var(--space-s)); } } /* -------------------------------- COMPARATIVA -------------------------------- */ .comparativa_card { background-color: hsla(var(--light),1); padding:0; box-shadow: 0 0 30px hsla(var(--dark),.2); border-radius:12px; margin: var(--space-l) auto; max-width: 100%; width: 100%; } img[alt=logo-table] { display:block; margin:0 auto; width:120px; } .comparativa_card--row { display: flex; flex-wrap: wrap; align-items: center; border-top: 1px solid hsla(var(--dark),.07);} .comparativa_card--header, .comparativa_card--info, .comparativa_card--venta, .comparativa_card--renting { padding:var(--space-m) var(--space-s); } /*.comparativa_card--renting { display: flex; align-items: center; justify-content: center; flex-direction: column; }*/ .comparativa_card--footer--venta, .comparativa_card--footer--renting { padding:var(--space-l) var(--space-s); } .comparativa_card--info { width:50%; text-transform: uppercase; font-size: var(--text-xs); text-align: right; border-right: 1px solid hsla(var(--dark),.07); } .comparativa_card--header, .comparativa_card--footer--venta, .comparativa_card--footer--renting, .comparativa_card--venta, .comparativa_card--renting { width:25%; text-align: center; } .comparativa_card--info p { font-family: var(--font-secondary); font-weight:400; font-size: var(--h6) } .comparativa_card--info strong { color: hsla(var(--dark),1); } .comparativa_card--renting small, .comparativa_card--venta small { margin-top: 0; display: block; } .comparativa_card--venta p.h4 { font-family: var(--font-secondary); font-weight: 500; color: hsla(var(--dark),.4); margin-bottom: 0; } .comparativa_card--renting p.h4 { color: hsla(var(--brand),1); display: flex; justify-content: center; align-items: center } .comparativa_card--renting p svg { margin-right: var(--space-xxxs); } .comparativa_card--renting i { background-color: hsla(var(--brand-second),1); color: #fff; border-radius: 100%; padding: 2px; position: relative; top:4px; } .comparativa_card--footer--venta p.h2 { color: #f77272; } .comparativa_card--footer--renting p.h2 { color: hsla(var(--brand-second),1); } .comparativa_card--row02 { display: flex; flex-wrap: wrap; align-items: center; border-top: 1px solid hsla(var(--dark),.07);} .comparativa_card--row02 .comparativa_card--info { text-align: center; border-left: 1px solid hsla(var(--dark),.07); } .comparativa_card--end { text-align: center; } /*.comparativa_card--end .h1 { color: hsla(var(--brand-second),1); font-size: var(--text-huge) }*/ /*.comparativa_card--end .h1 span { font-size: var(--text-xxs) }*/ /*.comparativa_card--end .h3, .comparativa_card--end .h2 { margin-bottom: var(--space-xxs); } .comparativa_card--end .h5 { margin-bottom: var(--space-xl); }*/ .dest_list { padding-left: 0; list-style: none; font-size:var(--text-s); color: hsla(var(--dark),.6); } .dest_list li { margin-bottom: var(--space-m); padding-left:26px; } .dest_list li:before { content:''; background:url(images/svg/bx-check-double.svg); width:24px; height:24px; display:inline-block; position: absolute; left:0; } .dest_list i { color: hsla(var(--brand-second),1); } @media only screen and (max-width:768px) { .comparativa_card { max-width: 100%; } .comparativa_card--row { border:none; } .comparativa_card--row02 .comparativa_card--info { text-align: center; border:none; } .comparativa_card--info { width: 100%; background-color: hsla(var(--dark),.07); border:none; padding:var(--space-s); flex-direction: column; text-align: center; } .comparativa_card--venta, .comparativa_card--header, .comparativa_card--renting { width: 50%; padding:var(--space-l) var(--space-s);} .comparativa_card--renting { border-left: 1px solid hsla(var(--dark),.07)} .comparativa_card--row02 .comparativa_card--footer--venta, .comparativa_card--row02 .comparativa_card--footer--renting { width: 50%; } .comparativa_card--row02 .comparativa_card--info {order:1;} .comparativa_card--row02 .comparativa_card--venta, .comparativa_card--row02 .comparativa_card--renting, .comparativa_card--row02 .comparativa_card--footer--venta, .comparativa_card--row02 .comparativa_card--footer--renting {order:2;} } /* -------------------------------- TESTIMONIOS -------------------------------- */ .sec_testimonios { background-image: url(images/svg/pat-6.svg); background-size: auto; background-repeat: repeat; background-position: bottom left; background-color: hsla(var(--dark),.07); background-color: hsla(var(--brand-second),1); padding: var(--space-m) 0; } .sec_testimonios .slick-list.draggable { padding: 0 } .testimonios h1, .sec_testimonios h2 { color:hsla(var(--light),1);} .testimonios .meta { color:hsla(var(--light),.5);} .block_testimonios > * { margin: calc( var(--grid-gutter) / 2 ) calc( var(--grid-gutter) / 2 ); } .block_testimonios > * { flex-basis: calc( 33.333% - var(--grid-gutter)); max-width: calc( 33.333% - var(--grid-gutter)) } .testimonios-card { text-align: center; padding: var(--space-xs) var(--space-s); } .testimonios-card ul { display: flex; list-style: none; border:var(--ora); margin: 0; padding: 0; } .testimonios-card--info { background-color:hsla(var(--light),1); text-align: left; padding:var(--space-m); border-radius: 8px; margin:0 0 var(--space-xs); } .testimonios-card i { color:#fcb900; margin:0; } /*.testimonios-card--info p { font-family:var(--font-secondary); color:hsla(var(--dark),.6); display: block; margin:0; font-size:var(--text-s);/* font-style: italic; */ }*/ /*.testimonios-card span { color:hsla(var(--brand-second),1); display: block; margin:0 0 var(--space-xs); font-size:var(--text-xxs); text-transform: uppercase; }*/ .testimonios_card--stars { margin:0 auto var(--space-m); text-align: center;} .testimonios_card--user { display: flex; margin-top: var(--space-m)} .testimonios-card img { display:inline-block; margin:0 auto; max-width:60px; height: auto; border-radius:100%; } .testimonios_card--name { margin-left: var(--space-s) } .testimonios_card--name img { display:inline-block!important; margin:0 auto; max-width:16px; height: auto; } /*.testimonios_card--name h6 { font-weight: 400; margin:var(--space-xs) 0 0; font-size:var(--text-xxs); text-transform: uppercase; }*/ .testimonios-card:hover .testimonios-card--info { box-shadow:var(--shadow30) } @media only screen and (max-width:768px) { .block_testimonios > * { flex-basis: calc( 50% - var(--grid-gutter)); max-width: calc( 50% - var(--grid-gutter)) } } @media only screen and (max-width:46.250em){ .block_testimonios > * { flex-basis: calc( 100% - var(--grid-gutter)); max-width: calc( 100% - var(--grid-gutter)) } } /* -------------------------------- CAMBIOS COLOR LIGHT -------------------------------- */ .light .page--back h1, .light .page--back p { color:hsla(var(--light),1); } .light #breadcrumbs { color: hsla(var(--light),.4); } .light #breadcrumbs a { color: hsla(var(--light),.9) } .light #breadcrumbs a:hover { color: hsla(var(--brand-second),1) } .light .flex-menu li > a { color:hsla(var(--light),.7); } .light .flex-menu li:last-child a { color:hsla(var(--light),.8); } .light .flex-menu li:last-child a:hover { color:hsl(var(--light)); } .light .flex-menu li > a:hover, .light .flex-menu li.current > a { color:hsl(var(--light)); } .light .nav-logo img { content: url(images/logos/logo-light.svg); } .light .cd-header.is-fixed .flex-menu li > a { color:hsla(var(--brand),.5); } .light .cd-header.is-fixed .flex-menu li > a:hover, .light .cd-header.is-fixed .flex-menu li.current > a { color:hsl(var(--brand)); } .light .cd-header.is-fixed .flex-menu li:last-child a { color:hsla(var(--brand-second),.8); } .light .cd-header.is-fixed .flex-menu li:last-child a:hover { color:hsla(var(--brand-second),1); } .light .cd-header.is-fixed .nav-logo img { content:''; } .light .ham .line { fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:hsla(var(--light),1); stroke-width:5.5; stroke-linecap:round; } #reset-checkboxes img, .block_filter, .block_filter ul, .block_filter ul.active, .filter-panel, .filter-panel.active, .block_filter li.has-submenu > a:after, .filter-tab:after { -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out } .block_filter { margin: 0 auto; padding: 0; } .block_filter > li { margin:0; padding:0; position: relative; border-right: 1px solid hsla(var(--dark),.2); font-size: var(--text-s); } .block_filter > li:last-child { border-right:none } .block_filter > li a { cursor: pointer; display: block; color: hsla(var(--dark),.4); width:100%; position: relative;} .block_filter li.has-submenu > a.active, .block_filter > li a:hover { background-color: hsla(var(--light),1); color: hsla(var(--dark),1); box-shadow: var(--shadow10); } .block_filter ul { list-style: none; visibility: hidden; opacity: 0; display: none; position: absolute; top:110%; left:0; border-radius:0 0 6px 6px; width:100%; background-color: hsl(var(--light)); padding:0 var(--space-xxs) var(--space-s); margin:0; box-shadow: var(--shadow10); } .block_filter ul.active { display: flex; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: flex-start; visibility: visible; opacity: 1; top:100%; z-index: 1; } .block_filter ul li { display:block; flex: 1; flex-basis: 50%; max-width: 50%; margin: 0; padding:0; font-size: calc(var(--text-xs) + 2px); } .block_filter ul li label { display:inline-block; width: 100%; margin:0; padding: var(--space-s) 0; cursor:pointer; } .block_filter ul li label, .block_filter ul li label { color:hsla(var(--dark),.4); padding-left: var(--space-s); } .block_filter ul li:hover label, .block_filter ul li:hover label { color:hsla(var(--dark),1); } .block_filter li.has-submenu > a:after { content:''; background:url(images/svg/bx-chevron-down.svg); width:24px; height:24px; display:block; position:absolute; top:calc(50% - 12px); right:10px; } .block_filter li.has-submenu > a.active:after { transform: rotate(180deg); } .block_filter > * { flex:1; } .block_filter > *:last-child { flex:0 0 4%; } #reset-checkboxes:hover { box-shadow: none; } #reset-checkboxes img { margin: -4px auto 0; min-width:20px; opacity: .4 } #reset-checkboxes:hover img { opacity: 1 } .filter-tab { display:block; width: 100%; color: hsla(var(--dark),1); padding:var(--space-m) var(--space-s); margin: 0; position: relative; outline: 0; } #archive-filters { margin: 0; padding: 0; width: 100% } .empty_state { display: block; text-align:center; padding: var(--space-xxxl) 0;} .empty_state img { max-width: 50px; margin-bottom: var(--space-m); opacity: .3; } .empty_state h4, .empty_state h5 { color:hsla(var(--dark),.8); font-weight: 400; } .empty_state h5 { color:hsla(var(--dark),.4); margin-top: var(--space-xs); } @media only screen and (max-width:70em) { .block_filter ul li { display:block; flex: 1; flex-basis: 100%; max-width: 100%; margin: 0; padding: 0; } } .tab--container { border:2px solid red; } @media only screen and (max-width:768px) { .block_filter > *:last-child { flex:0 0 100%; } .block_filter > * { flex:0 0 100%; } .block_filter ul { position:relative; display: none; top:0; height: 0; padding:0 var(--space-s) var(--space-m); } .block_filter ul.active, .filter-panel.active { visibility: visible; display: flex; opacity: 1; top:0; height: auto; } .block_filter ul li { display:block; flex: 1; flex-basis: 33.333%; max-width: 33.333%; margin: 0; padding: 0; } .block_filter ul li label { display:block; width:100%; margin:0; padding: var(--space-m) 0; cursor:pointer; } .block_filter > li a { padding:var(--space-m); } .block_filter > li { border:none!important } .block_filter > li { border-bottom: 1px solid hsla(var(--dark),.2)!important; } .block_filter > li:last-child { border-bottom: none!important; } #reset-checkboxes:after { content: 'LIMPIAR FILTROS'; font-weight: 600; font-size: var(--text-xs); display:inline-block; margin-left: var(--space-s); } /*.filter-tab:after { content:''; background:var(--arrow); width:24px; height:24px; display:block; position:absolute; top:calc(50% - 12px); right:10px; } .filter-tab { display: block; border:2px solid hsla(var(--brand),.4); border-radius: var(--radius4); cursor: pointer; } .filter-tab.active { color: hsla(var(--dark),.3); border-bottom:none; } .filter-tab.active:after { transform: rotate(180deg); }*/ /*.filter-panel__categories { max-height: 0px; overflow: hidden; } .filter-panel__categories.active { max-height: 220em; border: 1px solid hsla(var(--dark),.2); margin-bottom: var(--space-m) }*/ } @media only screen and (max-width:512px) { .block_filter ul li { display:block; flex: 1; flex-basis: 50%; max-width: 50%; margin: 0; padding: 0; } .empty_state.active { padding: var(--space-xxl) 0;} } /* -------------------------------- SIDEBAR BLOG -------------------------------- */ .searchform { position: relative; } .searchform input { margin:0!important; padding-right: var(--space-xxl)!important; } .searchform button { margin:0!important; border-radius: 0px; position: absolute; top:50%; right: 0; transform: translateY(-50%); cursor: pointer; padding: var(--space-s); border:none; background:transparent; border-left: 1px solid hsla(var(--dark),.2) } .searchform button img { opacity: .3; } .searchform button:hover img { opacity: 1; } .sec_blog { padding: var(--space-xxxl) 0; } .sec_categories { padding:0; margin:var(--space-m) 0; border-bottom:1px solid hsla(var(--dark),.05) } .blog-index__categories { margin:0; padding:0; width:100%; list-style: none; } .blog-index__categories li { display: inline-block; } .blog-index__categories li a:hover, .blog-index__categories li a[aria-current="page"] { color:hsla(var(--light),1); background:hsla(var(--brand-second),1); box-shadow:none; } /*.blog-index__categories li a { font-size: calc(var(--text-xs) - 1px); padding: var(--space-s) var(--space-m); border-radius: 4px; text-align: center; color:hsla(var(--dark),1); background:hsla(var(--brand-second),1); font-weight: 600; margin:var(--space-s); display: inline-block; position: relative; box-shadow: var(--shadow10); text-decoration: none; line-height: var(--body-line-height); }*/ /*.filter-panel__categories { background-color: #efefef; }*/ @media only screen and (max-width:768px) { .sec_blog { padding: var(--space-xxl) 0; } .blog-index__categories { margin:0 var(--space-s); padding:0; width:100%; list-style: none; } .filter-panel__categories { border:none!important; } .sec_categories { padding:0 0 var(--space-m); } } .sidebar-right, .glosario-related { /*padding: var(--space-m) 0 var(--space-l) var(--space-l);*/ padding-left: var(--space-m); margin-left: var(--space-m); border-left: 1px solid hsla(var(--dark),.1); /*border:1px solid red;*/ display: flex; flex-wrap: wrap; flex-direction: column; grid-gap: var(--space-xs); position: sticky; top: var(--space-m); } .sidebar-right > .searchform { margin-bottom: var(--space-m); } .widgettitle { font-size: var(--h5); } .drak_span{ font-family: var(--font-secondary); font-weight: 500; display: block; color: hsla(var(--dark),1); margin: 0 0 var(--space-xs); } .filter-panel__sidebar, .sidebar-right ul { margin:0 0 var(--space-m); padding: 0; width:100%; list-style: none; } .filter-panel__sidebar li, .sidebar-right ul li { margin:0; padding: 0; font-size: var(--h6); font-weight: 600; } .filter-panel__sidebar li a, .sidebar-right ul li a { font-weight: 400; padding:var(--space-xxs) 0; width: 100%; display: inline-block; text-transform: uppercase; } .sidebar-right__date { display: block; text-transform: uppercase; font-size: var(--text-xs); color: hsla(var(--dark),1); margin: var(--space-xs) 0; } .filter-tab__sidebar { display: block; width: 100%; color: hsla(var(--dark),1); padding: 0; margin: 0; position: relative; outline: 0; } @media only screen and (max-width:820px) { .sidebar-right, .glosario-related { padding: var(--space-l) 0 0; margin:var(--space-s) 0 0; border-left:none; border-top: 1px solid hsla(var(--dark),.1); flex-direction: row; position: relative; } .sidebar-right > * { flex:0 0 calc(50% - (var(--space-xs) / 2)); } .sidebar-right > .searchform { flex-basis: 100%; } .filter-panel__sidebar { display: block!important; border:none!important; } .filter-panel__sidebar li { display: block; width: 100% } } @media only screen and (max-width:540px) { .sidebar-right > * { flex-basis: 100%; } } .sidebar--card, .sidebar--card__circle:before, .sidebar--card__circle img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar--card { background-color: #fff; position: relative; z-index: 2; display: block; box-shadow: var(--shadow20); padding: var(--space-m); text-align: center; max-width: 400px; } .sidebar--card__title { position: relative; z-index: 2; margin-bottom: var(--space-l); text-transform: uppercase; } .sidebar--card__circle:before { --size:100px; content: ''; display: block; position: absolute; top: var(--space-xl); right: var(--space-xl); width: var(--size); height: var(--size); -webkit-mask-size: contain; -webkit-mask-image: url(images/svg/circle-home.svg); -webkit-mask-position: top right; -webkit-mask-repeat: no-repeat; z-index:0; background-color:hsla(var(--brand-second),1); transition: all .35s ease-out; } .sidebar--card__circle:hover:before { right:var(--space-xl); --size:80px; background-color:hsla(var(--brand-third),1); } .sidebar--card.is-fixed { top: var(--space-xxl); } .sidebar--card__circle img { display: block; position: relative; z-index: 2; position: relative; transform: translateX(10px); } .sidebar--card:hover .sidebar--card__circle:before { background-size: 90%; } .sidebar--card { border-radius:12px; position: relative; overflow: hidden; } .sidebar--card:hover { box-shadow: var(--shadow40); } .sidebar--card:hover img { transform: translateX(-10px); } .sidebar--card { text-align: center; } .sidebar--card .b-small { font-size: var(--text-xs); margin:var(--space-m) 0 0; box-shadow: none; padding: var(--space-s) var(--space-m) } @media only screen and (max-width:820px) { .sidebar--card { margin:var(--space-s) auto 0; } .sidebar--card.is-fixed { top:0; } } /* -------------------------------- FOOTER -------------------------------- */ #cta-buttons { position: fixed; right: 0; width: 100%; display: flex; align-items: center; justify-content: flex-end; padding: var(--space-s); pointer-events: none; z-index: 5; bottom: -50%; opacity: 0; -webkit-transition: all .64s cubic-bezier(0.86,0,0.07,1); -moz-transition: all .64s cubic-bezier(0.86,0,0.07,1); -ms-transition: all .64s cubic-bezier(0.86,0,0.07,1); -o-transition: all .64s cubic-bezier(0.86,0,0.07,1); } #cta-buttons.is-visible { bottom: 0; opacity: 1; visibility: visible; } #cta-buttons > * { pointer-events: all; } #cta-buttons > .button > svg { margin:0; } #cta-buttons .button:not(:last-child) { margin: 0; margin-right: var(--space-xxs); } .button--whatsapp { background-color: #25D366; } .cta--desktop-none { display: none!important; } @media only screen and (max-width:768px) { .cta--desktop-none { display: inline-flex!important; } .cta--mobile-none { display: none!important; } } @media only screen and (max-width:512px) { #cta-buttons { padding: var(--space-xs); } .flex--1 { width: 70% } } footer { padding:var(--space-l) 0; margin: 0; color:hsla(var(--dark),.6); position: relative; z-index:1; background:var(--blue-gray-0); } footer h4 { font-family: var(--font-primary); font-size: var(--h6); text-transform: uppercase; font-weight: 600; color: hsla(var(--dark),1); } img[alt=logo-footer] { display:block; margin:0 auto; width:180px; filter: grayscale(1); opacity: .3 } img[alt=logo-footer]:hover { filter: grayscale(0); opacity:1 } .ekomi-widget-container { margin:var(--space-l) auto; } .flag--link { display: inline-flex; align-items: center; color:hsla(var(--dark),.4); font-size: var(--h6); text-transform: uppercase; font-weight: 600; padding: var(--space-xs); } .flag--link:hover { color: hsla(var(--dark),1); } .flag--link svg, .flag--link img { margin-right:var(--space-xxs); max-width: 18px; width: 100%; } .footer-menu { list-style: none; margin:0; padding: 0; position: relative; } .footer-menu li > a { display: block; color:hsla(var(--dark),.4); font-size: var(--h6); padding: var(--space-s) var(--space-s) var(--space-s) 0; text-transform: uppercase; font-weight: 600; } .footer-menu li > a:hover { color:hsl(var(--brand-second)); color:hsla(var(--dark),1); } .section--copy { background:var(--blue-gray-1); font-size: var(--h6); color:hsla(var(--dark),1); padding:var(--space-m) 0; } .copy span { padding: 0; margin:0; display: inline; } .menu-legal { list-style:none; padding:0; margin:0; display: flex; } .menu-legal li { padding:var(--space-s); } .menu-legal li a { color:hsla(var(--dark),.4); } .menu-legal li a:hover { color:hsla(var(--brand-second),1); color:hsla(var(--dark),1); } .block_4-2 > * { flex: none; margin: 0; padding: 0 var(--space-s); flex-basis: calc( 25% - var(--no-gutter)); max-width: calc( 25% - var(--no-gutter)); } .menu-social { list-style: none; display:flex; justify-content:center; margin:var(--space-s) 0 0; padding: 0;} .menu-social li { margin: 0; padding: 0; } .menu-social li a { display: flex; padding:var(--space-xs); color:hsla(var(--dark),.4); opacity: .4; filter: grayscale(1); } .menu-social li a:hover { opacity: 1; filter: grayscale(0); } .menu-social li a img { width:22px;} .menu-social li a.socicon-facebook:hover { color:#0077b5; } .menu-social li a.socicon-instagram:hover { color:#f94877; } .menu-social li a.socicon-twitter:hover { color:#1da1f2; } /*#bottom-footer { display: none; } #bottom-footer.active { position: fixed; top:70px; right: 0; color:hsl(var(--light)); padding:var(--space-xs); display: block; opacity:1; text-decoration: none; line-height: 0; z-index: 10; }*/ img[alt=enisa] { display:block; float:right; width:70px; } @media only screen and (max-width:768px) { img[alt=logo-footer] { display:block; margin:0 auto;} .menu-legal { justify-content: center; margin:0; } .menu-legal li { padding:var(--space-s) var(--space-xxs); } .menu-social { justify-content: center; } img[alt=enisa] { display:block; float:none; margin: var(--space-m) auto 0; width:70px; } /*#bottom-footer.active { position: fixed; top: unset; bottom:0; right: 0; width: 100%; color:hsl(var(--light)); padding:var(--space-s) var(--space-s) 24px var(--space-s); display: block; opacity:1; text-decoration: none; line-height: 0; z-index: 10; } #bottom-footer.active a { float: left; width: calc(100% - 90px); padding: 9px; margin: 0; }*/ } @media only screen and (max-width:512px) { } /******************* PATTERNS ********************/ [class*="divider--"] { -webkit-mask-image: url(images/svg/patterns/divider-pink.svg); -webkit-mask-position: top right; -webkit-mask-repeat: no-repeat; /*-webkit-mask-size: contain;*/ width: 360px; height: 50px; position: absolute; } .divider--tl { top: 0; left: 0; } .divider--tr { top: 0; right: 0; transform: scaleX(-1); } .divider--bl { bottom:0; left: 0; transform: scaleY(-1);} .divider--br { bottom:0; right: 0; transform: scale(-1); } @media only screen and (max-width:890px) { [class*="divider--"] { width: 42%; } } .sec_new { background-image:url(images/topright.png); background-repeat: no-repeat; background-size: contain; } .sec_new svg { position: absolute; fill:hsla(var(--light),1); top: 0; right: 0; width: 50%; height: 100%; } [class*="pattern--"] { position: relative; z-index: 1 } [class*="pattern--"] .row, [class*="pattern--"] .sidebar--form { position: relative; z-index: 9;} [class*="pattern--"]::before, [class*="pattern--"]::after { content: ''; display: block; position: absolute; width: 200px; height: 200px; } .pattern--tl:before { top: -4em; left: 4em; } .pattern--tr:before { top: -4em; right: 4em; } .pattern--bl:after { bottom: -4em; left: 4em; } .pattern--br:after { bottom: -4em; right: 4em; } .pattern--form:after { bottom: -4em; right: -4em; } .pattern--tl_grey:before, .pattern--tr_grey:before, .pattern--bl_grey:after, .pattern--br_grey:after { background-image:url(images/svg/patterns/pattern-light.svg); } .pattern--tl_white:before, .pattern--tr_white:before, .pattern--bl_white:after, .pattern--br_white:after { background-image:url(images/svg/patterns/pattern-white.svg); } .pattern--tl_blue:before, .pattern--tr_blue:before, .pattern--bl_blue:after, .pattern--br_blue:after { background-image:url(images/svg/patterns/pattern-blue.svg); } .pattern--tl_green:before, .pattern--tr_green:before, .pattern--bl_green:after, .pattern--br_green:after { background-image:url(images/svg/patterns/pattern-green.svg); } .pattern--tl_color:before, .pattern--tr_color:before, .pattern--bl_color:after, .pattern--br_color:after { background-image:url(images/svg/patterns/pattern-color.svg); } @media only screen and (max-width:768px) { .pattern--tl:before { top: -2em; left: 2em; } .pattern--tr:before { top: -2em; right: 2em; } .pattern--bl:after { bottom: -2em; left: 2em; } .pattern--br:after { bottom: -2em; right: 2em; } .pattern--form:after { bottom: -2em; right: -2em; } } @media only screen and (max-width:512px) { [class*="pattern--"]::before, [class*="pattern--"]::after { content: ''; display: block; position: absolute; width: 120px; height: 120px; } } /* -------------------------------- 404 -------------------------------- */ .sec_404, .sec_gracias { display: flex; background-image: url(images/svg/pat-6.svg); background-repeat: repeat; background-color: hsla(var(--dark),.07); background-size: auto; background-position: top left; position: relative; z-index: 1; margin: 0; padding: 0; height: 100vh; overflow: hidden; margin-top: -43px; } .sec_gracias { background-image: url(images/svg/patterns/pattern-white.svg); } /* -------------------------------- ALL THE NEW CSS THAT NEEDS TO BE CHECKED -------------------------------- */ .show-bottom img { width: 100%; max-width: 500px } .checking { padding:0 0 var(--space-xs); margin:0; list-style: none; display: flex; width: 100%; } .checking li { width: 26px; height: 26px; margin:var(--space-xxs); border:2px solid #f2f2f2; border-radius: 100%; display: block; } .checking li:hover, .checking li.active { border:2px solid hsla(var(--brand-third),1); cursor: pointer; } span.check-colors { font-size: var(--text-xs); color: hsla(var(--dark),1); font-weight:300; text-transform: uppercase; padding-top: var(--space-s); } span.check-colors span { font-size: inherit; font-weight: 600; text-transform: uppercase; } .search-filter-results { position: relative; } /*.filter-sticky { border:2px solid black; }*/ .sticky { position:-webkit-sticky; position:sticky; top:0; } .filter--sticky { z-index: 4; position:-webkit-sticky; position:sticky; top:0; background-color: #efefef; } .filter--sticky.is-fixed { top: var(--space-xxl); } .space-bottom { margin-bottom: var(--space-l)!important; } .oferta, .marca-logo { display: block; } /*.oferta { width: 100%; }*/ .marca-logo { width: 120px; } @media only screen and (max-width:768px) { .filter--sticky.is-fixed { top: 0; } /*.oferta { margin-bottom: var(--space-xl) }*/ .marca-logo { margin:0 auto;} .checking { justify-content: center; } } .section--glass { background-color: hsla(var(--light),.5); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: var(--shadow30); } .card-single { padding: var(--space-m); border-radius: 10px; box-shadow: var(--shadow20); position: relative; top:-300px; margin-bottom: -300px; background-color: hsla(var(--light),.5); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: var(--shadow30); } .card-single h1 { font-size: var(--text-xl); } .promo-single a { margin:var(--space-s) 0 0; } .block_extras { padding:0; margin:0; } .block_extras > * { margin: 0 0 var(--space-s); flex:1 0 50%; max-width: 50%; } @media only screen and (max-width:820px) { .sticky { position:relative; top:0; } .card-single { top:0; margin-bottom:var(--space-xl);} /*.block_extras > * { margin: 0; flex:1 0 50%; max-width: 50%; }*/ } @media only screen and (max-width:512px) { .card-single { padding: var(--space-xs); } .card-single h1 { font-size: var(--h1); } .block_extras > * { flex:1 0 100%; max-width: 100%; } } /* -------------------------------- NEW IN CARD TAGS -------------------------------- */ /* .oferta_card--info { box-shadow: inset 0 2px 0 #fff; padding:0 var(--space-m) var(--space-m); display: flex; flex-wrap: wrap; } .car-tag_title { position: relative; padding: var(--space-s) 0; } span.car-tag, span.car-tag-single { display: inline-block; background-color: hsla(var(--brand),.17); border-radius: 6px; font-weight: 600; color: hsla(var(--dark),6); padding: var(--space-s) var(--space-m) var(--space-xxs); margin-right:var(--space-xxxs); text-transform: uppercase; font-size: var(--text-xxxs); } .car-tag_new span.car-tag { background-color: hsla(var(--brand),0); } */ /* -------------------------------- GLOSARIO -------------------------------- */ .sec_glosario-home { padding:var(--space-xl) 0 var(--space-xxl); } .sec_glosario-single { padding:var(--space-xxl) 0 0; } .alphabet-navigation ul { font-family: var(--font-secondary); list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin:0;} .alphabet-navigation li { margin: 0; } .alphabet-navigation li a { display: flex; align-items: center; justify-content: center; width: var(--space-l); height: var(--space-l); /* padding: var(--space-xs); */ line-height: .8; color: hsla(var(--dark),.5); border: 2px solid hsla(var(--dark),.5); text-transform: uppercase; border-radius: var(--radius8); margin: var(--space-xxxs); } .alphabet-navigation li a:hover { color:hsla(var(--brand-second),1); border-color:hsla(var(--brand-second),1); box-shadow: var(--shadow-second20) } .glossary { font-family: var(--font-secondary); } .glossary h4 { padding: var(--space-xs); border-bottom:1px solid hsla(var(--dark),.1); margin-bottom: var(--space-xs); } .glossary h4 a { color:hsla(var(--dark),1); text-transform: uppercase; } .glosario-list { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin:0 0 var(--space-xl); } .glosario-list li { flex:0 0 25%; } .glosario-list li a { display:block; padding: var(--space-s); font-weight: 400; } .glosario-related h5 { font-weight: 400; } .glosario-related ul { list-style: none; padding: 0; margin: 0; } @media only screen and (max-width:768px) { .glosario-list li { flex:0 0 33.333%; } .glosario-related { margin-top: var(--space-l); padding-top: var(--space-l); border-top:1px solid #ccc; } .alphabet-navigation ul { justify-content: center; } } @media only screen and (max-width:512px) { .glosario-list li { flex:0 0 50%; } } /**************************/ .row .space-m { margin-bottom:var(--space-xxl); } .title_single--oferta { font-size: var(--h4); text-transform: uppercase; margin-bottom: var(--space-m); } .title_single--oferta:after { content: ''; display: block; height: 2px; background:hsla(var(--brand-second),1); width: 100px; margin-top: var(--space-xxs) } /*.equipacion-text { display: block; text-transform: uppercase; font-size: var(--space-s); padding: 0; margin:0 0 var(--space-s); }*/ .block_equip { padding:0; margin: 0 auto; } .block_equip > * { display: flex; margin:0!important; } .block_equip > * { flex: 1 0 25%; max-width: 25%; } @media only screen and (max-width:768px) { .equipacion-text { text-transform: uppercase; font-size: var(--space-s); padding: 0; margin:0 0 var(--space-s); } .row .block_equip { padding:0; margin: 0 auto var(--space-l);} .block_equip > * { flex: 1 0 33.3333%; max-width: 33.3333%; } } @media only screen and (max-width:512px) { .block_equip > * { flex: 1 0 50%; max-width: 50%; } } .card--equipamiento { border-radius: var(--radius12); background-color: #fff; overflow: hidden; box-shadow: var(--shadow10); } .equip_tabbed--title { font-weight: 600; width: 25%; padding: var(--space-s); color:hsla(var(--dark),.2); background-color:hsla(var(--dark),.05) } .equip_tabbed--title.active { background-color: white; } /*.equip_tabbed--title:before { display:block; content:''; position: absolute; left:0; bottom: 0; width: 100%; height: 2px; background:hsla(var(--dark),.05); transition: all 0.3s ease-out; }*/ .equip_tabbed--panel ul {margin:0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } .equip_tabbed--panel ul li { /*border:1px solid red;*/ margin: 0; width: 33.333%; padding: var(--space-xs); padding-left: 26px; position: relative; font-size: 15px; color:hsla(var(--dark),.7); } .equip_tabbed--panel ul li::before { content: ''; left: 14px; top: 18px; position: absolute; height: 6px; width: 6px; background-color:hsla(var(--brand-second),1); border-radius: 50%; } .equip_tabbed--panel p { background:hsla(var(--dark),.04); margin:0; padding:var(--space-m); text-transform: uppercase; font-size: var(--text-xs); } @media only screen and (max-width:820px) { .equip_tabbed--title { width: 100%; } .equip_tabbed--panel ul li { width: 50%; } } @media only screen and (max-width:512px) { .equip_tabbed--panel ul li { width: 100%; } } /* .equip_tabbed--title:hover:before { height: 4px; background:hsla(var(--dark),.2); } .equip_tabbed--title.active:before { height: 4px; background:hsla(var(--brand-second),1) } .equip_tabbed--panel p { background:#f2f2f2; margin:0; padding:var(--space-s); text-transform: uppercase; font-size: var(--text-xs) } .equip_tabbed--panel p strong { color:hsla(var(--brand),1); } .equip_tabbed--panel li { font-family: var(--font-primary); margin:0; list-style: none; }*/ /* .equip_tabbed--panel ul { margin:0; padding: 0; } .equip_tabbed--panel ul { -webkit-columns: 3; -moz-columns: 3; columns: 3; -moz-column-fill: balance; column-fill: balance; -webkit-column-gap: var(--space-s); -moz-column-gap: var(--space-s); column-gap: var(--space-s); } .equip_tabbed--panel li { padding: var(--space-s) var(--space-m); }*/ /* .equip_tabbed--panel ul { list-style: none; position: relative; display:flex; flex-wrap: wrap; justify-content: flex-start; padding:0; margin:0 0 var(--space-s); width:100%; max-width:var(--grid-maxWidth); }*/ /*.equip_tabbed--panel li { font-size: var(--text-s); margin: 0; flex:1 0 33.333%; max-width: 33.333%; padding: var(--space-s); } .equip_tabbed--panel li::before { position: absolute; top:4px; left:0; content: "\2022"; color: hsla(var(--brand),1); font-size: 1.6em; display: block; margin:0; padding: 0; }*/ /* @media only screen and (max-width:768px) { .equip_tabbed--title { width: 100%; } .equip_tabbed--title:hover:before { height: 2px; background:hsla(var(--dark),.05); } .equip_tabbed--title.active:before { height: 2px; background:hsla(var(--dark),.05); } .equip_tabbed--panel p { padding:var(--space-s) var(--space-m); } .equip_tabbed--panel ul { margin:0 var(--space-m) var(--space-s); } .equip_tabbed--panel li { margin: 0 0 var(--space-s); flex:1 0 50%; max-width: 50%; } } @media only screen and (max-width:512px) { .equip_tabbed--panel li { margin: 0; flex:1 0 100%; max-width: 100%; } } */ .block_ofertas--marcas { margin:0 auto!important; padding: 0; } .block_ofertas--marcas > * { flex-basis: calc( 50% - var(--space-l)); max-width: calc( 50% - var(--space-l)); margin: 0 calc( var(--space-l) / 2 ) var(--space-l); } .marcas-card { background-color:transparent; text-align: center; padding: 0; overflow: hidden; border-radius: 12px; } .marcas-card:hover { box-shadow: var(--shadow20); } .marcas-card__img { display: block; margin:0 auto; width: 100%; background-color: #fff; --transition: all 0.3s ease-out; } .marcas-card__img img { transform: scale(.90); --transition: all 0.3s ease-out; } .marcas-card__text { padding:var(--space-s) var(--space-m) var(--space-m); box-shadow: inset 0 260px 0 hsla(var(--light),1); --transition: all 0.3s ease-out; } .marcas-card__text p { color: hsla(var(--dark),.6); margin:0; } .marcas-card:hover { border-radius: 12px; } .marcas-card:hover .marcas-card__img img { transform: scale(1); } .marcas-card:hover .marcas-card__text { box-shadow: inset 0 260px 0 hsla(var(--light),1); } .parent--cat_img { position: relative; display: block; margin:0 auto; } @media only screen and (max-width:768px) { .parent--cat_img { display: block; margin:0 auto; } .block_ofertas--marcas > * { flex-basis: calc( 50% - var(--space-l)); max-width: calc( 50% - var(--space-l)); margin: 0 calc( var(--space-l) / 2 ) var(--space-l); } } @media only screen and (max-width:512px) { .block_ofertas--marcas > * { flex-basis: calc( 100% - var(--space-l)); max-width: calc( 100% - var(--space-l)); margin: 0 calc( var(--space-l) / 2 ) var(--space-l); } } /******************** GALLERY **********************/ .gallery li, .gallery li img, .sl-wrapper button { -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; transition: .3s ease-in-out; } .sec_gallery { background-image: url(images/svg/patterns/pattern-white.svg); background-repeat: repeat; background-color: hsla(var(--dark),.05); background-size: auto; background-position: top left; z-index: 0; } .gallery { width: 100%; margin: 0 0 var(--space-l); padding: 0; list-style: none; /*overflow: hidden;*/ } .gallery li { float: left; width: 20%; height: 220px; border: 4px solid transparent; position: relative; overflow: hidden; margin:0; } /*.gallery li:hover { box-shadow: var(--shadow30); }*/ .gallery li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); z-index: 5; } .gallery li:first-child { width: 40%; height: 440px } .gallery li:nth-child(3) { width: 40%; } .gallery li:nth-child(n+7) { visibility: hidden; display: none; } .gallery li:nth-child(n+6) a:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: hsla(var(--brand-second),.8); content:'ver'; display: flex; align-items: center; justify-content: center; font-size: 40px; color: #fff; font-weight: 900; z-index: 1 } .gallery li a, .gallery li img { width: 100%; height: 100%; margin: 0; } .gallery li img { display: block; object-fit: cover; } @media only screen and (max-width:768px) { .gallery li:first-child { width: 40%; height: 440px } .gallery li:nth-child(3), .gallery li:nth-child(4) { width: 40%; } .gallery li:nth-child(n+6) { visibility: hidden; display: none; } .gallery li:nth-child(n+5) a:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 86, 140, .8); content:'ver'; display: flex; align-items: center; justify-content: center; font-size: 40px; color: #fff; font-weight: 900; z-index: 1 } } @media only screen and (max-width:512px) { .gallery li { width: 25%; height: 180px; } .gallery li:first-child { width: 50%; height: 360px } .gallery li:nth-child(3), .gallery li:nth-child(4) { width: 25%; } } /****************************************************************************************/ /************/ body.hidden-scroll { overflow: hidden; } .sl-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: hsla(var(--light),.9); display: none; z-index: 1035; } .sl-wrapper { z-index: 1040; } .sl-wrapper button { box-shadow: none; padding: 0; margin:0; background:transparent; border-radius: 0px; cursor:pointer; opacity: .6; } .sl-wrapper button:hover { opacity: 1; } .sl-wrapper .sl-close { display: none; position: fixed; right: 20px; top: 20px; background-image: url(images/svg/nav-close.svg); background-repeat: no-repeat; background-position: center; z-index: 10060; height: 44px; width: 44px; text-indent: -9999px; } .sl-wrapper .sl-counter { display: none; position: fixed; top: 20px; left: 20px; z-index: 1060; color: #000; color: hsla(var(--dark),.6); } .sl-wrapper .sl-total { color: hsla(var(--dark),1); } .sl-wrapper .sl-current { font-weight: 600} .sl-wrapper .sl-navigation { width: 100%; display: none; } .sl-wrapper .sl-navigation button { position: fixed; top: calc(50% - 40px); background-image: url(images/svg/nav-left.svg); background-repeat: no-repeat; background-position: center; height: 40px; width: 40px; display: block; z-index: 10060; text-indent: -9999px; } .sl-wrapper .sl-navigation button.sl-next { right: 20px; background-image: url(images/svg/nav-right.svg);} .sl-wrapper .sl-navigation button.sl-prev { left: 20px;} .sl-wrapper .sl-close:focus, .sl-wrapper .sl-navigation button:focus { outline: none; } .sl-wrapper .sl-image { position: fixed; -ms-touch-action: none; touch-action: none; z-index: 10000; box-shadow: var(--shadow30) } .sl-wrapper .sl-image img { margin: 0; padding: 0; display: block; border: 0 none; width: 100%; height: auto; } .sl-wrapper .sl-image iframe { background: #000; border: 0 none; } @media only screen and (max-width:768px) { .sl-wrapper .sl-navigation button { width:50px; } .sl-wrapper .sl-close { right:10px; top:10px; } .sl-wrapper .sl-counter { left: 10px; top:10px; } .sl-wrapper .sl-navigation button.sl-next { right:10px; } .sl-wrapper .sl-navigation button.sl-prev { left: 10px; } .sl-wrapper .sl-image img, .sl-wrapper .sl-image iframe { border: 0 none; } } @media only screen and (max-width:512px) { .sl-wrapper .sl-navigation button { width:50px; height: 50px } .sl-wrapper .sl-close { right:0; top:0; } .sl-wrapper .sl-counter { left: 10px; top:10px; } .sl-wrapper .sl-navigation button.sl-next { right:0; } .sl-wrapper .sl-navigation button.sl-prev { left: 0; } .sl-wrapper .sl-image img, .sl-wrapper .sl-image iframe { border: 0 none; } } .sl-wrapper .sl-image .sl-caption { display: none; padding: 10px; color: #fff; background: rgba(0, 0, 0, 0.8); font-size: 1rem; position: absolute; bottom: 0; left: 0; right: 0; } .sl-wrapper .sl-image .sl-caption.pos-top { bottom: auto; top: 0; } .sl-wrapper .sl-image .sl-caption.pos-outside { bottom: auto; } .sl-wrapper .sl-image .sl-download { display: none; position: absolute; bottom: 5px; right: 5px; color: #000; z-index: 1060; } .sl-spinner { display: none; border: 5px solid #333; border-radius: 40px; height: 40px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 1007; -webkit-animation: pulsate 1s ease-out infinite; -moz-animation: pulsate 1s ease-out infinite; -ms-animation: pulsate 1s ease-out infinite; -o-animation: pulsate 1s ease-out infinite; animation: pulsate 1s ease-out infinite; } .sl-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .sl-transition { transition: -moz-transform ease 200ms; transition: -ms-transform ease 200ms; transition: -o-transform ease 200ms; transition: -webkit-transform ease 200ms; transition: transform ease 200ms; } @-webkit-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @-moz-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @-o-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @-ms-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } /************************** PRINT CSS ***************************/ @media print{ *{background:transparent!important;color:black!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""} pre,blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} tr,img{page-break-inside:avoid} img{max-width:100%!important} @page{margin:.5cm} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid} .hide-on-print{display:none!important} .print-only{display:block!important} } /********************************************************************************************************** CABECERAS DE TODAS LAS PÁGINAS **********************************************************************************************************/ .page--image_blog { height: 360px; } @media only screen and (max-width:768px) { .page--image_blog { height: 160px; } } .dark--gradient::before { content:''; position: absolute; top:0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(0,0,0,.7) 5%, rgba(0,0,0,0) 100%); background: linear-gradient(top, rgba(0,0,0,.7) 5%, rgba(0,0,0,0) 100%); z-index: 1; } /*.sec_privacy { padding:0 0 var(--space-xxxl); } .page--back { top: -43px; margin-bottom: -43px; } .page--back .row { position: relative; z-index: 2; } .page--normal, .page--pattern, .page--image { background-color: hsla(var(--light),1); width: 100%; padding: var(--space-huge2x) 0 var(--space-m); position: relative; z-index: 0; overflow: hidden; } .page--pattern { background-color: hsla(var(--dark),.07); background-image: url(images/svg/patterns/pattern-white.svg); background-size: auto; background-repeat: repeat; background-position: top left; } .page--image { background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; position: relative; padding: var(--space-huge3x) 0 var(--space-xl); } .page--image_blog { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; position: relative; z-index: 2; overflow: hidden; height: 360px; margin-top: var(--space-xxl); margin-top: 132px; } .page--pattern:before { content: ''; position: absolute; z-index: 0; top:0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 100%); background: linear-gradient(top, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 100%); } .page--ofertas { background-image: url(images/svg/patterns/pattern-white.svg); background-repeat: repeat; background-color: hsla(var(--dark),.07); width: 100%; padding: var(--space-huge) 0 var(--space-l); position: relative; } .page--ofertas::before { content: ''; position: absolute; bottom: 0; left: 0; background: -webkit-linear-gradient(bottom, #f0f0f0 10%, rgba(255,255,255,0) 100%); background: linear-gradient(bottom, #f0f0f0 10%, rgba(255,255,255,0) 100%); width: 100%; height: 100%; } .page--pattern svg, .page--ofertas svg { position: absolute; fill:hsla(var(--light),1); top: 0; right: 0; width: 100%; height: 100%; } .page--ofertas img { display: block; margin:0 auto; width: 100%; max-width: 450px } .page--single { background-image: url(images/svg/patterns/pattern-white.svg); background-repeat: repeat; background-color: hsla(var(--dark),.07); width: 100%; padding: var(--space-huge) 0 var(--space-xxl); position: relative; } .page--single svg { position: absolute; fill:hsla(var(--light),1); top: 0; right: 0; width: 80%; height: 100%; } @media only screen and (max-width:768px) { .page--normal, .page--pattern, .page--image { padding: var(--space-xxxl) 0 var(--space-l); } .page--single { top:-60px; padding: var(--space-large) 0 var(--space-xl); } .page--image_blog { margin-top: 108px; height: 300px; } .parent--cat { padding: var(--space-huge2x) 0 var(--space-l); } .sec_equip, .sec_planes { padding:var(--space-l) 0; } .page--ofertas img { max-width: 400px } } @media only screen and (max-width:512px) { .page--back h1 { font-size: var(--text-xl) } .parent--cat { padding: var(--space-xxxl) 0 var(--space-l); } .page--ofertas img { max-width: 300px } .page--ofertas { padding:var(--space-xxl) 0 var(--space-l); } } */ /* -------------------------------- BREADCRUMBS -------------------------------- */ /*.section svg { position: absolute; bottom: 0; width: 100%; fill:#f2f2f2; } .page--single::before, .sec_planes:after { content: ''; display: block; position: absolute; bottom:0; left: 0; background: -webkit-linear-gradient(bottom, #fff 10%, rgba(255,255,255,0) 100%); background: linear-gradient(bottom, #fff 10%, rgba(255,255,255,0) 100%); width: 100%; height: 100%; } #breadcrumbs { font-size: var(--h6) ; padding: 0; padding:var(--space-s); color: hsla(var(--light),.5) } #breadcrumbs a { padding:0 var(--space-xxs); display: inline-block; font-weight: 500; color: hsla(var(--light),1) } #breadcrumbs a:hover { color: hsla(var(--brand-second),1) } #breadcrumbs span.breadcrumb_last { padding:0 var(--space-xxs); } #breadcrumbs a { padding:0 var(--space-xxs); display: inline-block; font-weight: 500; color: hsla(var(--light),1) } #breadcrumbs a:hover { color: hsla(var(--brand-second),1) } #breadcrumbs span.last { padding:0 var(--space-xxs); } */ @media only screen and (max-width:768px) { /*header { height: 66px; }*/ /*#breadcrumbs { top: 66px; padding:var(--space-s) 0; } */ } @media only screen and (max-width:512px){ /*#breadcrumbs a,*/ /*#breadcrumbs span.breadcrumb_last { padding:0 var(--space-xxxs); }*/ } @media only screen and (max-width:768px) { .searchandfilter, .searchandfilter.active { visibility: visible; display: flex; width: 100%; opacity: 1; top:0; height: auto; /*padding: var(--space-m) var(--space-m) 0; */ } } /* CUSTOM SCROLL BAR */ .data_filter--sidebar::-webkit-scrollbar { width: 8px; } .data_filter--sidebar { scrollbar-width: thin; scrollbar-color: hsla(var(--dark),.6); } .data_filter--sidebar::-webkit-scrollbar-track { background: #f2f2f2; } .data_filter--sidebar::-webkit-scrollbar-thumb { background-color: hsla(var(--dark),.6); border-radius: 6px; border: 2px solid #f2f2f2; } /*.sf-field-submit, .sf-field-reset { background-color: #fff; display: block; float:left; position: -webkit-sticky; position: sticky; width: 48%; bottom: 0; z-index: 99 } .sf-field-submit { left:0; } .sf-field-reset { left:50%; }*/ /*.filter-offers,*/ /*.sf-field-submit [type="submit"], .sf-field-reset [type="submit"] { padding: var(--space-m) var(--space-m); border-radius: 4px; border:none; text-align: center; color: hsla(var(--dark),.5); background: hsla(var(--dark),.1); font-size: calc(var(--text-xs) + 1px); font-weight: 600; text-align: center; transform: scale(1); display: inline-block; position: relative; text-decoration: none; line-height: var(--body-line-height); margin: var(--space-m) 0; box-shadow: none; }*/ /*.filter-offers { margin:0; padding: var(--space-xxs) var(--space-m) var(--space-s) var(--space-s); } */ /*.filter-offers,*/ /*.sf-field-submit [type="submit"] { background-color: hsla(var(--brand-second),1); color:#fff; } .sf-field-submit [type="submit"]:hover { background-color: hsla(var(--brand-second-dark),1); color:#fff!important; box-shadow: var(--shadow10) } .sf-field-reset [type="submit"] { background: hsla(var(--dark),.07); } .sf-field-reset [type="submit"]:hover { background: hsla(var(--dark),.12); color: hsla(var(--dark),1); box-shadow: var(--shadow10) } */ /*.filter-offers::before { content: ''; display: inline-block; width: 24px; height: 24px; background-image: url(images/svg/bx-filter-white.svg); background-repeat: no-repeat; background-position: center; background-size: 20px; opacity: .6; position: relative; top:6px; margin-right: 4px } */ /* NUEVO FILTRO SIDEBAR */ .data_filter { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: hsla(var(--dark),0); display: block; opacity: 0; z-index: 9999; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; } .data_filter.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .data_filter--sidebar { position:fixed; top:0; left:-400px; width:400px; min-height:100%; height: 100%; z-index:200; padding:0; background-color:hsla(var(--light),1); box-shadow: var(--shadow10); overflow-y: scroll; padding: var(--space-xl) var(--space-m) 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .data_filter.is-visible .data_filter--sidebar { left:0; box-shadow:0 0 40px hsla(var(--dark),.8); z-index:200; } .data_filter--close { position: absolute; top: 0; right: 0; padding: var(--space-m); background-image: url(images/svg/bx-cross.svg); background-repeat: no-repeat; background-position: center; background-size: 30px; opacity: .4; z-index: 3; } .data_filter--close:hover { opacity: 1 } /* BOTONES DE FILTRAR Y LIMPIAR */ .filter--bottom { background-color: #fff; display: flex; float:left; position: -webkit-sticky; position: sticky; width: 100%; bottom: 0; z-index: 99; padding-bottom: var(--space-s); } .filter--bottom > * { width: 50%; } .filter--bottom > *:last-child { margin-left:10px; } @media only screen and (max-width:31.9375em) { .data_filter--sidebar { width: 100%; left: -100%; } } /* -------------------------------- FILTRO PÁGINA OFERTAS -------------------------------- */ .searchandfilter input[type="checkbox"], .searchandfilter input[type="radio"] { width: 18px; height: 18px; position: absolute!important; outline: none; opacity: 1; } .searchandfilter input[type="checkbox"] + label, .searchandfilter input[type="radio"] + label { position:relative; cursor: pointer; padding-left: 22px!important; display: flex; align-items: center; } .searchandfilter input[type="checkbox"]::before, /*.searchandfilter input[type="checkbox"]::after,*/ .searchandfilter input[type="radio"]::before /*.searchandfilter input[type="radio"]::after*/ { content: ''; /*position: absolute;*/ /*top:0; left:0; */ display: flex; align-items: center; border-radius: 4px; width: 18px; height: 18px; background-color: #fff; border: 2px solid hsla(var(--dark),.4); background-repeat: no-repeat; background-position: center; margin-right: 4px; transition: transform .2s, border .2s; } .searchandfilter input[type="radio"]::before { border-radius: 50%; } .searchandfilter input[type="radio"]:checked::before, .searchandfilter input[type="checkbox"]:checked::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolyline points='1 6.5 4 9.5 11 2.5' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E"); background-size: 10px; background-color: hsla(var(--brand-second),1); box-shadow: none; border-color: hsla(var(--brand-second),1); transition: transform .2s; } input[type="radio"]:not(:checked):not(:focus):hover::before, input[type="checkbox"]:not(:checked):not(:focus):hover::before { border-color: hsla(var(--brand-second),1); } input[type="radio"]:checked:active::before, input[type="checkbox"]:checked:active::before, input[type="radio"]:focus::before, input[type="checkbox"]:focus::before { /*border-color: hsla(var(--brand-second),1);*/ box-shadow: 0 0 0 2px hsla(var(--brand-second),.4); } /*// :active*/ input[type="radio"]:active::before, input[type="checkbox"]:active::before { transform: scale(0.8); transition: transform .2s; } /*// :checked:active*/ input[type="radio"]:checked:active::before, input[type="checkbox"]:checked:active::before { transform: none; transition: none; } /*.searchandfilter input[type="checkbox"]::before, .searchandfilter input[type="checkbox"]::after { border-radius: 4px; } .searchandfilter input[type="radio"]::before, .searchandfilter input[type="radio"]::after { border-radius: 100%; } .searchandfilter input[type="checkbox"]:checked::before, .searchandfilter input[type="radio"]:checked::before { box-shadow: inset 0 0 0 2px hsla(var(--brand-second),1); -webkit-box-shadow: inset 0 0 0 2px hsla(var(--brand-second),1); } .searchandfilter input[type="checkbox"]:checked::after, .searchandfilter input[type="radio"]:checked::after { width: 8px; height: 8px; border-radius: 2px; top:4px; left:4px; background: hsla(var(--brand-second),1); } .data_filter--sidebar input[type="radio"]:checked::after { border-radius: 100%; } .data_filter--sidebar input[type="checkbox"]:checked + label, .data_filter--sidebar input[type="radio"]:checked + label { color:hsla(var(--dark),1); } .data_filter--sidebar input[type="checkbox"]::before, .data_filter--sidebar input[type="checkbox"]::after { -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; }*/ /***********************************************/ .contact-footer { padding: 0 0 0 var(--space-m) } .contact-footer div.wpcf7-response-output { margin: 0!important; padding: var(--space-m)!important; font-size: var(--text-xs); border: 1px solid #ff0000; color: #fff; font-weight: 300; text-align: center; color: hsla(var(--dark),.6)!important; } @media only screen and (max-width:768px) { .contact-footer { margin-top:var(--space-xl); padding: 0; } } /* -------------------------------- FILTRO EN LA SIDEBAR -------------------------------- */ .searchandfilter li[data-sf-count="0"] input[type="checkbox"], .searchandfilter li[data-sf-count="0"] input[type="radio"], .searchandfilter li[data-sf-count="0"] .sf-label-checkbox, .searchandfilter li[data-sf-count="0"] .sf-label-radio { opacity: .2 } .searchandfilter li[data-sf-count="0"], .searchandfilter li[data-sf-count="0"], .searchandfilter li[data-sf-count="0"], .searchandfilter li[data-sf-count="0"] { display: none; } .sf-field-reset, .block_sidebar, .searchandfilter > ul ul, .searchandfilter > ul ul.active, .searchandfilter h4, .searchandfilter h4:after, .searchandfilter span.filter_search, .searchandfilter span.filter_search:after, .filter-panel_home a { -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out } .searchandfilter input[type="checkbox"], .searchandfilter input[type="radio"] { margin-right: 10px; position: relative; } .searchandfilter ul { margin:0; padding: 0; width: 100%; list-style: none; } .searchandfilter ul li { margin:0; padding: 0; } .searchandfilter > li, .searchandfilter > li:last-child { flex:0 0 100%; } .searchandfilter h4, .searchandfilter span.filter_search { font-size: var(--h5); padding: var(--space-m) 0; width: 100%; position: relative; font-weight: 500; cursor: pointer; } span.filter_search { display: block; color: hsla(var(--dark),1); line-height: var(--baseline-heading); } .searchandfilter li h4, .searchandfilter li span.filter_search { border-top:1px solid #ddd; margin-bottom: 0;} /*.searchandfilter li:nth-child(2) h4 { border-top:none; }*/ .searchandfilter li h4.active, .searchandfilter li span.filter_search.active { color: hsla(var(--dark),.4); background-color: transparent; } .searchandfilter li h4:hover, .searchandfilter li span.filter_search:hover { color: hsla(var(--dark),1); background-color: hsl(var(--light)); } .searchandfilter span.filter_search:after, .searchandfilter h4:after { content:''; background:var(--arrow); width:24px; height:24px; display:block; position:absolute; top:calc(50% - 12px); right:0; } .searchandfilter span.filter_search.active:after, .searchandfilter h4.active:after { transform: rotate(180deg); } .searchandfilter > ul ul { height: auto; display: block; overflow: hidden; top:0; position:relative; left:0; border-radius:0; min-width:100%; background-color: hsl(var(--light)); display: flex; flex-wrap: wrap; z-index: 1; padding:0; } .searchandfilter > ul ul.active { height: auto; height: 0; display: flex; flex-wrap: wrap; z-index: 1; padding:0; } .searchandfilter ul ul li { position: relative; display:block; flex: 1; flex-basis: 50%; max-width: 50%; margin: 0; cursor:pointer; padding:var(--space-xs) var(--space-xs) var(--space-xs) 0; font-size: calc(var(--text-xs) + 3px); } .searchandfilter ul ul li > ul { display: none; } .sf-field-taxonomy-km ul li:first-child, .sf-field-taxonomy-meses ul li:first-child, .sf-field-taxonomy-transmision ul li:first-child { display: none; } /*.searchandfilter li[data-sf-field-input-type=radio] label, .searchandfilter li[data-sf-field-input-type=checkbox] label { padding-left: 0; position: relative; cursor:pointer; display: inline-block; } .searchandfilter label { color:hsla(var(--dark),.4); } .searchandfilter ul li li:hover label { color:hsla(var(--dark),1); } */ .searchandfilter .sf-count { /* padding-left: 4px; display: inline-block; color: black; font-size: var(--small);*/ font-size: var(--text-xs); line-height: 1; color: hsla(var(--dark),.6); border: 1px solid transparent; display: inline-flex; align-items: center; padding: var(--space-xxs) var(--space-xxs); margin:0 0 0 var(--space-xxs) ; border-radius: var(--radius4); pointer-events: all; border-color:hsla(var(--brand-third),1); color:hsla(var(--brand-third),1); font-weight: 600; } .searchandfilter .sf-count::first-letter { font-size: 40px } .search-filter-results-list { position: relative; } .search-filter-scroll-loading { display: none; position: fixed; top: 50%; left: 50%; z-index: 9999; height: 60px; width: 60px; animation: search-filter-loader-rotate 0.7s infinite linear; border: 5px solid hsla(var(--brand),.6); border-right-color: hsla(var(--brand),1); border-radius: 50%; } .search-filter-scroll-loading.active { display:block; } .search-filter-results-list.active { z-index: 1; } @keyframes search-filter-loader-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .no--more-results { display: block; border:1px solid red; flex-basis: calc( 100% - var(--grid-gutter)); max-width: calc( 100% - var(--grid-gutter)); padding:var(--space-m); } @media only screen and (max-width:768px) { .searchandfilter li[data-sf-field-input-type=radio] label, .searchandfilter li[data-sf-field-input-type=checkbox] label { padding-left: var(--space-xxs) } } /* -------------------------------- SECCION COMENTARIOS -------------------------------- */ hr.is-style-wide { border:none; } .comments, .comment-respond { border-top:1px solid hsla(var(--dark),.2); margin-top: var(--space-l); padding-top: var(--space-l); } .comment { background-color: hsla(var(--light),1); border-radius: 12px; padding: var(--space-m); margin-top: var(--space-m); background-repeat: no-repeat; background-position: bottom right; overflow: hidden; } .comment { background-color: hsla(var(--dark),.05); } .byuser { background-color: hsla(var(--light),1); border:2px solid hsla(var(--brand-second),1); } .card--white-shadow { box-shadow: var(--dark10) } .card--grey-shadow { background-color: hsla(var(--dark),.07); box-shadow: var(--dark10)} .comment-author { display: flex; align-items: center; padding-bottom: var(--space-s); margin-bottom: var(--space-s); border-bottom: 1px solid hsla(var(--dark),.1) } .vcard { max-width:70px; width: 100% } .vcard img { border-radius: 60px; width: 60px; height: 60px; float: left; overflow:hidden; } .comment-metadata { width: 100%; } .comment-author-name { color: hsla(var(--dark),1); font-weight: 600; margin: 0 0 -4px 0!important; } .comment-metadata time { color: hsla(var(--dark),.4); font-weight: 600; margin:0; padding: 0; text-transform: uppercase; font-size: var(--text-xxs); } .comment-awaiting-moderation { margin-bottom: var(--space-s); font-size: var(--text-xs); padding: var(--space-xs); text-align: center; background: hsla(var(--brand-second),1); font-weight: 600; } #commentform { display: flex; flex-wrap: wrap; } #commentform p { width: 100%; } #commentform p:not(:last-child) { margin: 0 0 var(--space-s); } #commentform p:first-child { font-size: var(--text-xs); line-height: 1.6 } #commentform p.comment-form-author { width:49%; margin-right: 2%; } #commentform p.comment-form-email { width:49%; } #commentform p.form-submit input[type=submit] { margin-top: 0; } .comment-form-cookies-consent label span { margin-left:var(--space-xs); } /********************************* BLOQUE NUEVO EN LA HOME / GRID *********************************/ .sec_grid { background-image: url(images/back02.jpg); background-repeat: no-repeat; background-size: cover; background-position: center bottom; padding: var(--space-xxl) 0; } .sec_grid h2 { color:hsla(var(--light),1); } .grid--especial { list-style: none; display: flex; flex-wrap: wrap; margin:0 auto; width:calc( 100% - var(--row-gap)); max-width:var(--screen-l); position: relative; } .grid--especial > * { margin: calc( var(--space-s) / 2 ) calc( var(--space-s) / 2 ); flex:auto; width: calc( 33.333% - var(--space-s)); } /*.grid--especial-home > * { flex:auto; width: calc( 50% - var(--space-s)); }*/ @media only screen and (min-width:60em) and (max-width:74.9375em) { .grid--especial { max-width: 96%; } } @media only screen and (max-width:768px) { .grid--especial { max-width: 92%; } .grid--especial > * { flex:auto; width: calc( 50% - var(--space-s)); } /*.grid--especial > *:first-child { width: calc( 100% - var(--space-s)); }*/ } .grid-card { border:1px solid hsla(var(--dark),.2); background:hsla(var(--light),1); text-align: center; padding:var(--space-s); overflow: hidden; } .grid-card:hover { box-shadow: var(--shadow20); } .grid-card__img { display: block; margin:0 auto; width: 100%; max-width: 300px; --transition: all 0.3s ease-out; } .grid-card__img img { transform: scale(.90); --transition: all 0.3s ease-out; } .grid-card__text h3 { color:hsla(var(--dark),1); } .grid-card__text p { color: hsla(var(--dark),.6); font-size: var(--h5) } .grid-card:hover { border-radius: 12px; } .grid-card:hover .grid-card__img img { transform: scale(1); } .grid--especial:hover .grid-card:not(:hover) { opacity: .5; filter: grayscale(1);} @media only screen and (max-width:768px) { .grid-card { padding:var(--space-s); } .grid-card__text p { display: none; } .grid-card__text h3 { font-size: var(--text-s) } } /********************************* BLOQUE IMAGENES MEDIA *********************************/ .sec_media { background-color: hsla(var(--light),1); padding: var(--space-xl) 0; } .sec_media h2 { font-size: var(--text-l); } /*.brands { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; margin:var(--space-l) auto 0; width:100%; max-width:var(--grid-maxWidth); } .brands > * { flex: 0 0 16.6667%; }*/ .brands > * img { width: 100%; max-width: 130px; display: block; filter: grayscale(1); object-fit: contain; opacity: .35; margin:0 auto; } @media only screen and (max-width:768px) { /*.brands { width: 92%; }*/ } @media only screen and (max-width:39.9375em) { /*.brands > * { flex: 0 0 50%; margin-bottom: var(--space-s); }*/ } .ekomi--img { display: block; margin: var(--space-m) auto; max-width: 240px; } /********************************* NUEVAS TARJETAS *********************************/ .oferta--card-image, .oferta--card-info { position: relative; } .oferta--card a { border-radius: 12px; background-color: #fff; display: block; position: relative; overflow: hidden; } .oferta--card a:hover { box-shadow: var(--shadow20); } .oferta--card-destacada { border:2px solid hsla(var(--brand-second),1); } .oferta--card-ultimas { border:2px solid hsla(var(--brand-third),1); } /*.oferta--card-no { border:2px solid gray; }*/ /******************** BLACK FRIDAY *******************/ .oferta--card a.oferta--card-blackfriday { border-color: hsla(var(--dark),1); background-color: hsla(var(--dark),.85); box-shadow: var(--dark30); } .oferta--card-blackfriday .info--left { filter: invert(1) contrast(200); } .oferta--card-blackfriday .info--right .small--grey { color:white; } .oferta--card-blackfriday .info--right .h3 { font-size: var(--h1); } .oferta--card-blackfriday .badge--minutes_card img { content: url('images/svg/single-minutos-white.svg'); } .oferta--card-blackfriday .oferta--card-image:before { --size: 100%; content: ''; display: block; position: absolute; bottom: 0; left: 0; right:0; top:0; width: var(--size); height: var(--size); -webkit-mask-size: cover; -webkit-mask-image: url(images/svg/blackfriday.svg); -webkit-mask-position: top right; -webkit-mask-repeat: no-repeat; z-index: 0; background-color: rgb(0,0,0,.25); } /******************** END BLACK FRIDAY *******************/ .oferta--card-image .wp-post-image { display: block; position: relative; z-index: 2; position: relative; /*transform: scale(.90);*/ transition: all .3s ease-out; } .oferta--card-image:hover .wp-post-image { transform: scale(1); } .oferta--card_top { /*border: 1px solid red;*/ position: absolute; width: 100%; display: flex; justify-content: space-between; align-items: center; padding: var(--space-xxs); z-index: 2; } .oferta--card_bottom { /*border:1px solid cyan; */ /*position: absolute;*/ width: 100%; left:0; bottom: 0; display: flex; padding: 0 var(--space-xxs) var(--space-xxs) var(--space-xxs); z-index: 2; justify-content: space-between; align-items: center; } .oferta--card_bottom .img--white { filter: brightness(2); } .oferta--card_bottom > div:first-child { display: flex; } .tag-rapida, .tag-profe, .tag-empre { font-size: var(--text-xxs); margin: 0 4px 0 0; background-color: transparent; display: flex; align-items: center; line-height: 1.2; padding: var(--space-xxs); color:#fff; border-radius: 6px; } .tag-rapida { background-color: hsla(var(--brand-third),1);} .tag-rapida img, .tag-profe img, .tag-empre img { max-width: 16px; } .tag-datos, .tag-ultimas, .tag-destacada, .tag-agotado { font-size: var(--text-xxs); color: hsla(var(--dark),.6); display: inline-flex; align-items: center; border: 1px solid hsla(var(--dark),.6); margin: 0; border-radius: 6px; padding: var(--space-xxs); line-height: 1.2; text-transform: capitalize; } .tag-ultimas { border: 2px solid orange; color:orange; font-weight: 600; } .tag-destacada { border: 2px solid green; color:green; font-weight: 600; } .tag-agotado { font-weight: 600; text-transform: uppercase; background-color: hsla(var(--dark),.8); color:#fff; } .oferta--card-info { box-shadow: inset 0 0 0 #fff; padding: var(--space-xxs); display: flex; align-items: flex-end; justify-content: center; } .oferta--card-info .offer { width: 100%; text-align: center;} .oferta--card-info .info--left { width: 70%; text-align: left; } .oferta--card-info .info--right { width: 30%; text-align: right; } /*.oferta--card:hover .oferta--card-info { box-shadow: inset 0 300px 0 #fff; }*/ .oferta--card-info h5 { margin-bottom:0; } .oferta--card-info h6 { font-family: var(--font-primary); color:hsla(var(--dark),.6); font-size: 12px; } .oferta--card-info .h3 { display: inline; color:hsla(var(--brand-third),1); margin: 0; } /*.oferta--card-info span { color:hsla(var(--dark),1); font-weight: 400; display: block; font-size: var(--text-xs) }*/ .oferta--card-info .h3 small { font-family:var(--font-primary); display: block; color:hsla(var(--dark),.6); font-size: 10px; line-height: 0.5; } .oferta--card-new img { display: block; position: relative; z-index: 2; position: relative; transform: scale(.80) translateX(100px); } .oferta--card-destacada .oferta--card-image { position: relative; } /*.oferta--card-destacada .oferta--card-image:before { content: ''; display: block; position:absolute; top:0; right: 10px; height: 100%; width: 60%; background-size: 80%; background-position: center right; background-repeat: no-repeat; background-image:url('images/svg/circle-01.svg'); z-index:0; }*/ .oferta--card-destacada .oferta--card-image:before { --size: 120px; content: ''; display: block; position: absolute; top: var(--space-xs); right: var(--space-xs); width: var(--size); height: var(--size); -webkit-mask-size: contain; -webkit-mask-image: url(images/svg/circle-home.svg); -webkit-mask-position: top right; -webkit-mask-repeat: no-repeat; z-index: 0; background-color: hsla(var(--brand-second),1); } .badge--minutes_card { display: inline-block;} .badge--minutes_card img { width: 100%; max-width: 48px } @media only screen and (max-width:768px) { .oferta_card--button .b-small { margin:var(--space-m) 0 0; } .filter--sticky { background-color: transparent; } } /********************************* NUEVOS DATA-TOGGLE *********************************/ .toggle--container, .toggle--container-title, .toggle--container-body, .toggle--container-title::after { transition: all .35s ease; } .toggle--container { border:2px solid transparent; border-radius: var(--radius8); } .toggle--container-title { margin-bottom: 0!important; padding:var(--space-xs); display: flex; justify-content: space-between; align-items: center; color:hsla(var(--brand),.5); display: none; } .toggle--container-title::after { content: ''; background-image: var(--arrow); background-position: center; width: 24px; height: 24px; display: flex; } .toggle--container.active { border-color:hsla(var(--brand),1); } .toggle--container-title.active::after { transform: rotate(180deg); } @media only screen and (max-width:768px) { .toggle--container { border-color:hsla(var(--brand),.5); margin-bottom: var(--space-l); } .toggle--container-title { display: flex; cursor:pointer; } .toggle--container-body { max-height: 0px; overflow: hidden; } .toggle--container:hover { border-color:hsla(var(--brand),1); } .toggle--container-title:hover { color:hsla(var(--brand),1); } .toggle--container.active { border-color:hsla(var(--brand),1); } .toggle--container-title.active { color:hsla(var(--brand),1); } .toggle--container-body.active { max-height: 1000px; padding:var(--space-s) 0; } } .tag-section { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; } .tag-section .button { margin:0!important; } /********************************* TARJETA CABECERA FLOTAS *********************************/ .frotas--card { border-radius: 12px; padding: var(--space-s); position: relative; border: 2px solid hsla(var(--brand-second),1); } .frotas--list { --columns: repeat(auto-fit, minmax(260px, 1fr)); display: grid; grid-template-columns: var(--columns); gap:var(--space-xxs); list-style: none; margin: 0; padding: 0; } .frotas--list li { display: flex; align-items: flex-start; gap:var(--space-xxs); margin:0; font-weight: 600; } .frotas--list li > * { line-height: 1.2; } .frotas--list li svg { color:hsla(var(--brand-second),1); min-width: 20px; } /********************************* TARJETAS COCHES COMO PLANTILLA CIUDADES ES *********************************/ .ciudades--card { border-radius: var(--radius8); background-color: hsla(var(--brand),1); padding: var(--space-m); border:2px solid hsla(var(--brand),1); transition: all 350ms ease-in-out; position: relative; overflow: hidden; } .ciudades--card > *, .ciudades--card b, .ciudades--card strong { color: white!important } .ciudades--card > p { opacity: .6 } .ciudades--card img { display: block; max-width: 350px; width: 100%; margin-left: auto; margin-right: auto; } .ciudades--card:hover { box-shadow: var(--shadow30); } .brand--card, .grey--card { border-radius: var(--radius8); background-color: hsla(var(--brand),1); padding: var(--space-m); box-shadow: var(--shadow10);; height: 100%; } .grey--card { background-color: hsla(var(--dark),.07); } .brand--card * { color:hsla(var(--light),.6); } .brand--card :is(h1,h2,h3,h4,strong,b) { color:hsla(var(--light),1); } @media only screen and (max-width:820px) { .ciudades--card { margin-bottom: var(--space-m); margin-left: var(--space-s); margin-right: var(--space-s); } } :root { --flow-space: var(--space-s); } .flow > * + * { margin-top: var(--flow-space, 1em)!important; } .flow > h1:not(:last-child), .flow > h2:not(:last-child), .flow > h3:not(:last-child), .flow > h4:not(:last-child), .flow > h5:not(:last-child), .flow > h6:not(:last-child) { margin-bottom:0; } .ml--auto { margin-left:auto; } @media only screen and (max-width:768px) { .h1-mobile { font-size: 1.8rem; text-align: center; margin-bottom: 0px !important; } .mobile-pt--xxl { padding-top: var(--space-xxl) !important; } .mobile-pb--xxs { padding-bottom: var(--space-xxs) !important; } .mobile-pb--0 { padding-top: 0px; } }