/*
Theme Name:   Avada Child — L'Arxiu Déco
Theme URI:    https://aloewebs.com
Description:  Tema fill d'Avada amb l'acabat Art Déco (negre i or) per a l'arxiu d'arquitectura.
Author:       Aloewebs
Template:     Avada
Version:      1.0.2
Text Domain:  avada-child-deco
*/

/* ============================================================
   IMPORTANT
   - "Template: Avada" ha de coincidir EXACTAMENT amb el nom de
     la carpeta del tema pare. Si la teva carpeta Avada es diu
     diferent, canvia aquí el valor.
   - Aquest CSS assumeix que el color d'accent (Primary Color)
     i les tipografies bàsiques ja les has posat a Global Options
     (mira el checklist que t'he passat al xat). Aquí només afegim
     els "acabats" Déco que l'Avada no fa de forma nativa.
   ============================================================ */

/*
Theme Name:   Avada Child — L'Arxiu Déco
Theme URI:    https://aloewebs.com
Description:  Tema fill d'Avada amb l'acabat Art Déco (negre i or) per a l'arxiu d'arquitectura.
Author:       Aloewebs
Template:     Avada
Version:      1.1.0
Text Domain:  avada-child-deco
*/

body .otgs-development-site-front-end {
	display: none;
}

/* ============================================================
   v1.1 — DIVISIÓ DE FEINA
   - Els COLORS i les TIPOGRAFIES els governa Global Options
     (paleta color1–8 i typography_sets), via el JSON importat.
   - Aquest CSS només afegeix els ACABATS Déco que l'Avada no fa
     de forma nativa: or metàl·lic, cantonades bisellades, marc
     decoratiu i sanefes. Per això ja NO forcem aquí colors de
     text, enllaços ni menú (abans es barallaven amb la paleta).
   - "Template: Avada" ha de coincidir amb el nom exacte de la
     carpeta del tema pare.
   ============================================================ */

