/************************************************************************************************************************
* Fotocasa Pro - Custom Styles
* by ganesha (https://ganeshaproduccions.com/)
*
* v.1.0 - July 2024
************************************************************************************************************************/


/*--------------------------------------------------------------
RESET ...mix of
--------------------------------------------------------------*/
*{margin: 0;padding: 0;}*:where(:not(iframe,canvas,img,svg,video,hr):not(svg *, symbol *)){all:unset;display:revert;}*,*::before,*::after{box-sizing:border-box;}html{height:100%;-moz-text-size-adjust: none;-webkit-text-size-adjust: none;text-size-adjust: none;}body{height:100%;min-height:100vh;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;}ol,ul{list-style:none;}img,picture{max-width:100%;display:block;}table{border-collapse:collapse;border-spacing:0}textarea{white-space:revert;}img,video,object{width:auto;height:auto;max-width:100%;border-style:none}input,button,textarea,select{font:inherit;}[hidden]{display:none!important}[disabled]{cursor:not-allowed;pointer-events:none;opacity:0.5}.sr-only{position:absolute;clip:rect(1px,1px,1px,1px);left:-9999px;top:-9999px}

/*--------------------------------------------------------------
VARIABLES
--------------------------------------------------------------*/

/*CONTAINER & SPAC*/
:root {
	/*CAPSULE & OTHERS*/
	--width-full: 1400px;
	--width-wide: 92vw;
	--width-narrow: 1100px;
	--width-capsule: min(calc(100% - 6vmax), var(--width-full));
	--radius: 8px;
	--aspect-ratio: 4/3;
	--transition-global: all 0.35s ease-in-out;
	--transition-time-inout: 0.35s ease-in-out;

	/*SPACING*/
	--break: 1em;
	--spacing-10: calc(var(--break) * 0.25);
	--spacing-20: calc(var(--break) * 0.5);
	--spacing-30: calc(var(--break) * 0.75);
	--spacing-40: var(--break);
	--spacing-50: calc(var(--break) * 1.5);
	--spacing-60: calc(var(--break) * 2);
	--spacing-70: calc(var(--break) * 3);
	--void: calc(var(--break) * 6);
	--gutter: clamp(var(--void) / 1.5, 9vmax, var(--void));
	--half-gutter: calc(var(--gutter) / 1.5);

	/*COLORS*/
    --color-base: #000000;
	--color-primary: #1E22AA;
	--color-secondary: #0072CE;
	--color-tertiary: #25DCD0;
	--color-primary-habitaclia: #FF6600;
	--color-secondary-habitaclia: #F2C94C;
	--color-primary-milanuncios: #18BA5D;
	--color-secondary-milanuncios: #22FE6D;
	--color-contrast: #FFFFFF;
	--color-bleach: #F2F2F2;
	--color-silver: #EEEEEE;
	--color-ash: #BDBDBD;
	--color-gray: #828282;
	--color-ink: var(--color-base);
    --color-shadow: #575757;
	--color-success: #48BD8E;
	--color-information: #196DB3;
	--color-warning: #FFC02E;
	--color-error: #EB5757;
    --color-neon: #1EDBCF;
    --color-gradient: linear-gradient(87.55deg, #0072CE 2.05%, #1EDBCF 97.95%);

	/*FONT*/
	--font-body: 'Open Sans', Arial, Helvetica, sans-serif;
	--font-light:300;
	--font-regular:400;
	--font-semibold:600;
	--font-bold:700;
	--font-height: 1.5;
	--font-height-heading: 1.3;

	/*SIZE*/
    --font-h1: clamp(2.375rem, 2.208rem + 0.56vw, 2.625rem); /*42 - 38*/
    --font-h2: clamp(2.125rem, 1.958rem + 0.56vw, 2.375rem); /*19 - 34*/
    --font-h3: clamp(1.875rem, 1.708rem + 0.56vw, 2.125rem); /*30 - 34*/
    --font-h4: clamp(1.625rem, 1.458rem + 0.56vw, 1.875rem); /*30 - 26*/
    --font-h5: clamp(1.375rem, 1.208rem + 0.56vw, 1.625rem); /*26 - 22*/
    --font-h6: clamp(1.188rem, 1.063rem + 0.42vw, 1.375rem); /*22 - 19*/
	--font-base: clamp(1rem, 0.875rem + 0.42vw, 1.188rem); /*19 - 16*/
	--font-small: clamp(0.813rem, 0.729rem + 0.28vw, 0.938rem); /*15 - 13*/
}


/*--------------------------------------------------------------
DEFAULTS
--------------------------------------------------------------*/
html:focus-within{
	scroll-behavior: smooth;
	scroll-padding-top: 2ex;
}
body {
	background: var(--color-contrast);
	font-family: var(--font-body);
	font-size: var(--font-base);
	font-weight: var(--font-regular);
	line-height: var(--font-height);
	color: var(--color-base);
	margin: 0;
	min-height: 0vw;
}
h1, h2, h3, h4, h5, h6, [class$="-style"] {
	font-family: var(--font-body);
	font-weight: var(--font-bold);
	line-height: var(--font-height-heading);
}
h1, h2, h3{
	text-wrap: balance;
}
h1,
.h1-style{
	font-size: var(--font-h1);
}
h2,
.h2-style {
	font-size: var(--font-h2);
}
h3,
.h3-style {
	font-size: var(--font-h3);
}
h4,
.h4-style {
	font-size: var(--font-h4);
}
h5,
.h5-style {
	font-size: var(--font-h5);
}
h6,
.h6-style {
	font-size: var(--font-h6);
}
p{
	text-wrap: pretty;
	font-size: var(--font-base);
}
strong, b{
	font-weight: var(--font-bold);
}
small {
	font-size: var(--font-small);
}
a{
    display: inline-block;
	color: var(--color-primary);
	transition: var(--transition-global);
	touch-action: manipulation;
    text-decoration: none;
}
a:hover,
a:active{
	color: var(--color-secondary);
	text-decoration: none;
	cursor: pointer;
	text-underline-offset: 3px;
}
:focus {
	/*Fallback for focus-visible*/
	outline: 2px solid var(--color-secondary);
	outline-offset: 2px;
}
:focus:not(:focus-visible){
	outline-color: transparent;
	box-shadow: none;
}
:focus-visible,
a:not(.button):focus-visible{
	outline: 2px solid var(--color-secondary);
	outline-offset: 2px;
	transition: none;
}
ul,
ol{
	list-style: disc;
	list-style-position: outside;
	padding-left: var(--spacing-50);
}
ol{
	list-style-type: decimal;
}
li ul{
	list-style: circle;
	padding-left: var(--spacing-40);
	margin-block-start: var(--spacing-10);
}
img{
    object-fit: cover;
    max-width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
HELPERS
--------------------------------------------------------------*/
@media screen and (min-width: 87.563em) {
    .hide-xlarge{
        display: none
    }
}
@media screen and (min-width: 64.063em) {
	.show-large{
		display: inherit !important;
	}
	.show-small{
		display: none !important;
	}
}
@media screen and (max-width:64em) {
	.show-large{
		display: none !important;
	}
	.show-small{
		display: inherit !important;
	}
}
.hidden {
	display: none !important;
}
.no-visibility{
	visibility: hidden;
}
.nopointer{
	cursor: default;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
.inline-list{
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	gap: var(--spacing-20) var(--spacing-50);
}
.inline-list li{
	list-style-type: none;
	margin-block-start: 0;
}
.no-bullets{
	list-style: none;
	padding-left: 0;
}
.primary-color{
	color: var(--color-primary) !important;
}
.base-color{
	color: var(--color-base) !important;
}
.contrast-color{
    color: var(--color-contrast) !important;
}
.ink-color{
    color: var(--color-ink) !important;
}
.neon-color{
    color: var(--color-neon) !important;
}
.primary-background{
	background-color: var(--color-primary);
}
.secondary-background{
	background-color: var(--color-secondary);
}
.bluestripe{
	background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 35%, #D9EAF8 35%, #D9EAF8 91%, #FFFFFF 91%, #FFFFFF 100%);
}


/*--------------------------------------------------------------
ACCESSIBILITY
--------------------------------------------------------------*/
@media screen and (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}
.sr-only:not(:focus):not(:active) {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/*--------------------------------------------------------------
CAPSULE
--------------------------------------------------------------*/
.capsule,
.capsule-wide,
.capsule-narrow {
	position: relative;
	width: 96vw; /*fallback*/
	width: var(--width-capsule);
	margin-inline: auto;
}
@media screen and (min-width: 75.063em){
	.capsule-wide{
		width: min(var(--width-wide), 100%);
	}
	.capsule-narrow{
		width: min(var(--width-narrow), 100%);
	}
}

/*--------------------------------------------------------------
FLOW & SPACING
--------------------------------------------------------------*/
.flow > * + *,
.flow + .flow,
.flow-top {
	margin-block-start: var(--gutter)
}
.flow-bottom{
	margin-block-end: var(--gutter);
}
/*@media screen and (min-width: 64.063em) {
   .flow > * + *,
   .flow + .flow,
   .flow-top {
		margin-block-start: calc(var(--gutter) * 1.25);
	}
	.flow-bottom{
		margin-block-end: var(--gutter);
	}
}*/
.half-flow-top{
	margin-block-start: var(--half-gutter);
}
.half-flow-bottom{
	margin-block-end: var(--half-gutter);
}
* + :where(h1, h2, h3, h4, h5, [class$="-style"]){
	margin-block-start: var(--spacing-30);
}
@media screen and (min-width: 48.063em) {
	* + :where(h1, h2, h3, .h1-style, .h2-style, .h3-style){
		margin-block-start: var(--spacing-30);
	}
}
* + :where(p, ul, ol, h6, .h6-style){
	margin-block-start: var(--spacing-50);
}
:where(p,ol,ul) + :where(h1, h2, h3, h4, h5, h6, [class$="-style"]){
	margin-block-start: var(--spacing-50);
}
ul:not(.inline-list):not(.wp-block-navigation__container):not(.wp-block-navigation-submenu) li + li{
	margin-block-start: var(--spacing-30);
}
li li + li{
	margin-block-start: var(--spacing-20);
}
:where(p, ul, ol, h1, h2, h3, h4, h5, h6, [class$="-style"]) + :where(div, section, img, figure, embed, video, table, form),
:where(div, section, img, figure, embed, video, table, form) + :where(p, ul, ol, h1, h2, h3, h4, h5, h6, [class$="-style"]){
	margin-block-start: var(--spacing-60);
}

/*--------------------------------------------------------------
GRID SYSTEM
--------------------------------------------------------------*/
.grid {
	--grid-gutter: var(--spacing-60);
	display: grid;
	grid-gap: var(--grid-gutter);
	grid-template-columns: 1fr;
}
.grid.col-system {
	--grid-columns: 1;
	--grid: repeat(var(--grid-columns), minmax( 0, calc((var(--width-full) - (var(--grid-gutter) * (var(--grid-columns) - 1))) / var(--grid-columns))));
	--subgrid: repeat(var(--grid-columns), 1fr);
	grid-template-columns: var(--grid);
}
.grid.col-system.hold-columns {
	--grid-columns: 12;
}
.col-system > [class^="col"] {
	grid-column: span var(--grid-span-number, 1);
}
.grid > * {
	min-width: 0;
}

/*@media screen and (min-width: 64.063em) {*/
@media screen and (min-width: 64.063em) {
	.grid {
		grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
	}
	.grid.stack {
		grid-template-columns: 1fr;
	}
	.grid.col-system {
		--grid-columns: 12;
	}
	.col-system > .col2 {
		--grid-span-number: 2;
	}
	.col-system > .col3 {
		--grid-span-number: 3;
	}
	.col-system > .col4 {
		--grid-span-number: 4;
	}
	.col-system > .col5 {
		--grid-span-number: 5;
	}
	.col-system > .col6 {
		--grid-span-number: 6;
	}
	.col-system > .col7 {
		--grid-span-number: 7;
	}
	.col-system > .col8 {
		--grid-span-number: 8;
	}
	.col-system > .col9 {
		--grid-span-number: 9;
	}
	.col-system > .col10 {
		--grid-span-number: 10;
	}
	.col-system > .col11 {
		--grid-span-number: 11;
	}
}
@media screen and (max-width: 64em) and (min-width: 48.063em) {
	.grid.col-system.set-double {
		--grid-columns: 6;
	}
	.col-system.set-double > [class^="col"]:first-child{
		grid-column: 1/4;
	}
	.col-system.set-double > [class^="col"]:last-child{
		grid-column: 4/7;
	}
}

/*--------------------------------------------------------------
FLEX & ALIGNMENTS
--------------------------------------------------------------*/
.flexbox{
	display: flex
}
.flexbox.row-reverse{
	flex-direction: row-reverse;
}
.flexbox.column{
	flex-direction: column;
}
.flexbox.column-reverse{
	flex-direction: column-reverse;
}
.row-top{
	align-items: start;
	align-items: flex-start;
}
.align-bottom{
	align-items: end;
	align-items: flex-end;
}
.align-center{
	align-items: center;
}
.align-stretch{
	align-items: stretch;
}
.justify-start{
	justify-content: start;
	justify-content: flex-start;
}
.justify-end{
	justify-content: end;
	justify-content: flex-end;
}
.justify-center{
	justify-content: center;
}
.justify-around{
	justify-content: space-around;
}
.justify-between{
	justify-content: space-between;
}


/*--------------------------------------------------------------
BUTTONS
--------------------------------------------------------------*/
.button,
a.button,
input[type="submit"]{
	position: relative;
	width: fit-content;
	min-width: var(--void);
	font-size: var(--font-base);
    font-weight: var(--font-bold);
	text-align: center;
	line-height: 1.3;
	white-space: nowrap;
	text-decoration: none;
    text-wrap: auto;
	margin-top: var(--spacing-40);
	margin-bottom: var(--spacing-40);
	padding: var(--spacing-30) var(--spacing-50);;
	border-radius: var(--radius);
	transition: var(--transition-global);
	touch-action: manipulation;
	cursor: pointer;
}
.button[disabled],
a.button[disabled],
input[type="text"]:disabled {
	opacity: 0.5;
	pointer-events: none;
}
.button-primary,
.button-primary:visited,
input[type="submit"],
input[type="submit"]:visited{
	background-color: var(--color-primary);
	border: 1px solid var(--color-primary);
	color: var(--color-contrast);
}
.button-primary:is(:hover,:focus-visible,:active),
input[type="submit"]:is(:hover,:focus-visible){
	outline-color: transparent;
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
	color: var(--color-contrast);
    text-decoration: none;
}
.button-ghost,
.button-ghost:visited {
	background-color: transparent;
	border: 2px solid var(--color-primary);
	color: var(--color-primary);
}
.button-ghost:is(:hover,:focus-visible,:active) {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-contrast);
    text-decoration: none;
}
.button-contrast,
.button-contrast:visited {
    background-color: var(--color-contrast);
    border: 1px solid var(--color-silver);
    color: var(--color-primary);
    filter: drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.15));
}
.button-contrast:is(:hover,:focus-visible,:active) {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-contrast);
    text-decoration: none;
}
.button + .button{
  margin-left: var(--spacing-40);
}



