/**
 * Content
 */

body {
	background-color: #fff;
	color: #000;
}

a:active {
	opacity: 0.7;
}

.page a.active {
	opacity: .4;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 1em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(127, 127, 127, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: .5em;
}

.gallery_image_caption {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.3;	
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 1rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, 'Sans Serif', Icons;
	font-style: normal;
	line-height: 0.5;
}

[data-predefined-style="true"] bodycopy a {
	color: rgb(105, 143, 255);
	padding-bottom: 0.1em;
	border-bottom: 0.0em solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {
   color: rgba(255, 0, 0, 1);
}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, 'Sans Serif', Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 2.1rem;
	line-height: 1.1;
	color: rgba(0, 0, 0, 0.85);
	}

[data-predefined-style="true"] h1 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] h2 {
	font-family: Sabon, Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: rgba(0, 0, 0, 0.85);
	font-size: 3rem;
	line-height: 1.2;
	}

[data-predefined-style="true"] h2 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1.3;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, 'Sans Serif', Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
}

[data-predefined-style="true"] small a {
	color: rgba(0, 0, 0, 1);
	border-bottom-width: 0em;
}

/**
 * Breakpoints
 */


[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: 0 /*!content_left*/;
	margin-right: auto /*!content_left*/;
	text-align: left /*!text_left*/;
}

[data-css-preset] body {
	background-color: rgb(255, 255, 255) /*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 99%/*!content_left*/;
}

[data-css-preset] .content_padding {
	padding-top: 1.8rem /*!main_margin*/;
	padding-bottom: 1.8rem /*!main_margin*/;
	padding-left: 1.8rem /*!main_margin*/;
	padding-right: 1.8rem /*!main_margin*/;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: rgba(0, 0, 0, 0)/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 0.6rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -1.2rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 0.675rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -1.35rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 1px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: 1.2rem;
    margin-bottom: .3rem;
    font-size: 1.8rem;
	font-weight: normal;
	color: rgba(0, 0, 0, 0.85);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.1;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.2;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: rgba(0, 0, 0, 0.75);
    line-height: 1;
    font-size: 20px /*!site_menu_button*/;
    padding: 6px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
	bottom: 3rem /*!site_menu_button*/;
	left: 3rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
    font-size: 34px;
}

#site_menu_button.custom_icon {
	width: 40px;
    height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	background: rgba(20, 20, 20, 0.95);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: rgba(255, 255, 255, 0.75);
}

#site_menu .set-link > a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: rgba(255, 255, 255, 0.4);
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/*
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(0, 0, 0, 0.85);
    background: transparent;
	font-size: 36px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 2rem /*!shop_button*/;
	right: 2rem /*!shop_button*/;
}

#shop_button.text {
    font-size: 2rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
    padding: 0;
    line-height: 1.2;
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}


body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 40px;
}

/*
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 2rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.85);
    display: block;
    margin-bottom: 1rem;
}

.shop_product .dropdown {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-size: 1.4rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.2);
    background:  white url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 1rem;
}

.shop_product .button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 1.4rem;
    background: rgba(0, 0, 0, .75);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem .9rem;
}

/*
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 0.95) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}


/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}


/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}



/*
 * Audio Player
 */

.audio-player {
    max-width: 36rem;
    height: 3.3rem;
    outline: 1px solid rgba(0,0,0,0.15);
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0,0,0,0.15);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.03);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}

/* ================================================================
   FL-ARE — CSS MAESTRO OFICIAL 2026-08-27
   Base: CSS oficial respaldado el 2026-08-27.
   Ajustes: rediseño aprobado con PID oficiales.
   Excluye la prueba descartada de menú flotante móvil v1.2.
   Conserva el padding general oficial de 1.8rem.
   ================================================================ */

/* ==================================================
   FL-ARE — PROTOTIPO DE REDISEÑO 2026
   Añadir cambios únicamente debajo de esta línea.
   ================================================== */

/* ==================================================
   FL-ARE — PROTOTIPO DE REDISEÑO 2026
   FASE 1: legibilidad y navegación móvil
   Este bloque es aditivo y reversible.
   ================================================== */

/* Tipografía móvil: evita el escalado actual hasta 6 px. */
body.mobile bodycopy {
  font-size: 16px !important;
  line-height: 1.5 !important;
}

body.mobile h1 {
  font-size: 28px !important;
  line-height: 1.15 !important;
}

body.mobile h2 {
  font-size: 22px !important;
  line-height: 1.25 !important;
}

body.mobile small {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* Cabecera móvil: conserva el logotipo y oculta el menú de escritorio. */
body.mobile [local-style="5225856"] .page {
  min-height: 56px !important;
	background-color: initial /*!page_bgcolor*/;
}

body.mobile [local-style="5225856"] .content_padding {
	padding-top: 2rem /*!main_margin*/;
	padding-bottom: 2rem /*!main_margin*/;
	padding-left: 2rem /*!main_margin*/;
	padding-right: 2rem /*!main_margin*/;
}

body.mobile [local-style="5225856"] [grid-row] {
  width: 100% !important;
  align-items: center !important;
}

body.mobile [local-style="5225856"] [grid-col="2"] {
  width: auto !important;
  flex: 1 1 auto !important;
}

body.mobile [local-style="5225856"] [grid-col="10"] {
  display: none !important;
}

body.mobile [local-style="5225856"] h1 {
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: 0.22em !important;
}

/* Botón del menú nativo de Cargo en la cabecera. */
body.mobile #site_menu_button {
  top: 16px !important;
  right: 16px !important;
  bottom: auto !important;
  left: auto !important;
  margin: -6px !important;
  color: #fff !important;
  font-size: 24px !important;
  z-index: 30 !important;
}

