/* ============================================
   ZAF — GLOBAL FINAL UI
   CLEAN / MINIMAL / RESPONSIVE
============================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root{
  --zaf-accent: #0c828e;
  --zaf-accent-hover:#0c828e;
  --zaf-bg-soft:#f891110f;
  --zaf-border:#ffc224;
  --zaf-text:#3f3f3f;
  --zaf-radius:28px;
}

/* ============================================
   BASE
============================================ */

html,
body,
button,
input,
textarea,
select,
.wp-site-blocks,
.wp-site-blocks *{
  font-family:'Inter',sans-serif!important;
  box-sizing:border-box;
}

body{
  color:var(--zaf-text);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* ============================================
   GLOBAL CONTENT
============================================ */

.entry-content,
.wp-block-post-content{
  width:100%!important;
  max-width:1440px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:30px!important;
  padding-right:30px!important;
  box-sizing:border-box!important;
}

.has-global-padding{
  padding-left:30px!important;
  padding-right:30px!important;
}

/* Evita espacios verticales absurdos Gutenberg */

.entry-content > *{
  margin-top:0!important;
}

/* ============================================
   HERO / COVER
============================================ */

.wp-block-cover{
  overflow:hidden;
  border-radius:var(--zaf-radius);
  margin-top:18px!important;
  margin-bottom:34px!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

.wp-block-cover.aligncenter.has-custom-css.wp-custom-css-741fa10c{
  min-height:640px!important;
}

.wp-block-cover__image-background{
  object-fit:cover!important;
  object-position:center center!important;
}

.wp-block-cover__background{
  opacity:.42!important;
}

.wp-block-cover__inner-container{
  padding:42px!important;
}

/* Titulares hero */

.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover h3{
  margin:0!important;
  padding:0!important;
  line-height:.92!important;
  letter-spacing:-.06em!important;
  font-weight:800!important;
  font-size:clamp(42px,7vw,92px)!important;
}

/* Espaciado hero */

.wp-block-cover h2 + figure{
  margin-top:24px!important;
}

.wp-block-cover figure + h2{
  margin-top:18px!important;
}

/* ============================================
   LOGO HERO
============================================ */

.wp-block-cover figure.wp-block-image{
  width:220px!important;
  max-width:220px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:0!important;
}

.wp-block-cover figure.wp-block-image img{
  width:220px!important;
  max-width:220px!important;
  height:auto!important;
  border-radius:0!important;
  display:block;
}

.wp-block-cover .lightbox-trigger{
  display:none!important;
}

/* ============================================
   TEXTOS
============================================ */

.entry-content p{
  font-size:16px;
  line-height:1.85;
  color:#4b4b4b;
}

.entry-content strong{
  color:var(--zaf-accent);
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.wp-block-heading{
  color:var(--zaf-accent);
  letter-spacing:-.04em;
}

/* ============================================
   BLOCKQUOTE — FIX DEFINITIVO
============================================ */

.entry-content .wp-block-quote,
.wp-block-post-content .wp-block-quote{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:26px 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

.entry-content .wp-block-quote > p,
.wp-block-post-content .wp-block-quote > p{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:24px 28px!important;
  box-sizing:border-box!important;

  background: var(--zaf-bg-soft);
border: 1px solid var(--zaf-border) !important;
  border-left:5px solid var(--zaf-accent)!important;
  border-radius:22px!important;

  color:var(--zaf-accent)!important;
  font-style:italic!important;
  font-weight:600!important;
  line-height:1.65!important;

  overflow-wrap:break-word!important;
  word-break:normal!important;
}

.entry-content .wp-block-quote > p[style],
.wp-block-post-content .wp-block-quote > p[style]{
  margin:0!important;
  padding:24px 28px!important;
    border: 1px solid var(--zaf-border) !important;
  border-left:5px solid var(--zaf-accent)!important;
  border-radius:22px!important;
  background:#f891110f!important;
}

.entry-content .wp-block-quote > p strong,
.wp-block-post-content .wp-block-quote > p strong{
  color:var(--zaf-accent)!important;
  display:inline!important;
}

/* ============================================
   BLOQUES DESTACADOS
============================================ */

.entry-content p[style*="border-width"]:not(.wp-block-quote p){
  padding:26px!important;
  border:1px solid var(--zaf-border)!important;
  border-radius:24px!important;
  background:var(--zaf-bg-soft);
  margin-top:22px!important;
  margin-bottom:22px!important;
}

/* ============================================
   IMÁGENES
============================================ */

.entry-content figure.wp-block-image:not(.alignfull):not(.alignwide){
  max-width:620px!important;
  width:100%!important;
  margin:26px auto!important;
}

.entry-content figure.wp-block-image:not(.alignfull):not(.alignwide) img{
  width:100%!important;
  height:auto!important;
  border-radius:24px;
  display:block;
}

/* ============================================
   MEDIA TEXT
============================================ */

.wp-block-media-text{
  margin-top:28px!important;
  margin-bottom:28px!important;
  border-radius:24px;
  overflow:hidden;
  border:1px solid var(--zaf-border);
  background:var(--zaf-bg-soft);
  max-width:100%!important;
  box-sizing:border-box!important;
}

.wp-block-media-text__content{
  padding:32px!important;
}

.wp-block-media-text__media{
  padding:18px;
  background:#ffffff;
}

.wp-block-media-text__media img{
  width:100%!important;
  height:auto!important;
  border-radius:18px;
  object-fit:contain!important;
}

/* ============================================
   GALERÍAS
============================================ */

.wp-block-jetpack-tiled-gallery{
  margin-top:28px!important;
  margin-bottom:28px!important;
  padding:10px!important;
  border-radius:24px;
  border:1px solid var(--zaf-border);
  background:var(--zaf-bg-soft);
  max-width:100%!important;
  box-sizing:border-box!important;
}

.tiled-gallery__gallery,
.tiled-gallery__row{
  gap:10px!important;
}

.tiled-gallery__item{
  border-radius:18px;
  overflow:hidden;
}

/* ============================================
   FORMULARIO
============================================ */

.contact-form,
.jetpack-contact-form__form{
  margin-top:34px;
  padding:30px;
  border-radius:24px;
  border:1px solid var(--zaf-border);
}

.wp-block-jetpack-input,
.grunion-field,
.contact-form input,
.contact-form textarea{
  border-radius:16px;
}

/* ============================================
   BOTONES
============================================ */

.wp-block-button__link,
.wp-element-button,
.contact-form button[type="submit"]{
  background:var(--zaf-accent)!important;
  border-radius:999px!important;
  padding:15px 30px!important;
  color:#fff!important;
  border:none!important;
}

.wp-block-button__link:hover,
.wp-element-button:hover,
.contact-form button[type="submit"]:hover{
  background:var(--zaf-accent-hover)!important;
}

/* ============================================
   MOBILE
============================================ */

@media (max-width:781px){

  .entry-content,
  .wp-block-post-content,
  .has-global-padding{
    padding-left:30px!important;
    padding-right:30px!important;
  }

  .wp-block-cover{
    border-radius:22px;
    margin-top:14px!important;
    margin-bottom:24px!important;
  }

  .wp-block-cover__inner-container{
    padding:28px!important;
  }

  .wp-block-cover h1,
  .wp-block-cover h2,
  .wp-block-cover h3{
    font-size:42px!important;
  }

  .wp-block-cover figure.wp-block-image,
  .wp-block-cover figure.wp-block-image img{
    width:150px!important;
    max-width:150px!important;
  }

  .entry-content figure.wp-block-image:not(.alignfull):not(.alignwide){
    max-width:100%!important;
  }

  .entry-content figure.wp-block-image:not(.alignfull):not(.alignwide) img{
    max-width:100%!important;
  }

  .wp-block-media-text{
    display:block!important;
  }

  .wp-block-media-text__content{
    padding:24px!important;
  }

  .entry-content p{
    font-size:15px;
    line-height:1.75;
  }

  .contact-form,
  .jetpack-contact-form__form{
    padding:24px;
  }

  .entry-content .wp-block-quote,
  .wp-block-post-content .wp-block-quote{
    margin:22px 0!important;
  }

  .entry-content .wp-block-quote > p,
  .wp-block-post-content .wp-block-quote > p,
  .entry-content .wp-block-quote > p[style],
  .wp-block-post-content .wp-block-quote > p[style]{
    padding:22px!important;
    border-radius:20px!important;
  }
}

html body.wpcom-coming-soon-body {
  background: #ffffff !important;
}

.wpcom-coming-soon-description {
    color: black !important;
}

body.wpcom-coming-soon-body .wpcom-coming-soon-main{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background:#ffffff!important;
  padding:40px!important;
}

body.wpcom-coming-soon-body .wpcom-coming-soon-main::before{
  content:"";
  display:block;
  width:260px;
  max-width:80vw;
  aspect-ratio:1357 / 547;
  margin:0 auto 34px auto;

  background-image:url("https://i0.wp.com/zaragozartfair.com/wp-content/uploads/2026/04/logo-zaf-logo-4-e1779376651543.webp?fit=1357%2C547&ssl=1");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

body.wpcom-coming-soon-body .wpcom-coming-soon-description{
  text-align:center!important;
}
body.wpcom-coming-soon-body .wpcom-coming-soon-description span{
  display:block;
  color:#000000!important;
  font-family:'Inter',sans-serif!important;
  font-size:clamp(42px,6vw,76px)!important;
  line-height:1!important;
  font-weight:800!important;
}