/*--------------------------------------------------------------
FORMS
--------------------------------------------------------------*/
::placeholder {
	color: var(--color-ash);
	opacity: 1;
}
form{
	accent-color: var(--color-primary);
}
input,
textarea,
select,
fieldset {
	color: var(--color-base);
	margin-bottom: var(--spacing-50);
}
input,
textarea {
	margin-top: var(--spacing-10);
}
input:not([type="checkbox"], [type="radio"], [type="submit"]),
textarea,
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="checkbox"],
input[type="radio"]{
	all: revert;
}
input:not([type="checkbox"], [type="radio"], [type="submit"]),
textarea,
select {
	width: 100%;
	line-height: 1;
	border-bottom: 1px solid var(--color-gray);
	box-shadow: none;
	box-sizing: border-box;
	padding: var(--spacing-40);
	background-color: var(--color-contrast);
}
textarea{
	min-height: 80px;
}
label,
legend {
	display: block;
	user-select: none;
	margin-bottom: var(--spacing-20);
	line-height: 1;
	font-weight: var(--font-semibold);
}
label + input{
	margin-top: 0;
}
label input{
	margin-top: var(--spacing-20);
}
fieldset {
	padding: 0;
	border-width: 0;
}
input:not([type="submit"]):is(:focus,:focus-visible),
textarea:is(:focus,:focus-visible),
select:is(:focus,:focus-visible) {
	outline: 2px solid var(--color-secondary);
	outline-offset: -2px;
	box-shadow: none;
    border-bottom: 1px solid var(--color-secondary);
}
input:not([type="checkbox"], [type="radio"], [type="submit"]):disabled,
textarea:disabled,
select:disabled {
	border-color: var(--color-gray);
	color: var(--color-gray);
	opacity: 1;
}
input[type="checkbox"],
input[type="radio"] {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: var(--spacing-20);
}


/*--------------------------------------------------------------
TABLES
--------------------------------------------------------------*/
table {
	border-collapse: collapse;
	margin: 0;
	margin-block-start: var(--spacing-50);
	padding: 0;
	width: 100%;
	table-layout: fixed;
}
table tr {
	border-bottom: 1px solid var(--color-silver);
	padding: var(--spacing-10);
}
table th,
table td {
	padding: var(--spacing-20);
	text-align: left;
}
@media screen and (max-width: 48em) {
	table {
		border: 0;
	}
	table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	table tr {
		border: 2px solid var(--color-silver);
		border-top: none;
		display: block;
	}
	table tr:first-child {
		border-top: 2px solid var(--color-silver);
	}
	table td {
		margin-bottom: var(--spacing-10);
		padding: var(--spacing-30);
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid var(--color-silver);
		font-size:calc(var(--font-small) + 1px);
		text-align: right;
	}
	table td::before {
		content: attr(data-label);
		float: left;
		font-weight: var(--font-bold);
		margin-right: var(--spacing-40);
	}
	table td:last-child {
		border-color: transparent;
	}
}




/*----------------------------------------------------------------------------------------------------------------------------
REUSABLE BLOCKS
----------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
IFRAME (Video)
--------------------------------------------------------------*/
.iframe-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*--------------------------------------------------------------
SEPARATOR GRADIENT
--------------------------------------------------------------*/
.separator-gradient{
	width: 100%;
	max-width: 240px;
	height: 4px;
	margin-inline: auto;
	background: var(--color-gradient);
	border: none;
	margin-block-start: var(--spacing-50);
}
.separator-gradient + .button{
	margin-block-start: var(--spacing-70);
}
.separator-gradient.aligned{
    margin-left: 0;
}