body.mobile #site_menu {
  width: 100% !important;
  max-width: 100% !important;
  padding: 72px 24px 32px !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
}

/* Portada móvil: mantiene Cargo y el slideshow, mejora la lectura. */
body.mobile [local-style="38440003"] .container_width {
  width: 100% !important;
}

body.mobile [local-style="38440003"] .content_padding {
  padding: 80px 24px 24px !important;
}

body.mobile [local-style="38440003"] h1 {
  font-size: 24px !important;
  line-height: 1.2 !important;
}

body.mobile [local-style="38440003"] small {
  font-size: 14px !important;
  line-height: 1.5 !important;
}


/* ==================================================
   FL-ARE — CORRECCION MOVIL v1.1
   Evita depender de los identificadores que Cargo
   cambia al duplicar un sitio.
   ================================================== */

/* Cabecera fijada: logotipo visible y menu de escritorio oculto. */
body.mobile .page_container.overlay.fixed .page {
  min-height: 56px !important;
}

body.mobile .page_container.overlay.fixed .content_padding {
  padding: 14px 18px !important;
}

body.mobile .page_container.overlay.fixed [grid-row] {
  width: 100% !important;
  align-items: center !important;
}

body.mobile .page_container.overlay.fixed [grid-col="2"],
body.mobile .page_container.overlay.fixed [grid-col="x2"] {
  width: auto !important;
  flex: 1 1 auto !important;
}

body.mobile .page_container.overlay.fixed [grid-col="10"],
body.mobile .page_container.overlay.fixed [grid-col="x10"] {
  display: none !important;
}

body.mobile .page_container.overlay.fixed h1,
body.mobile .page_container.overlay.fixed h1 a {
  display: inline-block !important;
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: 0.22em !important;
  white-space: nowrap !important;
}

/* La pagina de portada conserva la imagen a pantalla completa. */
body.mobile.homepage .page_container:not(.overlay) .container_width {
  width: 100% !important;
}

body.mobile.homepage .page_container:not(.overlay) .content_padding {
  padding: 80px 24px 24px !important;
}

body.mobile.homepage .page_container:not(.overlay) h1 {
  font-size: 24px !important;
  line-height: 1.2 !important;
}

body.mobile.homepage .page_container:not(.overlay) small {
  font-size: 14px !important;
  line-height: 1.5 !important;
}


/* ==================================================
   FL-ARE — HEADER MOVIL HORIZONTAL v1.3
   Restaura los cuatro enlaces dentro de la cabecera.
   Anula el menu flotante y mantiene ocultos los tres puntos.
   ================================================== */

body.mobile #site_menu_wrapper,
body.mobile #site_menu_button,
body.mobile #site_menu_panel_container {
  display: none !important;
}

body.mobile .page_container.overlay.fixed .page {
  min-height: 56px !important;
}

body.mobile .page_container.overlay.fixed .content_padding {
  padding: 14px 18px !important;
}

body.mobile .page_container.overlay.fixed [grid-row] {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100% !important;
}