/* POIRET ONE */
@font-face {
    font-family: 'Poiret One';
    src: url('./fonts/PoiretOne-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poiret One';
    src: url('./fonts/PoiretOne-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* AVENIR LIGHT */
@font-face {
    font-family: 'Avenir';
    src: url('./fonts/Avenir-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('./fonts/Avenir-LightOblique.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* AVENIR BOOK */
@font-face {
    font-family: 'Avenir';
    src: url('./fonts/Avenir-Book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('./fonts/Avenir-BookOblique.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* AVENIR MEDIUM */
@font-face {
    font-family: 'Avenir';
    src: url('./fonts/Avenir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('./fonts/Avenir-MediumOblique.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* AVENIR HEAVY */
@font-face {
    font-family: 'Avenir';
    src: url('./fonts/Avenir-Heavy.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('./fonts/Avenir-HeavyOblique.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* AVENIR BLACK */
@font-face {
    font-family: 'Avenir';
    src: url('./fonts/Avenir-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('./fonts/Avenir-BlackOblique.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* PEIGNOT */
@font-face {
    font-family: 'Peignot';
    src: url('./fonts/Peignot.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* RIESLING */
@font-face {
    font-family: 'Riesling';
    src: url('./fonts/riesling.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


:root{
  --deco-gold:#c9a24b;
  --deco-gold-hi:#f6ecb8;
  --deco-gold-lo:#8a6a2b;
  --deco-brass:#6f5320;
  --deco-metal:linear-gradient(150deg,#7a5c27 0%,#c9a24b 26%,#f6ecb8 50%,#c9a24b 70%,#6f5320 100%);
  --deco-bevel:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);
  --deco-bevel-sm:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);
  --tipografia-titol: 'Poiret One', 'Trebuchet MS', Arial, sans-serif;
  --tipografia-cos: 'Avenir', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --tipografia-subtitol: 'Peignot', 'Trebuchet MS', Arial, sans-serif;
  --tipografia-especial: 'Riesling', Georgia, 'Times New Roman', serif;
  --metal: linear-gradient(150deg,#7a5c27 0%,#c9a24b 26%,#f6ecb8 50%,#c9a24b 70%,#6f5320 100%);
}

/* TEXT */
body {
    font-family: var(--tipografia-cos);
    font-weight: 300;
}

/* TÍTOLS */
h1,
h2,
#wrapper #main .fusion-post-content > h2.fusion-post-title,
h3,
h4,
h5,
h6 {
    font-family: var(--tipografia-titol);
    font-weight: 700;
}

/* Textura laquejada molt subtil damunt del negre */
#wrapper::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(201,162,75,.08), transparent 55%),
    radial-gradient(90% 60% at 50% 120%, rgba(201,162,75,.05), transparent 60%);
}
#main, .fusion-footer{ position:relative; z-index:1; }

/* ---- Utilitat: títol en OR METÀL·LIC ----
   Afegeix la classe "deco-gold" al camp "CSS Class" d'un element Títol. */
.deco-gold, .deco-gold .fusion-title-heading{
  background:var(--deco-metal);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent !important;
}

/* ---- Botons Avada: cantonada bisellada + acabat d'or metàl·lic ----
   (la tipografia/majúscules ja venen de button_typography a Global Options) */
.fusion-button.button-default,
.fusion-button{
  clip-path:var(--deco-bevel-sm);
  border:0 !important;
  background:var(--deco-metal) !important;
  color:#1a1305 !important;
  transition:filter .25s;
}
.fusion-button:hover{ filter:brightness(1.12); }

/* ---- Utilitat: fitxa/plafó amb marc metàl·lic bisellat ----
   Posa "deco-card" (i opcionalment "deco-inline") en una Columna o Contenidor. */
.deco-card{
  background:var(--deco-metal) !important;
  clip-path:var(--deco-bevel);
  padding:2px !important;
}
.deco-card > .fusion-column-wrapper,
.deco-card .fusion-column-inner,
.deco-card > *{
  background:linear-gradient(180deg,#15110a,#0a0806);
  clip-path:var(--deco-bevel);
}
.deco-card:hover{ filter:brightness(1.06); }

.deco-inline{ position:relative; }
.deco-inline::after{
  content:""; position:absolute; inset:10px;
  border:1px solid rgba(201,162,75,.20);
  clip-path:var(--deco-bevel-sm); pointer-events:none;
}

/* ---- Separador de galons (chevrons) ----
   Element "Separador" d'Avada amb la classe "deco-divider". */
.deco-divider{
  display:flex; align-items:center; justify-content:center; gap:14px;
  color:var(--deco-gold); margin:24px 0;
}
.deco-divider::before,
.deco-divider::after{
  content:""; height:1px; width:min(220px,26vw);
  background:linear-gradient(90deg,transparent,var(--deco-brass),var(--deco-gold));
}
.deco-divider::after{ background:linear-gradient(270deg,transparent,var(--deco-brass),var(--deco-gold)); }

/* ---- Camps de formulari: només la cantonada bisellada (el color el posa la paleta) ---- */
input[type=text], input[type=search], input[type=email], textarea, select{
  clip-path:var(--deco-bevel-sm);
}

.poiret {
	font-family: var(--tipografia-titol);
}
.logo {
	color: var(--awb-color4);
	font-size: 2rem;
}
  /* ---- hero ---- */
  .hero > div {position:relative;text-align:center;padding:26px 0 !important;overflow:hidden !important; }
  .sunburst > * {
    position:absolute;top:50%;left:50%;width:min(760px,120vw) !important;aspect-ratio:1;
    transform:translate(-50%,-52%) !important;z-index:0;
    background:repeating-conic-gradient(from 0deg,rgba(201,162,75,.42) 0deg 1.25deg,transparent 1.25deg 5.5deg) !important;
    -webkit-mask:radial-gradient(circle at center,#000 0,#000 20%,rgba(0,0,0,.55) 40%,transparent 70%);
            mask:radial-gradient(circle at center,#000 0,#000 20%,rgba(0,0,0,.55) 40%,transparent 70%);
    opacity:0;
    animation:burst 1.5s .15s cubic-bezier(.2,.7,.2,1) forwards;
  }
  @keyframes burst{from{opacity:0;transform:translate(-50%,-52%) scale(.6) rotate(-6deg)}to{opacity:1;transform:translate(-50%,-52%) scale(1) rotate(0)}}
  .hero-inner{position:relative;z-index:1}
  .hero p.lede{
    margin:22px auto 0;max-width:52ch;color:var(--ivory-dim);
    font-size:clamp(.95rem,1.6vw,1.08rem);font-weight:300;letter-spacing:.02em;
  }
.gold-text {
	background: var(--metal);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.deco-rule{
  height:1px;
  border:0;
  background:linear-gradient(90deg,transparent,var(--deco-brass) 12%,var(--deco-gold) 50%,var(--deco-brass) 88%,transparent);
}
/* ===== Art Déco Atlas · capçalera i peu ===== */
.ada-wordmark{font-family:"Poiret One",sans-serif;font-size:40px;letter-spacing:.04em;color:var(--awb-color5)!important;line-height:1;white-space:nowrap}
.ada-wordmark:hover{color:var(--awb-color5)!important}
.ada-rule{height:1px;background:linear-gradient(90deg,transparent 0%,var(--awb-color5) 12%,var(--awb-color5) 88%,transparent 100%);opacity:.75}
.ada-rule--dark{background:linear-gradient(90deg,transparent 0%,rgba(201,162,75,.35) 20%,rgba(201,162,75,.35) 80%,transparent 100%);opacity:1}
.ada-quote p{font-family:"Poiret One",sans-serif;font-size:clamp(24px,2.6vw,38px);line-height:1.35;letter-spacing:.06em;text-transform:uppercase;text-align:center;margin:0}
.ada-footer-title .title-heading-left,.ada-footer-title h4{font-family:"Josefin Sans",sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.28em!important;text-transform:uppercase;color:var(--awb-color4)!important;margin:0!important}
.ada-footer-links ul{list-style:none;margin:0;padding:0}
.ada-footer-links li{margin:0 0 9px}
.ada-footer-links a,.ada-footer-text p{font-size:13px;font-weight:300;color:rgba(236,227,205,.6)!important;letter-spacing:.02em}
.ada-footer-links a:hover{color:var(--awb-color4)!important}
.ada-social .fusion-social-network-icon{border:1px solid var(--awb-color5)!important;width:38px;height:38px;display:inline-flex!important;align-items:center;justify-content:center}
.ada-newsletter .fusion-form-field{margin:0!important}
.ada-newsletter form .fusion-layout-column{margin:0!important}
.ada-newsletter input[type=email]{background:transparent!important;border:1px solid rgba(201,162,75,.6)!important;border-right:0!important;color:#ece3cd!important;height:44px}
.ada-newsletter input::placeholder{color:rgba(236,227,205,.5)}
.ada-newsletter .fusion-button{height:44px;padding:0 18px!important;background:linear-gradient(135deg,#e8d29a,#b08a3e)!important;color:var(--awb-color8)!important}
.ada-copyright p{font-size:11px;letter-spacing:.3em;text-transform:uppercase;text-align:center;color:rgba(236,227,205,.55);margin:0}
.ada-burst img{display:block;margin:0 auto}
@media (max-width:1024px){.ada-wordmark{font-size:30px}}
@media (max-width:640px){.ada-wordmark{font-size:24px}.ada-footer-col{text-align:center}.ada-footer-col .fusion-social-links{justify-content:center}}

/* ===== Art Déco Atlas · portada ===== */
.ada-eyebrow p{font-size:12px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--awb-color5);margin:0}
.ada-hero-title h1,.ada-hero-title .title-heading-left{font-family:"Poiret One",sans-serif!important;font-size:clamp(56px,6vw,96px)!important;line-height:1!important;letter-spacing:.04em!important;text-transform:uppercase;color:var(--awb-color5)!important;margin:0!important}
.ada-hero-lead p{font-size:16px;line-height:1.75;max-width:520px;color:var(--awb-color7);margin:0}

.ada-stats ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:36px}
.ada-stats li{display:flex;align-items:center;gap:14px}
.ada-stats i{font-size:26px;color:var(--awb-color5)}
.ada-stats strong{display:block;font-family:"Poiret One",sans-serif;font-weight:400;font-size:44px;line-height:1;color:var(--awb-color7)}
.ada-stats em{display:block;font-style:normal;font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--awb-color6);margin-top:4px}

.ada-search{position:relative;display:flex;gap:12px;max-width:440px;margin:0 auto;padding:18px;border:1px solid var(--awb-color5);background:var(--awb-color1);outline:1px solid var(--awb-color5);outline-offset:6px}
.ada-search:before,.ada-search:after{content:"";position:absolute;left:50%;width:10px;height:10px;background:var(--awb-color5);transform:translateX(-50%) rotate(45deg)}
.ada-search:before{top:-12px}.ada-search:after{bottom:-12px}
.ada-search input{flex:1;min-width:0;height:42px;border:1px solid var(--awb-color3)!important;background:var(--awb-color2)!important;padding:0 14px!important;font-size:13px;color:var(--awb-color7)}
.ada-search button{height:42px;padding:0 26px;border:0;background:var(--awb-color5);color:#fff;font-family:"Josefin Sans",sans-serif;font-weight:600;font-size:12px;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:background .2s}
.ada-search button:hover{background:var(--awb-color7)}

.ada-section-title .title-heading-center,.ada-section-title h2{font-family:"Poiret One",sans-serif!important;font-size:28px!important;letter-spacing:.2em!important;color:var(--awb-color7)!important;padding:0 24px!important}
.ada-section-title .title-sep{border-color:var(--awb-color4)!important}

.ada-photo-carousel .fusion-carousel-item-wrapper,.ada-mini-gallery .fusion-gallery-image,.ada-framed img{border:1px solid var(--awb-color3);padding:4px;background:var(--awb-color1)}
.ada-photo-carousel .fusion-nav-prev,.ada-photo-carousel .fusion-nav-next{background:transparent!important;color:var(--awb-color5)!important}

.ada-countries ul{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 36px}
.ada-countries a{font-family:"Poiret One",sans-serif;color:var(--awb-color7)!important;line-height:1.1;transition:color .2s}
.ada-countries .gold a{color:var(--awb-color5)!important}
.ada-countries .light a{color:var(--awb-color4)!important}
.ada-countries a:hover{color:var(--awb-color5)!important}
.ada-countries sup{font-family:"Josefin Sans",sans-serif;font-size:10px;margin-left:3px;color:var(--awb-color4);vertical-align:super}
.ada-countries .xl a{font-size:52px}.ada-countries .l a{font-size:34px}.ada-countries .m a{font-size:27px}.ada-countries .s a{font-size:23px}.ada-countries .xs a{font-size:19px}

.ada-person{text-align:center}
.ada-monogram{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;border:1px solid var(--awb-color4);outline:1px solid var(--awb-color3);outline-offset:4px;font-family:"Poiret One",sans-serif;font-size:26px;color:var(--awb-color7);margin-bottom:22px}
.ada-person h4{font-family:"Poiret One",sans-serif;font-size:18px;margin:0 0 4px!important;color:var(--awb-color7)}
.ada-person p{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--awb-color6);margin:0}

.ada-card > .fusion-column-wrapper {background:linear-gradient(180deg,#faf5ea 0%,#f2e8d4 100%);border:1px solid var(--awb-color3);outline:1px solid var(--awb-color3);outline-offset:-10px}
.ada-card-title h3,.ada-card-title .title-heading-left{font-family:"Poiret One",sans-serif!important;font-size:28px!important;line-height:1.2!important;color:var(--awb-color7)!important;margin:0!important}
.ada-card-meta p{font-size:12px;letter-spacing:.12em;color:var(--awb-color6);margin:0}
.ada-card-text p{font-size:14px;line-height:1.8;margin:0}
.ada-btn-outline{letter-spacing:.28em!important}
.fusion-counters-box i.counter-box-icon {
	color: var(--awb-color4);
}
.ada-mapa { --ada-mapa-alcada: calc(100vh - 90px); } /* 90px = alçada de la capçalera */
.titol_edifici > div { position: absolute !important; bottom: 0; top: 0; left: 0; right: 0; }
#contenidor_titol_edifici { position: absolute; left: 5%; width: 88%; bottom: 2%; top: 2%; }

@media (max-width:1024px){.ada-search-col{background-size:80%!important}.ada-countries .xl a{font-size:40px}}
@media (max-width:640px){.ada-stats ul{gap:22px}.ada-stats strong{font-size:34px}.ada-search{flex-direction:column}.ada-countries ul{gap:6px 20px}.ada-countries .xl a{font-size:34px}.ada-countries .l a{font-size:26px}}