/*--------------------------------------------------------------
MULTILINE
--------------------------------------------------------------*/
.multiline{
    position: relative;
    margin: 0;
    line-height: 1.8;
    overflow: hidden;
    text-shadow: none;
    padding: 0.15rem 0.4rem;
}
.multiline span {
    display: inline;
    color: var(--color-contrast);
    background: var(--color-primary);
    box-shadow: 5px 0 0 2px var(--color-primary), -5px 0 0 2px var(--color-primary);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.multiline.habitaclia-color span{
    background-color: var(--color-primary-habitaclia);
    box-shadow: 5px 0 0 2px var(--color-primary-habitaclia), -5px 0 0 2px var(--color-primary-habitaclia);
}
.multiline.milanuncios-color span{
    background-color: var(--color-primary-milanuncios);
    box-shadow: 5px 0 0 2px var(--color-primary-milanuncios), -5px 0 0 2px var(--color-primary-milanuncios);
}
.multiline.contrast-color span{
    color: var(--color-primary);
    background-color: var(--color-contrast);
    box-shadow: 5px 0 0 2px var(--color-contrast), -5px 0 0 2px var(--color-contrast);
}
@media screen and (max-width: 64em) {
    .multiline br{
        display: none;
    }
    .multiline br.special{
        display: block;
    }
}


/*--------------------------------------------------------------
LINK ARROW
--------------------------------------------------------------*/
.link-arrow{
    text-decoration: none;
}
.link-arrow::after{
    content: "→";
    margin-left: 12px;
    font-size: 30px;
    vertical-align: -2px;
}


/*--------------------------------------------------------------
BUTTON ARROW
--------------------------------------------------------------*/
.button-arrow::after{
    content: "→";
    font-size: 30px;
    margin-left: 12px;
    margin-right: -3px;
    vertical-align: -2px;
    line-height: 0;
}
.button-arrow-packs::after{
    content: "";
    display: block;
    width: 27px;
    height: 16px;
    background-image: url("/assets/fotocasa-pro/img/icons/icon_packs-arrow.svg");
    background-repeat: no-repeat;
    margin-left: var(--spacing-40);
    float: right;
    margin-right: -3px;
    margin-top: 6px;
}
.button-download-packs::after{
    content: "";
    display: block;
    width: 16px;
    height: 23px;
    background-image: url("/assets/fotocasa-pro/img/icons/icon_packs-download.svg");
    background-repeat: no-repeat;
    margin-left: var(--spacing-40);
    float: right;
    margin-top: -3px;
    transition: all 0.4s ease-in-out;
}

.button-contrast.button-arrow-packs:not(:is(:hover, :focus-visible))::after{
    filter: brightness(0) saturate(100%) invert(9%) sepia(91%) saturate(4023%) hue-rotate(240deg) brightness(112%) contrast(103%);
}


/*--------------------------------------------------------------
LIST CHECK
--------------------------------------------------------------*/
.list-check{
  list-style: none;
}
.list-check li{
  position: relative;
  line-height: 24px;
  padding-bottom: calc(var(--spacing-40) * 1.5);
}
.list-check li::before{
  content: "";
  display: inline-block;
  position: relative;
  background: url(/assets/fotocasa-pro/img/icons/icon_checked_blue.svg) no-repeat center center;
  background-size: 20px;
  width: 22px;
  height: 22px;
  margin-bottom: -2px;
  margin-right: 5px;
  margin-left: calc(var(--spacing-40) * -1.5);
}


/*--------------------------------------------------------------
ARCHS
--------------------------------------------------------------*/
.arch-top,
.arch-bottom,
.arch-both{
    background-color: var(--color-silver);
    background-image: url("/assets/fotocasa-pro/img/assets/arch-top_transparent.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: var(--gutter);
}
.arch-bottom{
    background-image: url("/assets/fotocasa-pro/img/assets/arch-bottom_transparent.svg");
    background-position: bottom -3px center;
}
.arch-both{
    background-image: url("/assets/fotocasa-pro/img/assets/arch-top_transparent.svg"),  url("/assets/fotocasa-pro/img/assets/arch-bottom_transparent.svg");
    background-position: top center, bottom -3px center;
}
.arch-bottom-primary{
    background-image: url("/assets/fotocasa-pro/img/assets/arch-top_transparent.svg"),  url("/assets/fotocasa-pro/img/assets/arch-bottom_primary.svg");
}

@media screen and (min-width: 64.063em) {
    .arch-top,
    .arch-bottom,
    .arch-both{
        padding-bottom: calc(var(--gutter) * 1.25);
    }
}


/*--------------------------------------------------------------
CUSTOM SELECT FORM
--------------------------------------------------------------*/
.custom-select {
	display: block;
	width: 100%;
	max-width: 100%;
	line-height: 1.4;
	box-sizing: border-box;
	padding: var(--spacing-20);
	margin-bottom: var(--spacing-40);
	border: 1px solid var(--color-silver);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: var(--color-contrast);
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='14px' viewBox='0 0 24 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ESVG Layer%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(1.000000, 1.000000)' stroke='%23DA0862' stroke-width='1'%3E%3Cpolyline id='Path' points='0 0.5 11 11.5 22 0.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px top 55%;
}
.custom-select::-ms-expand {
	display: none;
}
.custom-select:focus {
	border: 1px solid var(--color-secondary);
	outline: none;
}
.custom-select option {
	font-weight:normal;
}
.custom-select:disabled {
	color: var(--color-ash);
	border-color: var(--color-ash);
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='14px' viewBox='0 0 24 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ESVG Layer%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(1.000000, 1.000000)' stroke='%23ACACAC' stroke-width='1'%3E%3Cpolyline id='Path' points='0 0.5 11 11.5 22 0.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.custom-select[aria-disabled=true] {
	color: var(--color-ash);
	border-color: var(--color-ash);
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='14px' viewBox='0 0 24 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ESVG Layer%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(1.000000, 1.000000)' stroke='%23ACACAC' stroke-width='1'%3E%3Cpolyline id='Path' points='0 0.5 11 11.5 22 0.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.custom-select:disabled:hover {
	border-color: var(--color-ash);
}
.custom-select[aria-disabled=true] {
	border-color: var(--color-ash);
}


/*--------------------------------------------------------------
SWIPER [https://swiperjs.com]
--------------------------------------------------------------*/
:root{
    --swiper-pagination-bullet-width: 14px;
    --swiper-pagination-bullet-size: 14px;
    --swiper-pagination-bottom: 0;
    --swiper-pagination-bullet-inactive-color: var(--color-contrast);
    --swiper-pagination-color: var(--color-secondary);
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: var(--spacing-10);
}
/*Use it if images have different heigts*/
.swiper-container {
	max-height: 780px;
	height: 100%;
}
.swiper-button-next,
.swiper-button-prev{
	padding: 40px 20px;
	border-radius: 10px;
	color: var(--color-silver);
	transition: all 0.2s ease-in-out;
}
.swiper-button-next:is(:hover, :focus-visible){
	color: var(--color-contrast);
}
.swiper-button-prev:is(:hover, :focus-visible){
	color: var(--color-primary);
}
.swiper-pagination-bullet {
	background-color: var(--color-gray);
	opacity: 1;
	height: 12px;
	width: 12px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
	font-size: 20px;
	background-color: transparent;
	border-radius: 8px;
	padding: 9px 12px 8px 12px;
	transition: all 0.4s ease-in-out;
}
.swiper-button-next:hover::after,
.swiper-button-prev:hover::after {
	background-color: var(--color-base);
	opacity: 0.3;
}
.swiper-pagination-bullet{
    border: 2px solid var(--color-contrast);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    border-color: var(--color-secondary);
}



/*----------------------------------------------------------------------------------------------------------------------------
SECTIONS
----------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/
/*header .grid{
	--grid-gutter: var(--spacing-30);
	grid-template-columns: 230px 1fr;
}
header nav{
	padding-right: var(--spacing-40);
}
header nav .inline-list{
	gap: 0 var(--spacing-10);
}
.nav-buttons .button + .button{
	margin-left: var(--spacing-10);
}

.nav-mobile{
	margin-top: var(--spacing-40)
}
:where(.nav-main, .nav-mobile) a {
	text-decoration: none;
	color: var(--color-base);
}
:where(.nav-main, .nav-mobile) li:is(:hover, :focus-visible) a{
	color: var(--color-ink);
}
:where(.nav-main, .nav-mobile) li{
	position: relative;
	text-decoration: none;
	padding: var(--spacing-30) var(--spacing-50);
	transition: var(--transition-global);
	touch-action: manipulation;
}
.nav-mobile li{
	display: block;
	max-width: 440px;
	width: calc(100% - 3rem);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: var(--spacing-40);
	font-size: var(--font-h6);
	text-align: center;
}
.nav-main ul > li:first-child,
.nav-mobile ul > li:first-child{
	cursor: default;
}
:where(.nav-main, .nav-mobile) li.active,
:where(.nav-main, .nav-mobile) li:is(:hover, :focus-visible){
	background-color: var(--color-bleach);
	border-radius: var(--radius);
	cursor: pointer;
}
.nav-mobile li.active{
	background-color: var(--color-primary);
	color: var(--color-contrast);
}
.nav-mobile li.active a{
	color: var(--color-contrast);
}
:where(.nav-main, .nav-mobile) li.active a{
	color: var(--color-ink);
}
:where(.nav-main, .nav-mobile) .dropdown {
	position: absolute;
	left: 0;
	opacity: 0;
	height: 0;
	background: var(--color-contrast);
	border-radius: var(--radius);
	visibility: hidden;
	width: 320px;
	text-align: left;
	z-index: 10000;
}
.nav-mobile li .dropdown {
	position: relative;
	height: 0;
	padding: 0;
}
.nav-mobile li .dropdown{
	background-color: transparent;
	text-align: center;
	width: auto;
	position: relative;
}
:where(.nav-main, .nav-mobile) li:is(:hover, :focus-visible) .dropdown,
:where(.nav-main, .nav-mobile) li .dropdown:is(:hover, :focus-visible){
	visibility: visible;
	opacity: 1;
	height: auto;
	margin-top: var(--spacing-30);
	padding: var(--spacing-20);
	transition: all 0.4s ease;
	touch-action: manipulation;
}
:where(.nav-main, .nav-mobile) li ul li{
	clear: both;
	width: 100%;
}
.nav-mobile li ul li:last-child{
	margin-bottom: 0;
}
.nav-mobile li li{
	font-size: var(--font-base);
}
.nav-mobile li li:hover,
.nav-mobile li li.active {
	background: var(--color-contrast);
}
.nav-main .button {
	font-weight: var(--font-regular);
}
.offcanvas-active{
	overflow: hidden;
}
.offcanvas{
	width:100vw;
	visibility: hidden;
	transform:translateX(-100%);
	transition:all .2s;
	border-radius:0;
	display:block;
	position: fixed;
	top: 74px;
	left: 0;
	height: calc(100% - 60px);
	z-index: 10000;
	background-color: var(--color-contrast);
	overflow-y: scroll;
	overflow-x: hidden;
}
.offcanvas.offcanvas-right {
	right: 0;
	left: auto;
	transform: translateX(100%);
}
.offcanvas.show{
	visibility: visible;
	transform: translateX(0);
	transition: transform 0.4s;
}
.burger-menu{
	border: none;
	box-shadow: none;
	background-color: transparent;
	padding: 0 16px 0 0;
	margin-top: 8px;
	margin-bottom: 0;
    min-width: 0px;
}
.offcanvas-active .burger-menu{
	display: none;
}
.burger-menu svg{
	width: 24px;
	height: 24px;
}
.close-offcanvas{
	border: none;
	box-shadow: none;
	background-color: var(--color-contrast);
	padding: 0 16px 0 0;
	margin-top: 0;
	margin-bottom: 0;
	display: none
}
.offcanvas-active .close-offcanvas{
	display: block;
}
.close-offcanvas svg{
	fill: var(--color-base);
	width: 17px;
	height: 17px;
	margin-left: 4px;
}
header .button[title=Acceder] svg{
	height: 24px;
	width: 24px;
	margin-bottom: -5px;
	margin-top: -4px;
}
header .button[title=Acceder] svg path{
	fill: currentColor;
}
@media only screen and (min-width: 75.063em) {
	.burger-menu{
		display: none;
	}
}
@media only screen and (max-width: 75em) {
	.burger-menu{
		display: inherit;
	}
	.nav-main{
		display: none;
	}
}
@media only screen and (max-width: 48em) {
	header .grid{
		--grid-gutter: var(--spacing-20);
		grid-template-columns: repeat(2, 1fr);
	}
	.nav-buttons .button{
		padding: var(--spacing-30) var(--spacing-40);
		min-width: auto;
	}
	.nav-buttons .button + .button{
		margin-left: var(--spacing-10);
	}
	.burger-menu{
		padding: 0 8px 0 0;
	}
	.logo-main{
		margin-top: 2px;
		height: 100%;
		max-height: 20px;
		max-width: 100%;
	}
}
@media only screen and (max-width: 30em) {
	header{
		--width-capsule: min(calc(100% - 2.5vmax), var(--width-full));
	}
	.nav-buttons .button{
		padding: var(--spacing-30) calc(var(--spacing-10) + 2px);
	}
}*/

/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
.no-space-between + .site-footer > .wp-block-group{
    margin-block-start: 0 !important;
}
footer :where(h3,h4,p,li,a){
	color: var(--color-contrast);
	font-size: var(--font-small);
}
footer :where(h3,h4){
	font-size: var(--font-base);
}
footer hr{
	width: 100%;
	height: 1px;
	background-color: var(--color-contrast);
	border: none;
	margin-block: var(--spacing-50);
}
.footer-primary .apps p + p{
	margin-block-start: var(--spacing-20);
}
.footer-primary .apps img{
	max-width: 120px;
	transition: var(--transition-global);
}
.footer-primary .apps a:is(:hover, :focus-visible) img{
	filter: invert(100%) saturate(80%);
}
.footer-primary .social-menu li{
	line-height: 1;
}
.footer-primary .social-menu a{
	display: flex;
  	place-content: center;
	line-height: 1;
	border-radius: 2px;
	padding: var(--spacing-10);
	border-radius: calc(var(--radius) / 2);
	transition: var(--transition-global);
}
.footer-primary .social-menu a:is(:hover, :focus-visible){
	background-color: var(--color-contrast);
}
.footer-primary .social-menu a svg path{
	fill: var(--color-contrast);
	transition: var(--transition-global);
}
.footer-primary .social-menu a:is(:hover, :focus-visible) svg path{
	fill: var(--color-secondary);
}
/*.footer-secondary{
	padding-bottom: var(--spacing-50);
}*/
.footer-secondary img{
	max-width: 135px;
	margin-block-end: var(--spacing-30);
}
.footer-secondary a{
	font-weight: var(--font-semibold);
}
:where(.footer-primary, .footer-secondary) a:is(:hover, :focus-visible){
	text-decoration: underline;
	color: var(--color-tertiary);
}
.footer-copyright{
	padding-block: var(--spacing-20);
}
.footer-copyright .grid{
	gap: var(--spacing-20);
}
.footer-copyright a:is(:hover, :focus-visible){
	text-decoration: underline;
	color: var(--color-contrast);
}
.site-footer .wp-block-social-links li a{
    font-size: var(--wp--preset--font-size--xx-large);
}
@media screen and (min-width: 64.063em) {
	.footer-copyright .legal-menu ul{
		justify-content: flex-end;
	}
}
@media screen and (max-width: 64em) {
    footer hr{
		margin-block: var(--spacing-60);
	}
	.footer-secondary .flexbox{
		flex-direction: column;
		gap: var(--spacing-30);
	}

}
@media screen and (max-width: 64em) and (min-width: 48.063em) {
	footer .grid{
		grid-template-columns: repeat(2, 1fr);
	}
}



/*--------------------------------------------------------------
HEROS
--------------------------------------------------------------*/
.heroine{
    --heroine-height: clamp(450px, 80vh, 780px);
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(0, 1fr);
    height: var(--heroine-height);
    place-items: center;
    isolation: isolate;
    overflow: hidden;
    padding-bottom: var(--spacing-50);
}
.heroine .hero-content{
    position: relative;
    grid-area: 1 / 1 / 2 / 3;
    height: 100%;
    z-index: 100;
}
.heroine .hero-content .grid{
    height: 100%;
}
.heroine.with-subtitle .grid .col6{
    display: flex;
    flex-direction: column;
}
.heroine.with-subtitle .grid .col6 h1{
    order: 2;
}
.heroine.with-subtitle .grid .col6 h2,
.heroine.with-subtitle .grid .col6 .pack-logo,
.heroine.with-subtitle .grid .col6 .case-logo{
    order: 1;
}
.heroine.with-subtitle .grid .col6 h3,
.heroine.with-subtitle .grid .col6 h4,
.heroine.with-subtitle .grid .col6 p{
    order: 3;
    line-height: var(--font-height);
}

.heroine.with-subtitle .grid .col6 .button{
    order: 4;
}
.heroine :where(.hero-background, .hero-circle){
    grid-area: 1 / 1 / 2 / 3;
    height: 100%;
    width: 100%;
    z-index: -2;
}
.heroine :where(.hero-background, .hero-circle) img{
    object-fit: cover;
    height: 100%;
    width: 100%;
    margin-block-start: 0;
}
.heroine .hero-background.position-top img{
    object-position: top center;
}
.heroine .hero-circle{
    position: relative;
    overflow: hidden;
    grid-area: 1 / 1 / 2 / 2;
    isolation: isolate;
    z-index: -1;
}
.heroine h1,
.heroine h2 {
    position: relative;
    line-height: 1.7;
    overflow: hidden;
    text-shadow: none;
}
.heroine h2{
    font-size: var(--font-h1);
}
.heroine h2.subtitle{
    font-size: var(--font-h6);
    color: var(--color-contrast);
    font-weight: var(--font-bold);
    margin-block-start: 0;
    margin-block-end: var(--spacing-30);
}
.heroine h3{
    font-weight: var(--font-regular);
}
.heroine.with-subtitle p{
    font-size: var(--font-h6);
    max-width: 540px;
    margin-block-start: var(--spacing-30);
}
.heroine h1.multiline,
.heroine h2.multiline{
    margin-left: 0;
    margin-right: 0;
    padding: 0 1rem;
    margin-left: -0.5rem;
}
.heroine h1.multiline span,
.heroine h2.multiline span {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-color: var(--color-primary);
    box-shadow: 5px 0 0 2px var(--color-primary), -5px 0 0 2px var(--color-primary);
}
.heroine h1.multiline.habitaclia-color span,
.heroine h2.multiline.habitaclia-color span {
    color: var(--color-primary-habitaclia);
    background-color: var(--color-contrast);
    box-shadow: 5px 0 0 2px var(--color-contrast), -5px 0 0 2px var(--color-contrast);
}
.heroine h1.multiline.milanuncios-color span,
.heroine h2.multiline.milanuncios-color span {
    color: var(--color-primary-milanuncios);
    background-color: var(--color-contrast);
    box-shadow: 5px 0 0 2px var(--color-contrast), -5px 0 0 2px var(--color-contrast);
}
.heroine h1.multiline.primary-color span,
.heroine h2.multiline.primary-color span {
    background-color: var(--color-primary);
    box-shadow: 5px 0 0 2px var(--color-primary), -5px 0 0 2px var(--color-primary);
}
.heroine h1.multiline.contrast-color span,
.heroine h2.multiline.contrast-color span {
    color: var(--color-primary);
    background-color: var(--color-contrast);
    box-shadow: 5px 0 0 2px var(--color-contrast), -5px 0 0 2px var(--color-contrast);
}
.heroine h1.multiline.contrast-ink-color span,
.heroine h2.multiline.contrast-ink-color span {
    color: var(--color-ink);
    background-color: var(--color-contrast);
    box-shadow: 5px 0 0 2px var(--color-contrast), -5px 0 0 2px var(--color-contrast);
}
.heroine h1.multiline.cases-color span,
.heroine h2.multiline.cases-color span {
    color: var(--color-contrast);
    background-color: var(--color-base);
    box-shadow: 5px 0 0 2px var(--color-base), -5px 0 0 2px var(--color-base);
}
.heroine .button{
    font-size: var(--font-h6);
    margin-block-start: var(--spacing-60);
    margin-block-end: 0;
}
.heroine .button-ghost:not(:is(:hover, :focus-visible)){
    border-color: var(--color-contrast);
    color: var(--color-contrast);
}
.heroine .button-ghost:is(:hover, :focus-visible){
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
    color: var(--color-contrast);
}
.hero-habitaclia .button-contrast:not(:is(:hover, :focus-visible)){
    color: var(--color-primary-habitaclia);
}
.hero-milanuncios .button-contrast:not(:is(:hover, :focus-visible)){
    color: var(--color-primary-milanuncios);
}
.hero-circle{
    display: block;
    width: 100%;
    height: 100%;
}
.hero-circle svg{
    opacity: 0.8;
    position: absolute;
    top: calc(var(--heroine-height) / 2 * -1);
    right: calc(var(--heroine-height) / 6);
    width:  auto;
    height: calc(var(--heroine-height) * 2);
}
.hero-circle.primary-color svg{
    opacity: 1
}
.hero-circle:not(.gradient-color) svg g{
    fill: var(--color-primary);
}
.hero-circle.secondary-color svg g{
    fill: var(--color-secondary);
}
.hero-circle.habitaclia-color svg g{
    fill: var(--color-primary-habitaclia);
}
.hero-circle.milanuncios-color svg g{
    fill: var(--color-primary-milanuncios);
}
.hero-circle.gray-color svg g{
    fill: var(--color-ink);
}
.hero-circle.contrast-color svg g{
    fill: var(--color-contrast);
}
:where(.hero-fotocasa, .hero-habitaclia, .hero-milanuncios) .isologo{
    margin-block-end: var(--spacing-40);
}
:where(.hero-fotocasa, .hero-habitaclia, .hero-milanuncios) .isologo img{
    height: 76px;
}
.heroine .pack-logo{
    max-width: 250px;
    margin-block-start: var(--spacing-50);
    margin-block-end: var(--spacing-70);
}
.heroine .case-logo{
    max-width: 300px;
    margin-block-start: var(--spacing-50);
    margin-block-end: var(--spacing-50);
}
.heroine .case-logo.gilmar{
    max-width: 250px;
}
.heroine .case-logo.knight{
    max-width: 235px;
}

@media screen and (min-width: 64.063em) {
    .heroine .capsule{
        --width-full: 1600px;
        --width-capsule: min(calc(100% - 6vmax), var(--width-full));
    }
    .hero-content .show-large{
        justify-content: center;
        align-items: flex-end;
        height: 100%;
    }
    .hero-content .show-large img{
        max-height: max(500px, 60vh);
    }
}
@media screen and (max-width: 75em) and (min-width: 64.063em) {
    .heroine{
        grid-template-columns: 2fr 1fr;
    }

}
@media screen and (max-width: 64em) {
    .heroine{
        --heroine-height: clamp(450px, 70vh, 780px);
        grid-template-columns: 1;
    }
    .heroine .hero-content,
    .heroine .hero-background,
    .heroine .hero-circle{
        grid-area: 1 / -1;
    }
    .hero-content .col6{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .heroine .pack-logo{
        margin-block-end: var(--spacing-50);
    }
    .heroine .button{
        font-size: var(--font-base);
        margin-block-start: var(--spacing-70);
    }
    .hero-circle svg{
        display: none;
    }
    .hero-circle{
        opacity: 1;
    }
    .hero-circle.primary-color,
    .hero-circle.fotocasa-color{
        background-color: rgba(30, 34, 170, 0.92);
    }
    .hero-circle.secondary-color{
        background-color: rgba(0, 114, 206, 0.85);
    }
    .hero-circle.habitaclia-color{
        background-color: rgba(255, 102, 0, 0.85);
    }
    .hero-circle.milanuncios-color{
        background-color: rgba(24, 186, 93, 0.85);
    }
    .hero-circle.gray-color{
        background-color: rgba(0, 0, 0, 0.8);
    }
    .hero-circle.contrast-color{
        background-color: rgba(255, 255, 255, 0.7);
    }
    .hero-circle.gradient-color{
        opacity: 0.75;
        background-image: var(--color-gradient);
    }
}
@media screen and (max-width: 48em) {
    .heroine{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .hero-content.capsule{
        --width-capsule: min(calc(100% - 4vmax), var(--width-full));
    }
    /*.hero-content > .align-center {
        padding-bottom: var(--spacing-50);
    }*/
    /*.hero-circle svg{
        top: calc(var(--heroine-height) / 4 * -1);
        right: 0;
        height: calc(var(--heroine-height) * 1.5);
    }*/
}
@media screen and (max-width: 30em) {
    .heroine h1,
    .heroine h2 {
        font-size: calc(var(--font-h2) - 2px);
    }
}


/*--------------------------------------------------------------
INTRO
--------------------------------------------------------------*/
.intro:not(.long-text){
	max-width: 900px;
	margin-inline: auto;
}
.intro:not(.base-color) h1,
.intro:not(.base-color) h2{
	font-size: var(--font-h3);
	color: var(--color-primary);
}
.intro.base-color h2{
	color: var(--color-base);
}
.intro p{
	font-size: var(--font-h6);
}
.intro.long-text > p:first-child{
    font-size: var(--font-h3);
    font-weight: var(--font-bold);
    color: var(--color-primary);
}
.intro.brands img{
    margin-inline: auto;
    margin-block-start: var(--spacing-40);
}
.intro.long-text.brands p{
    font-size: var(--font-h3);
    font-weight: var(--font-bold);
    color: var(--color-base);
}
.intro.brands p:last-of-type{
    color: var(--color-primary);
    margin-block-start: var(--spacing-40);
}
.intro.brands h2 + p:last-of-type{
    color: var(--color-base);
}
.intro.homepage img{
    max-width: 75px;
    max-height: 75px;
}
.intro .data-columns{
    column-count: 2;
    margin-block-start: var(--spacing-70);
}
.intro .data-columns p{
    font-size: var(--font-base);
}

.intro.homepage .inline-list{
    gap: var(--spacing-40);
}

/*--------------------------------------------------------------
TIPS
--------------------------------------------------------------*/
[class^="arch"] .intro + .tip{
   padding-top: calc(var(--void) * 1.25);
}
.tip-image img{
    max-width: min(440px, 70vw);
    margin-inline: auto;
    border-radius: 100vw;
    filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.15));
}
.tips.brands .tip-image img{
    border-radius: 32px;
    height: 100%;
    width: 100%;
    /*aspect-ratio: 4/3;*/
}

@media screen and (min-width: 64.063em) {
    .tip-content{
        max-width: 440px;
    }
    .tip-content ul{
        padding-left: 20px;
    }
    .tip-reverse .tip-content{
        order: 2;
        margin-left: auto;
    }
    .tip-image{
        margin-block-start: 0;
    }
    .tip-image img{
        margin-right: 0;
    }
    .tip-reverse .tip-image img{
        margin-left: 0;
    }
}
@media screen and (max-width: 64em) {
    .tip + .tip{
        margin-block-start: var(--gutter);
    }
    .tips .grid{
        --grid-gutter: 0;
    }
    .tip-image{
        margin-block-start: var(--spacing-60)
    }
    .tip-image img{
        border-radius: 32px;
        aspect-ratio: 4/3;
        height: 100%;
        width: 100%;
    }
}
@media screen and (max-width: 48em) {
    .tip-image img{
        max-width: min(300px, 70vw);
    }
}


/*--------------------------------------------------------------
SERVICES
--------------------------------------------------------------*/
[class^="arch"] .intro + .service,
[class^="arch"] [class^="capsule"]:first-child > *:first-child{
   padding-top: calc(var(--void) * 1.25);
}
.intro + .service-details{
    margin-block-start: var(--spacing-70);
}
.service-content > * + *{
    margin-block-start: var(--spacing-60);
}
.services.brands .service-content > * + * {
  margin-block-start: var(--spacing-40);
}
.service-content .unit{
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-40);
}
.service-content .numeration{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-10);
}
.service-content .numeration > *{
    width: 36px;
    height: 36px;
}
.service-content .numeration span{
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-contrast);
    font-weight: var(--font-semibold);
    line-height: 1;
    padding: var(--spacing-10);
    background: var(--color-primary);
    border-radius: 50%;
}
.service-content .quotation *{
    margin-bottom: 0;
}
.service-content .quotation p:not(:first-child){
    margin-block-start: var(--spacing-20);
}
.service-content img {
    max-width: 80px;
    max-height: 80px;
}
.services.brands .service-content img {
    max-width: 100%;
    max-height: 100%;
}
.service-content img + h2{
    margin-block-start: var(--spacing-20);
}
.services.brands .service-content img + h2{
    margin-block-start: var(--spacing-30);
}
.service-image img{
    max-width: min(440px, 70vw);
    margin-inline: auto;
    filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.15));
}
.services.brands .service-image img{
    max-width: min(440px, 70vw);
    border-radius: 100vw;
}
.services.brands .service-image img{
    max-width: min(440px, 70vw);
    border-radius: 100vw;
}
.services.cases .service-image img{
    border-radius: 32px;
    aspect-ratio: 4/3;
    height: 100%;
    width: 100%;
}