body.mobile .page_container.overlay.fixed [grid-col="2"],
body.mobile .page_container.overlay.fixed [grid-col="x2"] {
  display: block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.mobile .page_container.overlay.fixed h1,
body.mobile .page_container.overlay.fixed h1 a {
  display: inline-block !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: 0.22em !important;
  white-space: nowrap !important;
}

body.mobile .page_container.overlay.fixed [grid-col="10"],
body.mobile .page_container.overlay.fixed [grid-col="x10"] {
  display: block !important;
  position: static !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: right !important;
  z-index: auto !important;
}

/* Oculta los espacios manuales y conserva los cuatro enlaces. */
body.mobile .page_container.overlay.fixed [grid-col="10"] small,
body.mobile .page_container.overlay.fixed [grid-col="x10"] small {
  display: block !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body.mobile .page_container.overlay.fixed [grid-col="10"] small a,
body.mobile .page_container.overlay.fixed [grid-col="x10"] small a {
  display: inline-block !important;
  width: auto !important;
  margin: 0 0 0 12px !important;
  padding: 7px 0 !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: clamp(10px, 2.7vw, 12px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* Recupera el separador visual entre Servicios y Personas. */
body.mobile .page_container.overlay.fixed [grid-col="10"] small a:nth-of-type(2),
body.mobile .page_container.overlay.fixed [grid-col="x10"] small a:nth-of-type(2) {
  padding-right: 12px !important;
  border-right: 1px solid rgba(255, 255, 255, 0.45) !important;
}

body.mobile .page_container.overlay.fixed [grid-col="10"] small a.active,
body.mobile .page_container.overlay.fixed [grid-col="x10"] small a.active {
  opacity: 0.55 !important;
}


/* ==================================================
   FL-ARE — INDICE DE PROYECTOS MOVIL v1.4
   Dos columnas, separaciones de 16 px y únicamente
   el año alineado a la derecha.
   No afecta a escritorio ni a los enlaces de Cargo.
   ================================================== */

/* Elimina únicamente los bloques vacíos anteriores al índice. */
body.mobile[data-page-id="5223865"]
  .page_container[data-container="page"]
  .page_content > [grid-row] {
  display: none !important;
}

/* Cargo usa content-box: se descuentan los 16 px de padding lateral. */
body.mobile [thumbnails] .thumbnail {
  position: relative !important;
  width: calc(50% - 16px) !important;
}

/* Ocho píxeles por lado producen 16 px entre imágenes. */
body.mobile [thumbnails-pad] {
  padding: 8px !important;
}

body.mobile [thumbnails-gutter] {
  margin: -8px !important;
}

/* De -8 px a +8 px: 16 px visibles bajo el header. */
body.mobile [thumbnails] {
  margin-top: 8px !important;
}

body.mobile .thumbnails .thumb_image {
  outline: 0 !important;
}

/* Oculta el nombre; la imagen conserva el enlace al proyecto. */
body.mobile .thumbnails .title {
  display: none !important;
}

/* Año bajo la imagen y alineado con su borde derecho. */
body.mobile .thumbnails .tags {
  position: static !important;
  display: block !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  color: rgba(0, 0, 0, 0.48) !important;
  font-size: 13px !important;
  line-height: 20px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body.mobile .thumbnails .tags a {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(0, 0, 0, 0.48) !important;
  font-size: 13px !important;
  line-height: 20px !important;
  text-decoration: none !important;
}


/* ==================================================
   FL-ARE — INDICE DE PROYECTOS ESCRITORIO v1.5
   Tres columnas, imágenes cuadradas y únicamente
   el año alineado a la derecha.
   No afecta a la vista móvil.
   ================================================== */

@media screen and (min-width: 769px) {
  /* Elimina los bloques vacíos anteriores al índice de Proyectos. */
  body[data-page-id="5223865"]
    .page_container[data-container="page"]
    .page_content > [grid-row] {
    display: none !important;
  }

  /* Tres columnas reales; Cargo usa box-sizing: content-box. */
  [thumbnails] .thumbnail {
    width: calc(33.333333% - 24px) !important;
  }

  /* Doce píxeles por lado producen 24 px entre imágenes. */
  [thumbnails-pad] {
    padding: 12px !important;
  }

  [thumbnails-gutter] {
    margin: -12px !important;
  }

  /* De -12 px a +12 px: 24 px visibles bajo el header. */
  body[data-page-id="5223865"] [thumbnails] {
    margin-top: 12px !important;
  }

  .thumbnails .thumb_image {
    outline: 0 !important;
  }

  /* La imagen conserva el enlace; el nombre no se muestra. */
  .thumbnails .title {
    display: none !important;
  }

  /* Año bajo la imagen, alineado con su borde derecho. */
  .thumbnails .tags {
    display: block !important;
    margin: 10px 0 8px !important;
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.48) !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  .thumbnails .tags a {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.48) !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-decoration: none !important;
  }
}


/* ==================================================
   FL-ARE — HOVER DE PROYECTOS ESCRITORIO v1.6
   Oscurecimiento reversible con transición suave.
   No afecta a móvil ni a las imágenes originales.
   ================================================== */

@media screen and (min-width: 769px) {
  .thumbnails .thumb_image img {
    filter: brightness(0.50) !important;
    transition: filter 650ms ease !important;
    will-change: filter;
  }

  .thumbnails .thumbnail > a.image-link:hover .thumb_image img,
  .thumbnails .thumbnail > a.image-link:focus-visible .thumb_image img {
    filter: brightness(1) !important;
  }
}


/* ==================================================
   FL-ARE — LOGO PNG EN HEADER v1.7
   Sustituye visualmente el texto del logo, manteniendo
   intactos su enlace y el resto del header.
   ================================================== */

.page_container.overlay.fixed h1 a {
  display: block !important;
  width: 100px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  white-space: nowrap !important;
  background-image: url("https://freight.cargo.site/t/original/i/0b9812619adb6b13023d9405e61a83790ab8274b9d88bed47271d3ce95c49d80/Fl-are_Logo_White.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}

body.mobile .page_container.overlay.fixed h1 a {
  width: 80px !important;
  height: 19px !important;
}


/* ==================================================
   FL-ARE — ALTURA DEL HEADER v1.8
   Reduce aproximadamente un 10% la banda negra
   recortando solo por abajo, sin mover su contenido.
   Pegar despues de las versiones anteriores.
   ================================================== */

body:not(.mobile) .page_container.overlay.fixed[local-style="5225856"] .page > .content_padding {
  padding-bottom: 1.3rem /*!main_margin*/;
	padding-top: 1rem /*!main_margin*/;
	padding-left: 0.9rem /*!main_margin*/;
	padding-right: 2.2rem /*!main_margin*/;
}

body.mobile .page_container.overlay.fixed .page {
  min-height: 50px !important;
}

body.mobile .page_container.overlay.fixed .content_padding {
  padding-top: 14px !important;
  padding-bottom: 8px !important;
}


/* ==================================================
   FL-ARE — MARCA INFERIOR EN PNG v1.9
   Sustituye solo los cuatro textos de marca.
   Conserva intactos los enlaces de LinkedIn e Instagram.
   ================================================== */

[local-style="38440003"] [grid-col="x11"] > b {
  display: block !important;
  width: 48vw !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: 1567 / 143 !important;
  margin: 0 0 24px auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-image: url("https://freight.cargo.site/t/original/i/2ed1fd2c0856158518153f1be534cb1b50f50133652a303011b3c19ed872f4b9/FerrLomb_White.png") !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: contain !important;
}

/* En escritorio, el bloque original ocupa solo el cuarto derecho.
   Desplaza el PNG hacia la izquierda y conserva su borde derecho. */
body:not(.mobile) [local-style="38440003"] [grid-col="x11"] > b {
  position: relative !important;
  left: calc(100% - 48vw) !important;
  margin-left: 0 !important;
}

/* Oculta el texto FERRANDIZ / LOMBAO contenido en el primer bloque. */
[local-style="38440003"] [grid-col="x11"] > b > small,
[local-style="38440003"] [grid-col="x11"] > b > br {
  display: none !important;
}

/* Oculta ARQUITECTURA / REAL ESTATE y los saltos intermedios. */
[local-style="38440003"] [grid-col="x11"] > b + br,
[local-style="38440003"] [grid-col="x11"] > b + br + div,
[local-style="38440003"] [grid-col="x11"] > b + br + div ~ br {
  display: none !important;
}

body.mobile [local-style="38440003"] [grid-col="x11"] > b {
  margin-bottom: 20px !important;
}


/* ================================================================
   FL-ARE — SERVICIOS REDISEÑO v2.0
   Aislado exclusivamente a la página oficial Servicios, PID 5420177.
   ================================================================ */

body[data-page-id="5420177"] {
  --services-header-height: 66px;
  background: #1d1d1d !important;
  scroll-snap-type: y mandatory;
}

body[data-page-id="5420177"] .page_container[local-style="5420177"],
body[data-page-id="5420177"] .page_container[local-style="5420177"] .page,
body[data-page-id="5420177"] .page_container[local-style="5420177"] .page_background {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
	background-color: initial /*!page_container_bgcolor*/;
}

body[data-page-id="5420177"] .page_container[local-style="5420177"] .content_padding {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
	padding-top: 0rem /*!main_margin*/;
	padding-bottom: 0rem /*!main_margin*/;
	padding-left: 0rem /*!main_margin*/;
	padding-right: 0rem /*!main_margin*/;
}

body[data-page-id="5420177"] .services-scroll,
body[data-page-id="5420177"] .services-scroll * {
  box-sizing: border-box !important;
}

body[data-page-id="5420177"] .services-scroll {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

body[data-page-id="5420177"] .services-screen {
  position: relative !important;
  width: 100% !important;
  min-height: 100vh !important;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* Primera pantalla: imagen y tres áreas del estudio */
body[data-page-id="5420177"] .architecture-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  padding-top: var(--services-header-height) !important;
  color: #101820 !important;
  background: #fff !important;
}

body[data-page-id="5420177"] .architecture-image {
  width: 100% !important;
  min-height: calc(100vh - var(--services-header-height)) !important;
  background-image: url("https://freight.cargo.site/t/original/i/0810071a4ee340ec41c3018511af3685f255e167cb5ed3d3f1acef24bddf66fe/230201-FLARE--14.jpg") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body[data-page-id="5420177"] .architecture-copy {
  position: relative !important;
  min-width: 0 !important;
  min-height: calc(100vh - var(--services-header-height)) !important;
  padding: clamp(48px, 6vw, 96px) clamp(40px, 7vw, 112px) !important;
  color: #101820 !important;
  background: #fff !important;
}

body[data-page-id="5420177"] .section-marker {
  display: block !important;
  width: 24px !important;
  height: 7px !important;
  background: currentColor !important;
}

body[data-page-id="5420177"] .architecture-copy > .section-marker {
  position: absolute !important;
  top: clamp(48px, 6vw, 96px) !important;
  left: clamp(40px, 7vw, 112px) !important;
}

body[data-page-id="5420177"] .architecture-copy > .section-kicker {
  position: absolute !important;
  top: clamp(48px, 6vw, 96px) !important;
  right: clamp(40px, 7vw, 112px) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body[data-page-id="5420177"] .architecture-services {
  position: absolute !important;
  right: clamp(40px, 7vw, 112px) !important;
  bottom: clamp(38px, 5vh, 68px) !important;
  left: clamp(40px, 7vw, 112px) !important;
  display: grid !important;
  gap: clamp(26px, 3vh, 40px) !important;
  max-width: 620px !important;
}

body[data-page-id="5420177"] .architecture-service,
body[data-page-id="5420177"] .architecture-service h1,
body[data-page-id="5420177"] .architecture-service p {
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-family: inherit !important;
}

body[data-page-id="5420177"] .architecture-service h1 {
  margin-bottom: 13px !important;
  font-size: clamp(20px, 1.55vw, 28px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0.1em !important;
}

body[data-page-id="5420177"] .architecture-service p {
  font-size: clamp(14px, 1.05vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
}

/* Segunda pantalla: resumen y cinco fases */
body[data-page-id="5420177"] .services-panel {
  display: flex !important;
  flex-direction: column !important;
  padding: calc(var(--services-header-height) + 62px) 5.5vw 58px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  background: #1d1d1d !important;
}

body[data-page-id="5420177"] .services-panel-heading {
  position: relative !important;
  width: 100% !important;
}

body[data-page-id="5420177"] .services-panel-heading > .section-kicker {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

body[data-page-id="5420177"] .services-summary {
  margin: clamp(72px, 9vh, 110px) 0 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: clamp(23px, 2vw, 31px) !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
}

body[data-page-id="5420177"] .services-redesign {
  width: 100% !important;
  max-width: 1800px !important;
  margin: auto auto 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

body[data-page-id="5420177"] .services-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(18px, 1.8vw, 32px) !important;
  align-items: start !important;
}

body[data-page-id="5420177"] .service-item {
  min-width: 0 !important;
  margin: 0 !important;
}

body[data-page-id="5420177"] .service-card {
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
  aspect-ratio: 1.22 / 1 !important;
  padding: clamp(20px, 1.7vw, 30px) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  transition: background-color 450ms ease, color 450ms ease, border-color 450ms ease, transform 450ms ease !important;
}

body[data-page-id="5420177"] .service-dark .service-card {
  color: rgba(255, 255, 255, 0.92) !important;
  background: #1d1d1d !important;
}

body[data-page-id="5420177"] .service-light .service-card {
  color: #171717 !important;
  background: #d3ceca !important;
  border-color: #d3ceca !important;
}

body[data-page-id="5420177"] .service-item:hover .service-card {
  color: #171717 !important;
  background: #f1efec !important;
  border-color: #f1efec !important;
  transform: translateY(-4px) !important;
}

body[data-page-id="5420177"] .service-card h2 {
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: clamp(17px, 1.35vw, 25px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.02em !important;
}

body[data-page-id="5420177"] .service-item ul {
  margin: clamp(22px, 2vw, 34px) 0 0 !important;
  padding: 0 0 0 1.15em !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: clamp(15px, 1.22vw, 22px) !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

body[data-page-id="5420177"] .service-item li {
  margin: 0 !important;
  padding: 0 0 0 0.25em !important;
}

@media screen and (max-width: 1100px) {
  body[data-page-id="5420177"] {
    --services-header-height: 58px;
    scroll-snap-type: y proximity;
  }

  body[data-page-id="5420177"] .architecture-copy {
    padding: 46px 42px !important;
  }

  body[data-page-id="5420177"] .architecture-copy > .section-marker,
  body[data-page-id="5420177"] .architecture-copy > .section-kicker {
    top: 46px !important;
  }

  body[data-page-id="5420177"] .architecture-copy > .section-marker,
  body[data-page-id="5420177"] .architecture-services {
    left: 42px !important;
  }

  body[data-page-id="5420177"] .architecture-copy > .section-kicker,
  body[data-page-id="5420177"] .architecture-services {
    right: 42px !important;
  }

  body[data-page-id="5420177"] .architecture-services {
    bottom: 38px !important;
    gap: 25px !important;
  }

  body[data-page-id="5420177"] .services-panel {
    min-height: auto !important;
    padding: calc(var(--services-header-height) + 48px) 32px 56px !important;
  }

  body[data-page-id="5420177"] .services-redesign {
    margin-top: 76px !important;
  }

  body[data-page-id="5420177"] .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 36px 24px !important;
  }

  body[data-page-id="5420177"] .service-card h2 {
    font-size: 22px !important;
  }

  body[data-page-id="5420177"] .service-item ul {
    font-size: 17px !important;
  }
}

/* Cargo activa body.mobile también en su simulador, aunque sea ancho. */
body.mobile[data-page-id="5420177"] {
  --services-header-height: 50px;
  scroll-snap-type: none;
}

body.mobile[data-page-id="5420177"] .services-screen {
  min-height: auto !important;
  scroll-snap-align: none;
}

body.mobile[data-page-id="5420177"] .architecture-intro {
  display: block !important;
  padding-top: var(--services-header-height) !important;
}

body.mobile[data-page-id="5420177"] .architecture-image {
  min-height: 58vh !important;
}

body.mobile[data-page-id="5420177"] .architecture-copy {
  min-height: 0 !important;
  padding: 34px 20px 48px !important;
}

body.mobile[data-page-id="5420177"] .architecture-copy > .section-marker,
body.mobile[data-page-id="5420177"] .architecture-copy > .section-kicker,
body.mobile[data-page-id="5420177"] .architecture-services {
  position: static !important;
}

body.mobile[data-page-id="5420177"] .architecture-copy > .section-kicker {
  float: right !important;
  margin-top: -7px !important;
}

body.mobile[data-page-id="5420177"] .architecture-services {
  display: grid !important;
  clear: both !important;
  gap: 34px !important;
  max-width: none !important;
  margin-top: 76px !important;
}

body.mobile[data-page-id="5420177"] .architecture-service h1 {
  font-size: 21px !important;
}

body.mobile[data-page-id="5420177"] .architecture-service p {
  font-size: 16px !important;
  line-height: 1.38 !important;
}

body.mobile[data-page-id="5420177"] .services-panel {
  min-height: 0 !important;
  padding: 48px 20px 54px !important;
}

body.mobile[data-page-id="5420177"] .services-summary {
  margin-top: 70px !important;
  font-size: 25px !important;
}

body.mobile[data-page-id="5420177"] .services-redesign {
  margin-top: 72px !important;
}

body.mobile[data-page-id="5420177"] .services-grid {
  grid-template-columns: 1fr !important;
  gap: 36px !important;
}

body.mobile[data-page-id="5420177"] .service-card {
  min-height: 150px !important;
  aspect-ratio: auto !important;
  padding: 22px !important;
}

body.mobile[data-page-id="5420177"] .service-card h2 {
  font-size: 21px !important;
}

body.mobile[data-page-id="5420177"] .service-item ul {
  margin-top: 18px !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}

@media screen and (max-width: 640px) {
  body[data-page-id="5420177"] {
    --services-header-height: 50px;
    scroll-snap-type: none;
  }

  body[data-page-id="5420177"] .services-screen {
    min-height: auto !important;
    scroll-snap-align: none;
  }

  body[data-page-id="5420177"] .architecture-intro {
    display: block !important;
  }

  body[data-page-id="5420177"] .architecture-image {
    min-height: 58vh !important;
  }

  body[data-page-id="5420177"] .architecture-copy {
    min-height: 0 !important;
    padding: 34px 20px 48px !important;
  }

  body[data-page-id="5420177"] .architecture-copy > .section-marker,
  body[data-page-id="5420177"] .architecture-copy > .section-kicker,
  body[data-page-id="5420177"] .architecture-services {
    position: static !important;
  }

  body[data-page-id="5420177"] .architecture-copy > .section-kicker {
    float: right !important;
    margin-top: -7px !important;
  }

  body[data-page-id="5420177"] .architecture-services {
    clear: both !important;
    gap: 34px !important;
    max-width: none !important;
    margin-top: 76px !important;
  }

  body[data-page-id="5420177"] .architecture-service h1 {
    font-size: 21px !important;
  }

  body[data-page-id="5420177"] .architecture-service p {
    font-size: 16px !important;
    line-height: 1.38 !important;
  }

  body[data-page-id="5420177"] .services-panel {
    min-height: 0 !important;
    padding: 48px 20px 54px !important;
  }

  body[data-page-id="5420177"] .services-summary {
    margin-top: 70px !important;
    font-size: 25px !important;
  }

  body[data-page-id="5420177"] .services-redesign {
    margin-top: 72px !important;
  }

  body[data-page-id="5420177"] .services-grid {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  body[data-page-id="5420177"] .service-card {
    min-height: 150px !important;
    aspect-ratio: auto !important;
    padding: 22px !important;
  }

  body[data-page-id="5420177"] .service-card h2 {
    font-size: 21px !important;
  }

  body[data-page-id="5420177"] .service-item ul {
    margin-top: 18px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page-id="5420177"] {
    scroll-snap-type: none;
  }

  body[data-page-id="5420177"] .service-card {
    transition: none !important;
  }
}


/* ================================================================
   FL-ARE — PERSONAS REDISEÑO v1.0
   Solo afecta a la página oficial Socios, PID 5208480.
   ================================================================ */

[local-style="5208480"] {
  --people-header-height: 66px;
  background: #1d1d1d !important;
  scroll-snap-type: y mandatory;
}

.page_container[local-style="5208480"][data-container="page"],
.page_container[local-style="5208480"][data-container="page"] > [data-container="content"],
.page_container[local-style="5208480"][data-container="page"] > [data-container="content"] > bodycopy,
.page_container[local-style="5208480"][data-container="page"] > [data-container="content"] > bodycopy > .page_content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Cargo centra verticalmente el contenido de la pagina por defecto. */
.page_container[local-style="5208480"][data-container="page"] > [data-container="content"] {
  display: block !important;
  min-height: 0 !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

[local-style="5208480"] .people-redesign,
[local-style="5208480"] .people-redesign * {
  box-sizing: border-box !important;
}

[local-style="5208480"] .people-redesign {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

[local-style="5208480"] .people-screen {
  position: relative !important;
  width: 100% !important;
  min-height: 100vh !important;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

[local-style="5208480"] .people-marker {
  display: block !important;
  width: 24px !important;
  height: 7px !important;
  background: currentColor !important;
}

[local-style="5208480"] .people-kicker {
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

/* Primera pantalla: equipo */
[local-style="5208480"] .people-team {
  display: block !important;
  height: 100vh !important;
  padding-top: var(--people-header-height) !important;
  overflow: hidden !important;
  color: rgba(255, 255, 255, 0.9) !important;
  background: #1d1d1d !important;
}

[local-style="5208480"] .people-team-copy {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  height: calc(100vh - var(--people-header-height)) !important;
  min-height: calc(100vh - var(--people-header-height)) !important;
  padding: clamp(54px, 6vw, 96px) clamp(42px, 5vw, 80px) !important;
}

[local-style="5208480"] .people-team-copy > .people-kicker {
  position: absolute !important;
  top: clamp(54px, 6vw, 96px) !important;
  right: 5vw !important;
}

[local-style="5208480"] .people-team-text {
  position: absolute !important;
  bottom: clamp(58px, 8vh, 96px) !important;
  left: clamp(42px, 5vw, 80px) !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: clamp(42px, 4.5vw, 84px) !important;
  width: min(48vw, 1080px) !important;
}

[local-style="5208480"] .people-text-column,
[local-style="5208480"] .people-text-column h1,
[local-style="5208480"] .people-text-column h2,
[local-style="5208480"] .people-text-column p {
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-family: inherit !important;
}

[local-style="5208480"] .people-text-column h1,
[local-style="5208480"] .people-text-column h2 {
  margin-bottom: clamp(44px, 7vh, 72px) !important;
  font-size: clamp(27px, 2.1vw, 36px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
}

[local-style="5208480"] .people-text-column p {
  font-size: clamp(16px, 1.22vw, 21px) !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
  text-align: justify !important;
}

[local-style="5208480"] .people-team-strip {
  position: absolute !important;
  z-index: 3 !important;
  top: var(--people-header-height) !important;
  right: calc(5vw + 110px) !important;
  bottom: 0 !important;
  width: calc((100vh - var(--people-header-height)) / 7) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #1d1d1d !important;
}

[local-style="5208480"] .people-team-strip figure {
  display: block !important;
  width: 100% !important;
  height: calc(100% / 7) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
}

[local-style="5208480"] .people-team-strip img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: grayscale(1) !important;
}

/* Segunda pantalla: fundadores */
[local-style="5208480"] .people-founders {
  min-height: 100vh !important;
  padding: var(--people-header-height) 5vw clamp(42px, 5vh, 64px) !important;
  color: #111820 !important;
  background: #d5d0cc !important;
}

[local-style="5208480"] .people-founders-heading {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  padding-top: clamp(48px, 5vw, 76px) !important;
}

[local-style="5208480"] .people-founders-grid {
  display: grid !important;
  grid-template-columns: repeat(2, clamp(360px, 29vw, 560px)) !important;
  justify-content: space-between !important;
  gap: 0 !important;
  margin-top: clamp(50px, 6vh, 78px) !important;
}

[local-style="5208480"] .people-founder {
  min-width: 0 !important;
  margin: 0 !important;
}

[local-style="5208480"] .people-founder-photo {
  width: 100% !important;
  aspect-ratio: 1.07 / 1 !important;
  overflow: hidden !important;
  background-color: #b7b3af !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

[local-style="5208480"] .people-founder-alvaro {
  background-image: url("https://freight.cargo.site/t/original/i/7cd69a07494e479bcfe56245856a423afed9536121251f6d7c1747bafaf60a12/Soc_Alvaro.JPG") !important;
  background-position: center 28% !important;
}

[local-style="5208480"] .people-founder-luis {
  background-image: url("https://freight.cargo.site/t/original/i/334c92a80a90435dad6a95347a8228ca56b8569cef1c36a9c7e3b076af06e9b1/Soc_Luis.JPG") !important;
  background-position: center 28% !important;
}

[local-style="5208480"] .people-founder h2,
[local-style="5208480"] .people-founder p {
  padding: 0 !important;
  color: inherit !important;
  font-family: inherit !important;
}

[local-style="5208480"] .people-founder h2 {
  margin: clamp(30px, 3.2vh, 42px) 0 0 !important;
  font-size: clamp(25px, 2.1vw, 34px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
}

[local-style="5208480"] .people-founder p {
  max-width: 600px !important;
  margin: clamp(30px, 4vh, 48px) 0 0 !important;
  font-size: clamp(15px, 1.12vw, 19px) !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  text-align: justify !important;
}

@media screen and (min-width: 1600px) {
  [local-style="5208480"] .people-founders {
    padding-right: 7vw !important;
    padding-left: 7vw !important;
  }
}

@media screen and (max-width: 1050px) {
  [local-style="5208480"] {
    --people-header-height: 58px;
    scroll-snap-type: y proximity;
  }

  [local-style="5208480"] .people-team-copy {
    padding: 46px 38px !important;
  }

  [local-style="5208480"] .people-team-copy > .people-kicker {
    top: 46px !important;
    right: 38px !important;
  }

  [local-style="5208480"] .people-team-text {
    bottom: 50px !important;
    left: 38px !important;
  }

  [local-style="5208480"] .people-text-column h1,
  [local-style="5208480"] .people-text-column h2 {
    margin-bottom: 38px !important;
  }

  [local-style="5208480"] .people-founders-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 44px !important;
  }

  [local-style="5208480"] .people-founder p {
    font-size: 15px !important;
  }
}

@media screen and (max-width: 700px) {
  [local-style="5208480"] {
    --people-header-height: 50px;
    scroll-snap-type: none;
  }

  [local-style="5208480"] .people-screen {
    scroll-snap-align: none;
  }

  [local-style="5208480"] .people-team {
    height: 100vh !important;
    min-height: 100vh !important;
  }

  [local-style="5208480"] .people-team-copy {
    width: 100% !important;
    height: calc(100vh - var(--people-header-height)) !important;
    min-height: calc(100vh - var(--people-header-height)) !important;
    padding: 30px 14px !important;
  }

  [local-style="5208480"] .people-team-copy > .people-kicker {
    top: 30px !important;
    right: calc(((100vh - var(--people-header-height)) / 7) + 14px) !important;
    font-size: 12px !important;
  }

  [local-style="5208480"] .people-team-copy > .people-marker {
    width: 18px !important;
    height: 5px !important;
  }

  [local-style="5208480"] .people-team-text {
    right: calc(((100vh - var(--people-header-height)) / 7) + 14px) !important;
    bottom: 24px !important;
    left: 14px !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    width: auto !important;
  }

  [local-style="5208480"] .people-text-column h1,
  [local-style="5208480"] .people-text-column h2 {
    margin-bottom: 14px !important;
    font-size: 18px !important;
  }

  [local-style="5208480"] .people-text-column p {
    font-size: 10.5px !important;
    line-height: 1.24 !important;
    text-align: left !important;
  }

  [local-style="5208480"] .people-team-strip {
    top: var(--people-header-height) !important;
    right: 0 !important;
    bottom: 0 !important;
    width: calc((100vh - var(--people-header-height)) / 7) !important;
  }

  [local-style="5208480"] .people-founders {
    min-height: 0 !important;
    padding: var(--people-header-height) 20px 52px !important;
  }

  [local-style="5208480"] .people-founders-heading {
    padding-top: 38px !important;
  }

  [local-style="5208480"] .people-founders-grid {
    grid-template-columns: 1fr !important;
    gap: 70px !important;
    margin-top: 62px !important;
  }

  [local-style="5208480"] .people-founder-photo {
    aspect-ratio: 1 / 1.08 !important;
  }

  [local-style="5208480"] .people-founder h2 {
    margin-top: 26px !important;
    font-size: 27px !important;
  }

  [local-style="5208480"] .people-founder p {
    margin-top: 28px !important;
    font-size: 16px !important;
    text-align: left !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  [local-style="5208480"] {
    scroll-snap-type: none;
  }
}


/* ==================================================
   FL-ARE — AJUSTE MARCA INFERIOR v2.0
   Pegar al final del CSS.
   Reduce el PNG Ferrandiz Lombao solo en escritorio.
   No modifica la version movil ni los enlaces sociales.
   ================================================== */

body:not(.mobile) [local-style="38440003"] [grid-col="x11"] > b {
  width: 33.6vw !important;
  left: calc(100% - 33.6vw) !important;
}


/* ==================================================
   FL-ARE — HEADER MOVIL v1.4
   Elimina el separador entre Servicios y Personas y
   reduce al 90% el tamaño de los textos del menú móvil.
   Solo afecta a la vista móvil.
   Pegar al final del CSS de Cargo.
   ================================================== */

body.mobile .page_container.overlay.fixed [grid-col="10"] small a:nth-of-type(2),
body.mobile .page_container.overlay.fixed [grid-col="x10"] small a:nth-of-type(2) {
  padding-right: 0 !important;
  border-right: 0 !important;
}

body.mobile .page_container.overlay.fixed [grid-col="10"] small a,
body.mobile .page_container.overlay.fixed [grid-col="x10"] small a {
  font-size: clamp(9px, 2.43vw, 10.8px) !important;
}


/* ==================================================
   FL-ARE — HEADER MOVIL v1.5
   Ajuste posterior a la v1.4: acerca los enlaces
   al borde derecho del header móvil.
   Solo afecta a la vista móvil.
   Pegar al final del CSS de Cargo, después de la v1.4.
   ================================================== */

/* Deja en el borde derecho la misma separación que entre enlaces. */
body.mobile .page_container.overlay.fixed [grid-col="10"] small,
body.mobile .page_container.overlay.fixed [grid-col="x10"] small {
  position: relative !important;
  left: 6px !important;
}


/* ==================================================
   FL-ARE — PROYECTOS v1.7
   Retícula más compacta, zoom suave en escritorio
   y año superpuesto en la esquina inferior derecha.
   Solo afecta al índice oficial de Proyectos (PID 5223865).
   Pegar al final del CSS actual.
   ================================================== */

/* Separación compacta en escritorio: 12 px entre imágenes. */
@media screen and (min-width: 769px) {
  body[data-page-id="5223865"] [thumbnails] .thumbnail {
    position: relative !important;
    width: calc(33.333333% - 12px) !important;
  }

  body[data-page-id="5223865"] [thumbnails-pad] {
    padding: 6px !important;
  }

  body[data-page-id="5223865"] [thumbnails-gutter] {
    margin: -6px !important;
  }

  /* Zoom y aclarado progresivos al pasar el ratón. */
  body[data-page-id="5223865"] .thumbnails .thumb_image {
    overflow: hidden !important;
  }

  body[data-page-id="5223865"] .thumbnails .thumb_image img {
    transform: scale(1) !important;
    transition: filter 650ms ease, transform 650ms ease !important;
    will-change: filter, transform;
  }

  body[data-page-id="5223865"] .thumbnails .thumbnail > a.image-link:hover .thumb_image img,
  body[data-page-id="5223865"] .thumbnails .thumbnail > a.image-link:focus-visible .thumb_image img {
    filter: brightness(1) !important;
    transform: scale(1.06) !important;
  }
}

/* Separación compacta en móvil: 8 px entre imágenes. */
@media screen and (max-width: 768px) {
  body.mobile[data-page-id="5223865"] [thumbnails] .thumbnail {
    position: relative !important;
    width: calc(50% - 8px) !important;
  }

  body.mobile[data-page-id="5223865"] [thumbnails-pad] {
    padding: 4px !important;
  }

  body.mobile[data-page-id="5223865"] [thumbnails-gutter] {
    margin: -4px !important;
  }
}

/* Año integrado en la esquina inferior derecha de la imagen. */
body[data-page-id="5223865"] .thumbnails .tags {
  position: absolute !important;
  right: 10px !important;
  bottom: 10px !important;
  z-index: 3 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  text-align: right !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75) !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

body[data-page-id="5223865"] .thumbnails .tags a {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
  pointer-events: none !important;
}

@media screen and (max-width: 768px) {
  body.mobile[data-page-id="5223865"] .thumbnails .tags {
    right: 7px !important;
    bottom: 7px !important;
    font-size: 12px !important;
  }
}


/* ==================================================
   FL-ARE — PROYECTOS v1.8
   Fondo de Trabajos Presentes igual al header.
   Solo afecta al índice oficial de Proyectos (PID 5223865).
   Pegar al final del CSS actual, después de la v1.7.
   ================================================== */

body[data-page-id="5223865"],
body[data-page-id="5223865"] .main_container,
body[data-page-id="5223865"] .content_container,
body[data-page-id="5223865"] .page_container,
body[data-page-id="5223865"] .page_background,
body[data-page-id="5223865"] .page,
body[data-page-id="5223865"] .page_content,
body[data-page-id="5223865"] bodycopy {
  background-color: #1e1e1e !important;
}


/* ==================================================
   FL-ARE — PROYECTOS MOVIL v1.9
   Separa ligeramente la primera fila del header fijo.
   Solo afecta a Trabajos Presentes (PID 5223865).
   Pegar al final del CSS actual, después de v1.8.
   ================================================== */

@media screen and (max-width: 768px) {
  body.mobile[data-page-id="5223865"] [thumbnails] {
    margin-top: 16px !important;
  }
}