@media screen and (min-width: 64.063em) {
    .service-content{
        max-width: 540px;
    }
    .service-reverse .service-content{
        order: 2;
        margin-left: auto;
    }
    .service-image{
        max-width: 100%;
        margin-block-start: 0;
        margin-inline: initial;
    }
    .service-image img{
        margin-right: 0;
    }
    .service-reverse .service-image img{
        margin-left: 0;
    }
    .intro + .service-details{
        margin-block-start: calc(var(--gutter) / 1.25);
    }
}
@media screen and (max-width: 64em) {
    .service-image{
        margin-block-start: var(--spacing-60)
    }
}


/*--------------------------------------------------------------
MILESTONES
--------------------------------------------------------------*/
.milestones{
    color: var(--color-contrast);
}
.milestones:not(.flow-top){
    margin-block-start: 0;
}
.milestones-fotocasa,
.milestones-homepage{
    background: linear-gradient(162.27deg, #1E22AA 50%, #0072CE 112.18%);
}
.milestones-habitaclia{
    background: linear-gradient(114.95deg, #FF6600 60%, #F2C94C 112.18%);
}
.milestones-milanuncios{
    background: linear-gradient(114.95deg, #18BA5D 60%, #22FE6D 112.18%);
}
.milestones [class^="capsule"]{
    padding-top: var(--void);
    padding-bottom: var(--void);
}
.milestones-fotocasa .isologo{
    max-height: 85px;
    margin: 0 auto;
}
.milestones-habitaclia .isologo{
    max-height: 80px;
    margin: 0 auto;
}
.milestones-milanuncios .isologo{
    max-height: 100px;
    margin: 0 auto;
}
.milestones .icon,
.milestones .big-icon{
    max-width: 58px;
    max-height: 58px;
    margin: 0 auto;
}
.milestones.milestones-homepage .icon{
    max-width: 42px;
    max-height: 42px;
}
.milestones p{
    font-size: 24px;
    line-height: 1.4;
    padding-bottom: 0;
    margin-block-start: var(--spacing-40);
}
.milestones p span{
    font-size: 72px;
    font-weight: var(--font-bold);
}
.milestones p span small{
    font-size: var(--font-h4);
}
.milestones-homepage .grid:last-child{
    margin-block-start: var(--void);
}
.milestones.milestones-cases [class^="capsule"],
.milestones.milestones-cases2 [class^="capsule"]{
    padding-top: var(--spacing-70);
    padding-bottom: var(--spacing-70);
}
.milestones-cases .cases-client-icon{
    max-width: 200px;
}
:where(.milestones-cases, .milestones-cases2) .cases-client-icon + p{
    margin-block-start: var(--spacing-20);
}
.milestones-cases .milestone-number{
    margin-block-start: 0;
}
.milestones.milestones-cases .icon{
    margin: 0;
}
.milestones-data img{
    margin-inline: auto;
}

@media screen and (min-width: 64.063em) {
    .milestones-homepage .col{
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: var(--spacing-40);
        padding-bottom: var(--spacing-40);
    }
    .milestones-homepage .col::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -1em;
        width: 1px;
        height: 100%;
        background-color: var(--color-contrast);
    }
    .milestones-cases .grid{
        grid-template-columns: 1fr 2fr;
    }
    .milestones-cases .text-center,
    .milestones-cases2 .text-center:first-child{
       text-align: left;
    }
    .milestones-cases p{
       margin-block-start: 0;
    }
    .milestones-cases .col:last-child{
        gap: var(--spacing-60);
    }
    .milestones-cases .col.column:last-child{
       flex-direction: row;
    }
}
@media screen and (max-width: 64em) and (min-width: 48.063em) {
    .milestones .grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .milestones.milestones-cases2 .grid .col:first-child,
    .milestones.milestones-data .grid .col:first-child{
        grid-area: 1 / 1 / 2 / 3;
    }
}
@media only screen and (max-width: 64em) {
    .milestones .icon,
    .milestones .big-icon{
        margin-block-start: var(--spacing-60)
    }
    .milestones hr{
        height: 2px;
        width: 100%;
        margin-block-start: var(--void);
        background-color: var(--color-contrast);
        border: none;
    }
    .milestones p{
        margin-block-start: var(--spacing-20);
        text-align: center;
    }
    .milestones p span{
        font-size: 64px;
    }
    .milestones-cases .grid{
        gap: var(--spacing-70);
    }
    :where(.milestones-cases, .milestones-cases2) .cases-client-icon{
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (max-width: 767px) {
    .milestones-fotocasa .isologo{
        width: 50px;
    }
}


/*--------------------------------------------------------------
BANNERS
--------------------------------------------------------------*/
.call-to-action{
    height: 100%;
    margin-block-start: 0;
}
.call-to-action-content{
    display: grid;
    overflow: hidden;
    place-items: center;
    isolation: isolate;
    height: 100%;
}
.call-to-action-content.to-right .grid .col6{
    justify-self: end;
}
.call-to-action-content.to-right .grid .col6 .separator-gradient{
    margin-right: 0;
    margin-left: auto;
}
.call-to-action-content > *{
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    margin: var(--spacing-70) var(--spacing-60);
}
.call-to-action-content > img {
    z-index: -1;
    object-fit: cover;
    height: 100%;
    width: 100%;
    margin-block-start: 0;
    margin-block-end: 0;
}
.call-to-action-content h2{
    font-size: var(--font-h3);
    font-weight: var(--font-semibold);
    line-height: 1.3;
    color: var(--color-ink);
    margin-block-start: var(--spacing-30);
}
/*.call-to-action-content h2{
    font-weight: var(--font-bold);
    text-transform: uppercase;
    color: var(--color-primary);
}*/
.call-to-action-content h2 span {
    color: var(--color-contrast);
    line-height: 1.8;
    background-color: var(--color-primary);
    padding: 0.15rem 0.5rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.call-to-action-content .contrast-color span {
    color: var(--color-base);
    background-color: var(--color-contrast);
}
.call-to-action-content h3{
    color: var(--color-primary);
}
.call-to-action-content .separator-gradient{
    margin-block-start: var(--spacing-40);
}

.call-to-action-content .button{
    margin-block-start: var(--spacing-60);
}

@media screen and (min-width: 64.063em) {
    .call-to-action-content > *{
        margin: calc(var(--spacing-70) - 10px) var(--spacing-60);
    }
    .call-to-action-content > img {
        max-height: calc(500px + var(--spacing-70));
    }
    .call-to-action-content h2{
        max-width: 500px;
    }
    .call-to-action-content h3{
       max-width: 460px;
    }
}
@media screen and (max-width: 64em) {
    .call-to-action-content.packs > img{
        object-position: left;
        transform: scaleX(-1);
    }
}


/*--------------------------------------------------------------
CLIENTS
---------------------------------------------------------------*/
.clients-wrapper {
    --columns-for-large:6;
    --breakpoint-large:1101px;
    --columns-for-medium:3;
    --breakpoint-medium:768px;
    --columns-for-small:2;
    --breakpoint-small:601px;

    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(clamp(clamp(100%/(var(--columns-for-large) + 1) + 0.1%, (var(--breakpoint-large) - 100vw)*1000, 100%/(var(--columns-for-medium) + 1) + 0.1%), (var(--breakpoint-medium) - 100vw)*1000, 100%/(var(--columns-for-small) + 1) + 0.1%), (var(--breakpoint-small) - 100vw)*1000, 100%), 1fr));
    gap: var(--spacing-70) var(--spacing-40);
    justify-content: center;
    align-items: center;
    margin-inline: auto;
    width: var(--width-capsule);
    margin-block-start: var(--void);
}
.clients-wrapper .client img{
    width: 100%;
    max-width: 200px;
    object-fit: cover;
    padding-inline: var(--spacing-40);
    margin: 0 auto;
}
@media screen and (max-width: 64em) {

}

/*--------------------------------------------------------------
CLIENTS CAROUSEL
---------------------------------------------------------------*/
.clients-carousel{
    overflow: hidden;
    width: 100%;
    height: var(--logo-height);
    margin-inline: auto;
    margin-block-start: var(--void);
    mask-image: linear-gradient( to right, var(--color-ink) 10% 90%, transparent);
}
.clients-carousel .clients-list{
    position: relative;
    display: flex;
    width: 100%;
    min-width: calc(var(--logo-width) * var(--logo-quantity));
}
.clients-carousel .client{
    position: absolute;
    left: 100%;
    width: var(--logo-width);
    height: var(--logo-height);
    animation: autoRun 20s linear infinite;
    transition: filter 0.5s;
    animation-delay: calc((20s / var(--logo-quantity)) * (var(--logo-position) - 1));
}
.clients-carousel .client img{
    width: 100%;
    object-fit: cover;
    padding-inline: var(--spacing-40);
}
.clients-carousel:hover .client{
    animation-play-state: paused !important;
    filter: grayscale(1);
}
.clients-carousel .client:is(:hover, :focus-visible){
    filter: grayscale(0);
}

@keyframes autoRun{
    from{
        left: 100%;
    }to{
        left: calc(var(--logo-width) * -1);
    }
}


/*--------------------------------------------------------------
TESTIMONIALS
--------------------------------------------------------------*/
.testimonials{
    padding-bottom: var(--spacing-60);
}
.testimonials .swiper-container{
    overflow: hidden;
}
.testimonials .swiper-wrapper{
    align-items: center;
}
.testimonials .swiper-pagination-bullet{
    border-color: var(--color-secondary);
}
.testimonials blockquote{
    display: grid;
    grid-template-columns: 2.5fr 2px 1fr;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-60);
}
.testimonials .button{
    margin-top: var(--spacing-50);
    padding: var(--spacing-30) var(--spacing-40);
}
.testimonials p{
    font-size: var(--font-h4);
    font-weight: var(--font-light);
    text-align: center;
    padding-bottom: 0;
}
.testimonials p i{
    font-weight: var(--font-light);
    font-style: italic;
}
.testimonials .blockquote-content p{
    text-align: right;
    font-size: var(--font-h3);
    padding-right: var(--spacing-40);
}
.testimonials hr{
    height: 100%;
    width: 2px;
    background-color: var(--color-primary);
    border: none;
}
.testimonials .blockquote-caption{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-block: var(--spacing-30);
}
.testimonials .blockquote-caption img{
    border-radius: 50%;
    width: 124px;
    height: 124px;
    object-fit: cover;
    border: 6px solid var(--color-contrast);
    box-shadow: 0 0 0 2px var(--color-primary);
    margin-top: 6px;
}
.testimonials .blockquote-caption p{
    color: var(--color-primary);
    font-weight: var(--font-bold);
    font-size: var(--font-h6);
    margin-top: var(--spacing-50);
}
.testimonials .blockquote-caption p cite{
    font-weight: var(--font-light);
    font-style: normal;
    text-transform: none;
}
.testimonials .swiper-button-next,
.testimonials .swiper-button-prev{
    top: calc(50% - 60px);
}
.testimonials .swiper-pagination{
    position: relative;
    margin-top: var(--spacing-40);
}
@media screen and (max-width: 64em) {
    .testimonials .swiper-wrapper{
        align-items: flex-start;
    }
    .testimonials blockquote{
        grid-template-columns: 1fr;
    }
    .testimonials .blockquote-content{
        order: 2;
    }
    .testimonials .blockquote-content p{
        text-align: center;
        padding-right: 0;
    }
    .testimonials hr{
        height: 2px;
        width: 100%;
        margin-block-start: var(--spacing-60);
        margin-block-end: var(--spacing-40);
        order: 1;
    }
    .testimonials.single-testimony hr{
        display: none;
    }
    .testimonials .blockquote-caption{
        order: 3;
    }
}


/*----------------------------------------------------------------------------------------------------------------------------
SECTIONS & PAGES
----------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
HOMEPAGE
---------------------------------------------------------------*/
/*https://codepen.io/studiojvla/pen/qVbQqW*/
.clients-carousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-inline: auto;
    margin-block-start: var(--void);
}
.clients-carousel::before,
.clients-carousel::after {
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;
}
.clients-carousel::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}
.clients-carousel::before {
    left: 0;
    top: 0;
}
.clients-carousel .clients-wrapper {
    display: flex;
    gap: var(--spacing-40);
    width: calc(250px * 14);
    animation: scroll 40s linear infinite;
}
.clients-carousel .client {
    height: 100px;
    width: 250px;
}
.contact-homepage{
    background-image: var(--color-gradient);
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
    margin-block-start: 0;
}
.contact-homepage .col5 *{
    color: var(--color-contrast);
}
.contact-homepage .col7 > *{
   background: var(--color-contrast);
   padding: var(--spacing-60);
   border-radius: 32px;
}
.contact-homepage .separator-gradient{
    background: var(--color-contrast);
}
.swiper-container-home{
    overflow: hidden;
    position: relative;
    --swiper-pagination-bottom: var(--spacing-70);
}

@media screen and (max-width: 64em) {
    .swiper-container-home{
        --swiper-pagination-color: var(--color-neon);
    }
    .swiper-container-home .swiper-pagination-bullet.swiper-pagination-bullet-active{
        border-color: var(--color-neon);
    }

}


/*--------------------------------------------------------------
FORMACION > PODCAST LIST
--------------------------------------------------------------*/
.podcast-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-40);
    margin-block-start: var(--spacing-60);
}
.podcast-list a img{
    transition: var(--transition-global);
}
.podcast-list a:not(:is(:hover, :focus-visible)) img{
    transform: scale(1.1);
    transition: var(--transition-global);
}


/*--------------------------------------------------------------
SOLUTIONS > NAVIGATION
--------------------------------------------------------------*/
.solutions-navigation{
    --columns-for-large: 5;
    --spacing-40point-large: 1100px;
    --columns-for-medium: 3;
    --spacing-40point-medium: 600px;
    --columns-for-small: 2;
    --spacing-40point-small: 400px;
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(clamp(clamp(100%/(var(--columns-for-large) + 1) + 0.1%, (var(--spacing-40point-large) - 100vw)*1000, 100%/(var(--columns-for-medium) + 1) + 0.1%), (var(--spacing-40point-medium) - 100vw)*1000, 100%/(var(--columns-for-small) + 1) + 0.1%), (var(--spacing-40point-small) - 100vw)*1000, 100%), 1fr));
    gap: var(--spacing-50);
    padding-bottom: var(--spacing-60);
}
.solution-link h3 {
	font-size: var(--font-h6);
	font-weight: var(--font-semibold);
	color: var(--color-secondary);
	margin-block-start: var(--spacing-40);
}
.solution-link a:is(:hover, :focus-visible) h3{
  color: var(--color-primary);
}
.solution-link .circle-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
    max-width: 120px;
    height: auto;
	border-radius: 50%;
	text-align: center;
	padding: var(--spacing-40);
    margin-inline:auto;
	background: linear-gradient(162.27deg, #1E22AA 13.54%, #0072CE 87.89%);
	box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.25);
	box-sizing: border-box;
	aspect-ratio: 1/1;
	transition: var(--transition-global);
}
.solution-link a:is(:hover, :focus-visible) .circle-icon{
	background: linear-gradient(162.27deg, #1E22AA 13.54%, #1E22AA 87.89%);
}
.solution-link .circle-icon img{
	object-fit: contain;
	max-width: 60%;
}
.solution-link.active .circle-icon{
    background: var(--color-gradient);
}
.solution-link.active a::after{
    content: "";
    display: block;
    width: 100%;
    max-width: 240px;
    height: 4px;
    margin-inline: auto;
    background: var(--color-gradient);
    border: none;
    margin-block-start: var(--spacing-30);
}

@media screen and (max-width: 48em) {
    .solution-link .circle-icon{
        max-width: 100px;
    }

}


/*--------------------------------------------------------------
SOLUTIONS > PACKS
--------------------------------------------------------------*/
.packs-wrapper{
    margin-block-start: var(--spacing-70);
    padding-bottom: var(--spacing-60);
}
.packs-table-wrapper{
    display: flex;
}
.pack-advantages,
.packs-table-responsive{
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: visible;
    overflow: clip;
}
.pack-advantages .swiper-pagination-bullets,
.packs-table-responsive .swiper-pagination-bullets{
    position: relative;
    text-align: center;
    bottom: initial;
    left: initial;
    padding-top: var(--spacing-60);
}
.pack-advantages .swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-color: var(--color-contrast);
    border: 2px solid var(--color-secondary);
}
.pack-advantages .swiper-pagination-bullet-active,
.pack-advantages .swiper-pagination-bullet:is(:hover, :focus-visible) {
    --swiper-pagination-color: var(--color-secondary);
}
.packs-table-responsive .swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-color: transparent;
    border: 2px solid var(--color-contrast);
}
.packs-table-responsive .swiper-pagination-bullet-active,
.packs-table-responsive .swiper-pagination-bullet:is(:hover, :focus-visible){
    --swiper-pagination-color:var(--color-contrast);
}
.packs-table-responsive .swiper-slide,
.pack-advantages .swiper-slide{
    display: flex;
    justify-content: center;
    height: auto;
}
.packs-card-item {
    position: relative;
    height: auto;
    min-height: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-contrast);
    box-shadow: -6px 4px 17px 5px rgba(0, 0, 0, 0.09);
    border-radius: 20px;
    padding: var(--spacing-60);
    margin: var(--spacing-40);
    transition: var(--transition-global);
    touch-action: manipulation;
}
.oportunities .packs-card-item {
    align-items: flex-start;
    min-height: initial;
}
.packs-card-with-link:is(:hover, :focus-visible){
    background-color: var(--color-primary);
}
.packs-card-item.comparative-item{
    margin-top: var(--spacing-60) !important;
}
.packs-card-item:not(.comparative-item) img{
    max-width: 190px;
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--spacing-40);
    margin-bottom: var(--spacing-40);
}
.packs-card-item.packs-card-with-link img{
    margin-top: var(--spacing-70);
    margin-bottom: var(--spacing-60);
}
.packs-card-item h3{
    display: inline-block;
    font-size: var(--font-h5);
    font-weight: var(--font-semibold);
    line-height: 1;
    color: var(--color-contrast);
    background-color: var(--color-primary);
    margin-top: var(--spacing-40);
    margin-bottom: var(--spacing-30);
    padding: var(--spacing-20) var(--spacing-30);
    border-radius: 4px;
    transition: var(--transition-global);
    touch-action: manipulation;
}
.oportunities .packs-card-item h3{
    color: var(--color-base);
    font-weight: var(--font-bold);
    background-color: transparent;
    margin-block-start: 0;
    padding: 0;
}
.packs-card-with-link:is(:hover, :focus-visible) h3{
    background-color: var(--color-secondary);
}
.packs-card-item p{
    font-size: var(--font-h6);
    text-align: center;
    padding-bottom: 0;
    transition: var(--transition-global);
    touch-action: manipulation;
}
.oportunities .packs-card-item p{
    font-size: var(--font-base);
    text-align: left;
}
.packs-card-item:not(.packs-card-with-link) p{
    margin-top: auto;
    margin-bottom: var(--spacing-40);
}
.packs-card-with-link:is(:hover, :focus-visible) p{
    color: var(--color-contrast);
}
.packs-card-item a:not(.button) {
    display: block;
    z-index: 1;
    padding-top: var(--spacing-60);
    margin-top: auto;
    transition: var(--transition-global);
    touch-action: manipulation;
}
.packs-card-item a svg path{
    fill: var(--color-primary);
    transition: var(--transition-global);
    touch-action: manipulation;
}
.packs-card-with-link:is(:hover, :focus-visible) a svg path{
    fill: var(--color-contrast);
}
.packs-card-item a:not(.button)::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.packs-table{
    background: var(--color-contrast);
    box-shadow: -7px 4px 21px 5px rgba(0, 0, 0, 0.11);
    border-radius: 20px;
    padding: 0 var(--spacing-60) var(--spacing-60) var(--spacing-60);
}
.packs-table table{
    table-layout: initial;
}
.packs-table tbody th{
    padding-left: 0;
}
.packs-table thead th{
    text-align: center;
}
.packs-table thead th:first-child{
    width: 18%
}
.packs-table thead th:nth-child(2){
    width: 32%
}
.packs-table thead th img,
.pack-header img{
    width: 85px;
    margin: -40px auto 0 auto;
}
.packs-table tbody th[rowspan]{
    vertical-align: baseline;
}
.packs-table thead th p{
    margin-block-start: var(--spacing-40);
    margin-block-end: var(--spacing-30);
}
.packs-table td{
    color: var(--color-secondary);
    text-align: center;
    height: 78px;
}
.packs-table td.td-subtitle{
    color: var(--color-base);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.packs-table td span{
    display: flex;
    align-items: center;
    justify-content: center;
}
.packs-table td img{
    margin-left: auto;
    margin-right: auto;
}
.packs-table tbody th[rowspan] ~ td{
    padding-top: var(--spacing-40);
}
.packs-table a.button,
.pack-header a.button{
    font-weight: var( --font-semibold);
    border-radius: 6px;
    padding: var(--spacing-20) var(--spacing-50);
    margin-top: -6px;
}
.packs-table tr.tr-category{
    border-top: 2px solid var(--color-primary);
}
.packs-table .tr-category th{
    position: relative;
    font-size: var(--font-h6);
    color: var(--color-primary);
    padding-top: var(--spacing-50);
}
.packs-table .tr-category th::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    border-top: 10px solid var(--color-primary);
    z-index: 10;
}
.pack-header img{
    margin-top: -65px;
}
.pack-details tr,
.pack-details th,
.pack-details td{
    padding-left: 0;
    padding-right: 0;
    display: block;
    border: none;
}
.pack-details td{
    font-size: 1rem;
    color: var(--color-secondary);
    text-align: center;
}
.pack-details td{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-40);
    min-height: 52px;
    border-bottom: 1px solid var(--color-silver);
}
.pack-details td:last-child {
    border-bottom: 0;
}
.pack-details td span{
    width: 80px;
    text-align: center;
}
.pack-details td span img{
    margin-inline: auto;
}
.pack-details td::before {
    content: attr(data-label);
    color: var(--color-base);
    font-weight: var(--font-regular);
    text-align: left;
    text-transform: none;
    width: calc(100% - 80px);
}
.pack-details .tr-category {
    margin-top: var(--spacing-50);
    border-top: 2px solid var(--color-primary);
}
.pack-details .tr-category th span{
    position: relative;
    color: var(--color-primary);
}
.pack-details .tr-category th span::before{
    content: "";
    display: block;
    position: absolute;
    top: -13px;
    left: 0;
    width: 100%;
    height: 10px;
    border-top: 10px solid var(--color-primary);
    z-index: 10;
}
.banner-packs-download{
   padding-bottom: var(--gutter);
}
.banner-packs-download .show-large{
    display: flex !important;
    position: relative;
}
.banner-packs-download .show-small{
    display: none !important;
}
.banner-packs-download .banner-content{
    position: absolute;
    top: 27%;
    right: 20px;
}
.banner-packs-download h3{
    font-size: var(--font-h3);
    font-weight: var(--font-regular);
    line-height: 1.4;
    color: var(--color-contrast);
}
.banner-packs-download .banner-content h3{
    text-align: right;
    margin-right: var(--spacing-20);
    padding-right: var(--spacing-40);
}
.banner-packs-download .banner-content .button{
    margin-right: calc(var(--break) * 2.5);
}
.banner-packs-download .button {
    background-color: var(--color-contrast);
    color: var(--color-primary);
    font-weight: var(--font-bold);
}
.banner-packs-download .button:is(:hover, :focus-visible){
    background-color: var(--color-secondary);
    color: var(--color-contrast);
}
.banner-packs-download .button-download-packs:hover::after,
.banner-packs-download .button-download-packs:focus::after {
    filter: brightness(0) invert(1);
}
.cta-packs .inline-list{
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.cta-packs .inline-list img {
    max-width: 170px;
    width: 100%;
    margin-inline: auto;
}

@media screen and (max-width: 64em) {
    .packs-wrapper{
        margin-block-start: var(--void);
    }
    .pack-advantages,
    .packs-table-responsive{
        overflow: hidden;
    }
    .pack-details td span img{
        max-height: 28px;
    }
    .packs-card-item.comparative-item {
        padding: var(--spacing-50);
    }
    .banner-packs-download .show-large{
        display: none !important;
    }
    .banner-packs-download .show-small{
        display: block !important;
    }
    .banner-packs-download .logo{
        width: 200px;
        margin: var(--spacing-60) auto;
    }
    .banner-packs-download h3{
        margin-block-start: var(--spacing-50);
    }
    .banner-packs-download h3 br{
        display: none;
    }
    .cta-packs .inline-list{
        margin-block-start: var(--spacing-50);
        margin-block-end: var(--spacing-50);
    }
    .cta-packs .inline-list img {
        max-width: 120px;
    }
}

@media screen and (max-width: 48em) {
    .packs-card-item{
        max-width: 380px;
        width: 100%;
    }
    .packs-card-item.comparative-item{
        max-width: 100%;
    }
    .packs .tip-with-icon img{
        max-height: 42px;
    }
    .packs-card-item {
        min-height: auto;
    }
}
@media screen and (max-width: 400px) {
    .pack-details td{
        font-size: var(--font-small);
    }
}


/*---- SOLUTIONS > PACKS > REBRAND ----*/

.hero-packs.heroine:where(.hero-packs-home, .hero-packs-detail) .hero-background{
    background-color: var(--color-primary);
}
.hero-packs.heroine:where(.hero-packs-home, .hero-packs-detail) h1.multiline{
    font-weight: var(--font-regular);
}
.hero-packs.heroine:where(.hero-packs-home, .hero-packs-detail) h1.multiline span span{
    font-weight: var(--font-bold);
}
.hero-packs.heroine:where(.hero-packs-home, .hero-packs-detail).with-subtitle .grid .col6{
    flex-direction: column-reverse;
}
.swiper-container-home .hero-packs.heroine.hero-packs-home.with-subtitle .grid .col6{
    flex-direction: column;
}
.hero-packs.heroine:where(.hero-packs-home, .hero-packs-detail).with-subtitle .subtitle{
    font-weight: var(--font-light);
    font-size: calc(var(--font-h1) * 1.25);
    margin-bottom: calc(var(--break) / 3);
}
.hero-packs.hero-packs-home.heroine.with-subtitle{
    flex-direction: column-reverse;
}
.hero-packs.hero-packs-home.heroine.with-subtitle .multiline span{
    font-weight: var(--font-regular);
    font-size: calc(var(--font-h1) * 1.5);
}
.hero-packs.hero-packs-home.heroine .inline-list img{
    max-width: calc(100vw / 6);
    min-width: 80px;
    filter: drop-shadow( 2px 2px 10px rgba(0,0,0,0.40));
}
.hero-packs.heroine:where(.hero-packs-home, .hero-packs-detail).with-subtitle .subtitle span,
.hero-packs.hero-packs-home.heroine.with-subtitle .multiline span span{
    font-weight: var(--font-bold);
}
.hero-packs.heroine:where(.hero-packs-home, .hero-packs-detail).with-subtitle .multiline span{
    font-weight: var(--font-regular);
}
.hero-packs.heroine:where(.hero-packs-home, .hero-packs-detail).with-subtitle .multiline span span{
    font-weight: var(--font-bold);
}

.hero-packs.heroine:where(.hero-packs-home, .hero-packs-detail).with-subtitle .subtitle span{
    font-weight: var(--font-bold);
}
.services-rebrand .service-content img{
    height: 80px;
}
.packs-wrapper-rebrand{
    margin-block-start: calc(var(--spacing-60) * -1);
}
.packs-card-rebrand-item{
    display: grid;
    grid-template-rows: 0.5fr 0.75fr var(--spacing-40) 1.5fr;
    grid-gap: 0;
}
.packs-card-rebrand-item .image {
    grid-area: 1 / 1 / 3 / 2;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}
.packs-card-rebrand-item .image img{
    max-width: 220px;
    width: 50vw;
}
.packs-card-rebrand-item .content {
    grid-area: 2 / 1 / 5 / 2;
    position: relative;
    height: auto;
    min-height: 340px;
    display: grid;
    grid-template-rows: subgrid;
    flex-direction: column;
    justify-content: center;
    background-color: var(--color-contrast);
    box-shadow: -6px 4px 17px 5px rgba(0, 0, 0, 0.09);
    border-radius: 20px;
    padding: var(--spacing-70);
    margin: var(--spacing-40);
    transition: var(--transition-global);
    touch-action: manipulation;
    margin-block-start: var(--spacing-60);
}
.packs-card-rebrand-item .content .wrapper{
    grid-row: 3/4;
    display: flex;
    flex-direction: column;
}
.packs-card-rebrand-item .content h3{
    font-size: var(--font-h2);
    font-weight: var(--font-regular);
}
.packs-card-rebrand-item .content h3 span{
    font-size: calc(var(--font-h1) * 1.25);
    font-weight: var(--font-bold);
}
.packs-card-rebrand-item .content p{
    font-size: var(--font-h4);
    margin-block-start: var(--spacing-40);
}
.packs-card-rebrand-item:is(:hover, :focus-visible) .content{
    background-color: #87CACA;
}
.swiper-slide:nth-child(2) .packs-card-rebrand-item:is(:hover, :focus-visible) .content{
    background-color: #0072CE;
}
.swiper-slide:nth-child(3) .packs-card-rebrand-item:is(:hover, :focus-visible) .content{
    background-color: #1E22AA;
}
.packs-card-rebrand-item:is(:hover, :focus-visible) .content h3,
.packs-card-rebrand-item:is(:hover, :focus-visible) .content p{
    color: var(--color-contrast);
}
.packs-card-rebrand-item .content{
    transition: var(--transition-global);
    touch-action: manipulation;
}
.packs-card-rebrand-item .content a {
    display: flex;
    justify-content: flex-end;
    z-index: 1;
    padding-top: var(--spacing-60);
    margin-top: auto;
}
.packs-card-rebrand-item .content a svg path{
    fill: var(--color-base);
}
.packs-card-rebrand-item:is(:hover, :focus-visible) a svg path{
    fill: var(--color-contrast);
}
.packs-card-rebrand-item .content a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.pack-advantages.autofill-max-columns {
    --columns-for-large:3;
    --breakpoint-large:1101px;
    --columns-for-medium:2;
    --breakpoint-medium:901px;
    --columns-for-small:2;
    --breakpoint-small:701px;

    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(clamp(clamp(100%/(var(--columns-for-large) + 1) + 0.1%, (var(--breakpoint-large) - 100vw)*1000, 100%/(var(--columns-for-medium) + 1) + 0.1%), (var(--breakpoint-medium) - 100vw)*1000, 100%/(var(--columns-for-small) + 1) + 0.1%), (var(--breakpoint-small) - 100vw)*1000, 100%), 1fr));
    gap: calc(var(--spacing-40) / 2) var(--spacing-40);
}
.pack-advantages.autofill-max-columns.with-4items {
    --columns-for-large:4;
}
.pack-advantages.autofill-max-columns.with-3items {
    --columns-for-medium:1;
    --columns-for-small:1;
}
.pack-advantages.oportunities.autofill-max-columns{
    --columns-for-large:2;
}
.pack-advantages.autofill-max-columns .packs-card-item{
    /*justify-content: center;*/
    max-width: calc(100% - var(--spacing-40)*2);
    padding: var(--spacing-50);
    box-shadow: -3px 3px 20px 0px rgba(0, 0, 0, 0.09);
}
.pack-advantages.autofill-max-columns .packs-card-item:not(.packs-card-with-link) p{
    margin-top: 0;
    margin-bottom: var(--spacing-20);
}
.pack-advantages.autofill-max-columns .packs-card-item:not(.comparative-item) img{
    max-width: 150px;
    margin-top: 0;
    margin-bottom: var(--spacing-40);
}
.packs-table-rebrand.packs-table td img{
    width: 33px;
    height: 33px;
}
.cta-packs.cta-packs-rebrand .call-to-action-content{
    position: relative;
}
.cta-packs.cta-packs-rebrand .call-to-action-content::before{
    content:"";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(90deg, rgba(0,0,0,0.00) 40%, rgba(0,0,0,0.30) 70%);
    z-index: 0;
}
.cta-packs.cta-packs-rebrand .inline-list img{
    filter: drop-shadow( 2px 2px 10px rgba(0,0,0,0.30));
}
.bluestripe.bluestripe-for-packs{
    background-image: linear-gradient(180deg, #FFF 0%, #FFF 35%, #0175CE 35%, #16BECF 91%, #FFF 91%, #FFF 100%);
}
.bluestripe.bluestripe-for-start{
    background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 35%, #D2EDED 35%, #D2EDED 91%, #FFFFFF 91%, #FFFFFF 100%);
}
.bluestripe.bluestripe-for-basic{
    background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 35%, #D6E9F7 35%, #D6E9F7 91%, #FFFFFF 91%, #FFFFFF 100%);
}
.bluestripe.bluestripe-for-premium{
    background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 35%, #EBEBF8 35%, #EBEBF8 91%, #FFFFFF 91%, #FFFFFF 100%);
}

@media screen and (min-width: 1450px) {
    .hero-packs.heroine:where(.hero-packs-home, .hero-packs-detail) .hero-background img{
        object-fit: contain;
        object-position: right;
    }
}
@media screen and (max-width: 64em) {
    .hero-packs.heroine:where(.hero-packs-home, .hero-packs-detail).with-subtitle .subtitle{
        font-size: calc(var(--font-h1) * 1.15);
    }
    .hero-packs.hero-packs-home.heroine.with-subtitle .multiline span{
        font-size: calc(var(--font-h1) * 1.15);
    }
    .packs-card-rebrand-item .content{
        padding: var(--spacing-50);
    }
    .packs-card-rebrand-item .content p{
        font-size: var(--font-h5);
    }
    .packs-card-rebrand-item .content a{
        padding-top: var(--spacing-40);
    }
    .cta-packs.cta-packs-rebrand .call-to-action-content::before{
        background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 10%, rgba(0,0,0,0.40) 70%);
    }
    .cta-packs.cta-packs-rebrand .call-to-action-content.packs::before {
        background-image: linear-gradient(180deg, rgba(0,0,0,0.10) 10%, rgba(0,0,0,0.40) 70%);
    }
}



/*--------------------------------------------------------------
CUSTOM FORM
--------------------------------------------------------------*/
.legal{
    margin-top: var(--spacing-50);
    margin-bottom: var(--spacing-50);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.legal span{
    line-height: 1.3;
    margin-top: -4px;
    font-weight: var(--font-regular);
    color: var(--color-base);
}

/*FORM WITH INPUTS & LABELS IN BOXES*/
.lp-required{
    display: none;
}
.boxes-form input,
.boxes-form textarea,
.boxes-form select,
.boxes-form fieldset {
    margin-bottom: var(--spacing-40);
}
.boxes-form label,
.boxes-form legend{
    position: relative;
}
.boxes-form label span{
    font-size: 14px;
    position: absolute;
    top: 0.5rem;
    left: 0.75rem;
    font-weight: normal;
    z-index: 100;
}
.boxes-form input[type="email"],
.boxes-form input[type="number"],
.boxes-form input[type="search"],
.boxes-form input[type="text"],
.boxes-form input[type="tel"],
.boxes-form input[type="url"],
.boxes-form input[type="password"],
.boxes-form textarea,
.boxes-form select{
    padding: 28px 0.75rem  0.5rem 0.75rem;
    border: 1px solid #CCCCCC;
}
.boxes-form .custom-select:focus,
.boxes-form input[type="email"]:focus,
.boxes-form input[type="number"]:focus,
.boxes-form input[type="search"]:focus,
.boxes-form input[type="text"]:focus,
.boxes-form input[type="tel"]:focus,
.boxes-form input[type="url"]:focus,
.boxes-form input[type="password"]:focus,
.boxes-form textarea:focus,
.boxes-form select:focus{
    border: 2px solid var(--color-secondary);
}
.boxes-form select{
    height: 64px;
}
.boxes-form .legal span {
    line-height: 1.3;
    margin-top: -10px;
    font-weight: var(--font-regular);
    margin-left: 10px;
}
.boxes-form div[data-form-block-id] .lookup-behavior{
    filter: none;
    background-position-x: calc(100% - 10px);
}
.form-container .onFormSubmittedFeedback{
    height: auto !important;
    width: auto !important;
    padding: 2em 0;
}
.form-container .onFormSubmittedFeedback .onFormSubmittedFeedbackMessage {
    padding: 30px 10px 40px 10px;
    color: var(--color-base);
    font-size: 1em;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    text-align: center;
}
.form-container .onFormSubmittedFeedback .onFormSubmittedFeedbackButton {
    min-width: auto;
    min-height: auto;
    border-radius: 8px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: var(--color-base);
    font-size: 1em;
    padding: calc(1em / 1.25) calc(1em * 1.5);
    font-weight: 400;
}
.form-container .onFormSubmittedFeedback .onFormSubmittedFeedbackButtonSuccess {
    color: var(--color-contrast);
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
}


/*--------------------------------------------------------------
CUSTOM SELECT FORM
--------------------------------------------------------------*/
.custom-select {
    display: block;
    width: 100%;
    max-width: 100%;
    line-height: 1.4;
    box-sizing: border-box;
    padding: calc(var(--break) / 2);
    margin-bottom: var(--spacing-40);
    border: 1px solid var(--color-silver);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--color-contrast);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='14px' viewBox='0 0 24 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ESVG Layer%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(1.000000, 1.000000)' stroke='%23DA0862' stroke-width='1'%3E%3Cpolyline id='Path' points='0 0.5 11 11.5 22 0.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px top 55%;
}
/*.custom-select {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='14px' viewBox='0 0 24 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ESVG Layer%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(1.000000, 1.000000)' stroke='%23BDBDBD' stroke-width='1'%3E%3Cpolyline id='Path' points='0 0.5 11 11.5 22 0.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}*/
.custom-select::-ms-expand {
    display: none;
}
.custom-select:focus {
    border: 1px solid var(--color-secondary);
    outline: none;
}
.custom-select option {
    font-weight:normal;
}
.custom-select:disabled {
    color: var(--color-ash);
    border-color: var(--color-ash);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='14px' viewBox='0 0 24 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ESVG Layer%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(1.000000, 1.000000)' stroke='%23ACACAC' stroke-width='1'%3E%3Cpolyline id='Path' points='0 0.5 11 11.5 22 0.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.custom-select[aria-disabled=true] {
    color: var(--color-ash);
    border-color: var(--color-ash);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='14px' viewBox='0 0 24 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ESVG Layer%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(1.000000, 1.000000)' stroke='%23ACACAC' stroke-width='1'%3E%3Cpolyline id='Path' points='0 0.5 11 11.5 22 0.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.custom-select:disabled:hover {
    border-color: var(--color-ash);
}
.custom-select[aria-disabled=true] {
    border-color: var(--color-ash);
}
.custom-select .value {
  color: var(--color-base);
}


/*--------------------------------------------------------------
COOKIES
--------------------------------------------------------------*/
#adevinta_consents_cookies_universal_widget p{
  font-size: 14px;
}

body > div:first-child,
.cookies-banner{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
}
.lp-privacy-container-v2{
    background: var(--color-contrast);
}
.lp-privacy-container .lp-banner-panel, .lp-privacy-container-v2 .lp-banner-panel{
    max-width: 900px;
    margin: 0 auto;
    display: flex;
}
.lp-banner-panel {
    padding: 1rem 1.5rem !important;
}
.lp-info-icon{
    display: none;
}
.lp-privacy-text {
    color: var(--color-ink);
    text-align: left;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
}
.lp-privacy-container a, .lp-privacy-container div, .lp-privacy-container-v2 a, .lp-privacy-container-v2 div{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
}
.lp-privacy-text::before {
    content: "Tu privacidad es importante";
    font-family: 'Open Sans', Arial, sans-serif;
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.lp-privacy-container .lp-banner-panel .lp-privacy-link-text, .lp-privacy-container-v2 .lp-banner-panel .lp-privacy-link-text{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    margin-left: 4px;
}
.lp-privacy-close-button{
    margin-left: 1rem;
    margin-right: 0;
}
.lp-privacy-close-button img{
    width: 40px;
    min-width: 12px;
    margin-top: 8px;
}
/*NO DISPLAY DYNAMICS COOKIES BOX*/
.lp-privacy-container-v2{
    display: none !important;
}
.sui-TcfFirstLayer-body p{
    font-size: 12px;
}