/* =========================================================================
 * Beira Aquaculture — theme design CSS
 * Reescrito para fidelidad exacta con el estático (valores extraídos
 * literalmente del HTML original, no reinterpretados).
 * ===================================================================== */

:root{
  --ink:#04121F; --ink-2:#07203A; --navy:#0A2E4D; --line:rgba(140,190,225,.16);
  --accent:#18A5E0; --accent-2:#0B5F9E; --accent-soft:rgba(24,165,224,.14);
  --paper:#E9F2F8; --muted:#94AEC2;
  --card-bg:#061C31;
  --font-heading:'Archivo',system-ui,sans-serif; --font-body:'Manrope',system-ui,sans-serif;
  --header-height: 78px;
  --max-w: 1560px;
}

/* ---------- Reset / base ---------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#E9F2F8;font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;font-weight:300}
h1,h2,h3,h4,h5,.wp-block-heading{font-family:var(--font-heading);font-weight:600;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty;font-weight:300}
a{color:#7FD0F2;text-decoration:none}
a:hover{color:var(--accent)}
::selection{background:rgba(24,165,224,.3)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
img{max-width:100%;display:block}
.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:clamp(20px,4vw,56px)}
.wp-block-group.has-container{max-width:var(--max-w);margin-inline:auto;padding-inline:clamp(20px,4vw,56px)}
/* Bootstrap .container convive con el ancho fluido del diseño original */
.container.container{max-width:var(--max-w)}

@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.16)}}
@keyframes drift{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes sheen{0%{opacity:.25}50%{opacity:.6}100%{opacity:.25}}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    [data-reveal]{animation:rise .9s cubic-bezier(.2,.7,.2,1) both;animation-timeline:view();animation-range:entry 0% cover 18%}
  }
}
.editor-styles-wrapper [data-reveal]{opacity:1 !important;transform:none !important;animation:none !important}

/* ---------- Sections (data-bg bridge) ---------- */
.wp-block-group[data-bg]{padding-block:clamp(90px,12vw,170px)}
.wp-block-group[data-bg="ink"]{background:var(--ink);color:#E9F2F8}
.wp-block-group[data-bg="paper"]{background:var(--ink);color:#E9F2F8} /* el diseño original no tiene secciones claras: todo es --ink */
.wp-block-group[data-bg="band"]{background:linear-gradient(180deg,#04121F,#072544 55%,#04121F)}
.section-eyebrow,.beira-eyebrow{display:block;font-size:11px;letter-spacing:.32em;color:#7FD0F2;font-weight:600;margin-bottom:14px;text-transform:uppercase}
.beira-accent{color:var(--accent)}
.beira-statement{font-size:clamp(28px,3.5vw,54px) !important;line-height:1.16 !important;letter-spacing:-.03em !important;font-weight:400 !important}

/* ---------- Buttons: SIEMPRE outline (nunca relleno), esquinas 8px ---------- */
.beira-btn{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line);color:#C6DAE8;font-size:13px;font-weight:600;letter-spacing:.06em;padding:15px 26px;border-radius:8px;transition:border-color .35s ease,color .35s ease,transform .35s ease;text-decoration:none;background:transparent}
.beira-btn:hover{border-color:rgba(24,165,224,.55);color:#F2F8FC;transform:translateY(-2px)}
.beira-btn--glow{border-color:var(--accent);color:#F2F8FC}
.beira-btn--glow:hover{background:rgba(24,165,224,.16);box-shadow:0 0 40px rgba(24,165,224,.32);color:#F2F8FC}
/* Puente para core/button (gotcha 45/65) */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px}
.wp-block-button{display:inline-flex}
.wp-block-button__link,.wp-element-button{border:1px solid var(--line) !important;background:transparent !important;color:#C6DAE8 !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.06em !important;padding:15px 26px !important;border-radius:8px !important;text-transform:none !important;transition:border-color .35s ease,color .35s ease,transform .35s ease !important}
.wp-block-button__link:hover{border-color:rgba(24,165,224,.55) !important;color:#F2F8FC !important;transform:translateY(-2px)}
.wp-block-button.is-style-fill .wp-block-button__link{border-color:var(--accent) !important;color:#F2F8FC !important}
.wp-block-button.is-style-fill .wp-block-button__link:hover{background:rgba(24,165,224,.16) !important;box-shadow:0 0 40px rgba(24,165,224,.32)}

/* ---------- Filled badge/tag (sharp corners, dark text on accent) ---------- */
.beira-badge{display:inline-flex;font-size:10.5px;letter-spacing:.18em;font-weight:600;color:var(--ink);background:var(--accent);padding:8px 15px;text-transform:uppercase}
.beira-badge--sm{font-size:10.5px;padding:7px 12px}

/* ---------- Header ---------- */
.site-header{position:fixed;top:0;left:0;right:0;z-index:200;background:transparent;border-bottom:1px solid transparent;transition:background .45s ease,backdrop-filter .45s ease,border-color .45s ease,padding .45s ease;padding-block:22px}
.site-header.is-scrolled{background:rgba(4,18,31,.82);backdrop-filter:blur(20px);border-bottom-color:var(--line);padding-block:13px}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1560px}
.site-header .wp-block-navigation{font-family:var(--font-body)}
.site-header .wp-block-navigation a{font-size:13px;font-weight:500;letter-spacing:.09em;color:#C6DAE8;text-transform:uppercase}
.site-header .wp-block-navigation a:hover{color:var(--accent)}
.site-header .wp-block-navigation__responsive-container-open svg,
.site-header .wp-block-navigation__responsive-container-close svg{fill:#E9F2F8}
.site-header .wp-block-navigation__responsive-container.is-menu-open{background:rgba(4,18,31,.98)}
.header-actions{display:flex;align-items:center;gap:.75rem}
.beira-brand{display:flex;align-items:center;text-decoration:none}
body{padding-top:0}

/* ---------- Breadcrumbs ---------- */
.breadcrumb-bar{margin-top:var(--header-height);background:var(--ink-2);border-bottom:1px solid var(--line);padding-block:.7rem;position:relative;z-index:1}
.breadcrumb-bar__inner{font-family:var(--font-body);font-size:.8rem;color:#E9F2F8;opacity:.6}
.breadcrumb-bar a{color:inherit;text-decoration:none}
.breadcrumb-bar a:hover{opacity:.9}
.breadcrumb-bar .breadcrumb_last{font-weight:500;opacity:.9}

/* ---------- Quote / pull-quote (core/quote) ---------- */
.wp-block-quote{max-width:1180px;margin-inline:auto;padding-inline:1rem;text-align:center;border:none}
.wp-block-quote p{font-family:var(--font-heading);font-size:clamp(24px,3.1vw,46px);line-height:1.28;letter-spacing:-.025em;color:#F2F8FC;font-weight:400;font-style:normal}
.wp-block-quote cite{display:block;margin-top:30px;font-size:12px;letter-spacing:.14em;color:#7A97AD;font-weight:500;font-style:normal;text-transform:uppercase}
/* Cita con regla izquierda (artículo de noticia) */
.beira-article-quote,.wp-block-quote.is-style-beira-rule{text-align:left;max-width:100%;margin-inline:0;padding-left:clamp(20px,2.4vw,34px);border-left:1px solid rgba(24,165,224,.5)}
.beira-article-quote p,.wp-block-quote.is-style-beira-rule p{font-size:clamp(20px,2.2vw,32px);line-height:1.35}
.beira-article-quote cite,.wp-block-quote.is-style-beira-rule cite{margin-top:16px;font-size:11.5px;letter-spacing:.16em}

/* ---------- Divider lists (Innovation / On site / Our markets) ---------- */
.beira-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.beira-list li{list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;padding:clamp(18px,2vw,30px) 0;border-bottom:1px solid var(--line);transition:padding-left .3s}
.beira-list li:hover{padding-left:clamp(10px,1.4vw,22px)}
.beira-list .beira-list__label{font-family:var(--font-heading);font-size:clamp(19px,1.8vw,29px);font-weight:500;letter-spacing:-.025em;color:#F2F8FC}
.beira-list .beira-list__tag{font-size:11px;letter-spacing:.2em;color:#6F8CA3;font-weight:600;text-transform:uppercase;text-align:right;white-space:nowrap}

/* ---------- Marquee strip ---------- */
.beira-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#061C31,#04121F);padding:26px 0;white-space:nowrap}
.beira-marquee__track{display:inline-flex;gap:0;animation:drift 46s linear infinite}
.beira-marquee__track span{display:inline-flex;align-items:center;gap:26px;padding:0 26px;font-family:var(--font-heading);font-size:clamp(15px,1.5vw,22px);font-weight:500;letter-spacing:-.01em;color:#8FB6D0}
.beira-marquee__track span i{color:var(--accent);font-style:normal}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid var(--line);background:var(--ink)}
.site-footer__top{padding-block:clamp(44px,5.5vw,72px)}
.site-footer__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:clamp(28px,4vw,60px)}
.site-footer__meta{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px,2.6vw,44px)}
.site-footer__meta span,.site-footer__meta a{font-size:14.5px;line-height:1.6;color:#A9C4D6;font-weight:300}
.site-footer__meta a{color:#7FD0F2}
.site-footer__divider{display:block;width:1px;height:16px;background:var(--line)}
.site-footer__bottom{border-top:1px solid var(--line)}
.site-footer__bottom-row{padding-block:clamp(18px,2vw,26px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.site-footer__copy{font-size:12px;color:#6F8CA3;letter-spacing:.04em}
.site-footer .wp-block-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(16px,2vw,30px)}
.site-footer .wp-block-navigation a{font-size:12px;letter-spacing:.06em;color:#6F8CA3}
.site-footer .wp-block-navigation a:hover{color:#7FD0F2}
.site-footer .wp-block-navigation ul,.site-footer .wp-block-navigation li{list-style:none;margin:0;padding:0}

/* ---------- Forms — Contact Form 7 ---------- */
.cf7-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(16px,1.8vw,26px)}
.cf7-field{margin-bottom:1.25rem}
.cf7-field--full{grid-column:1/-1}
.cf7-label{display:block;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-weight:600}
.wpcf7-form-control{width:100%;background:var(--card-bg);border:1px solid var(--line);border-radius:8px;padding:15px 16px;color:#F2F8FC;font-family:var(--font-body);font-size:15px;transition:border-color .3s ease}
.wpcf7-form-control:focus{outline:none;border-color:rgba(24,165,224,.6)}
select.wpcf7-form-control{appearance:none}
textarea.wpcf7-form-control{line-height:1.6;resize:vertical}
.cf7-field--submit{grid-column:1/-1;display:flex;flex-direction:column;gap:12px;margin-top:.5rem}
.wpcf7-submit{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--accent);background:transparent;color:#F2F8FC;border-radius:8px;padding:17px 30px;font-weight:600;letter-spacing:.06em;font-size:13.5px;cursor:pointer;transition:background .35s ease,box-shadow .35s ease,transform .35s ease;width:fit-content}
.wpcf7-submit:hover{background:rgba(24,165,224,.16);box-shadow:0 0 40px rgba(24,165,224,.32);transform:translateY(-2px)}
.cf7-privacy-note{font-size:12.5px;line-height:1.6;color:#6F8CA3;font-weight:300}
.wpcf7-not-valid-tip{color:#ff8080;font-size:.78rem;margin-top:.35rem}
.wpcf7-response-output{border-radius:8px;margin-top:1rem;font-size:.85rem}
@media (max-width:640px){.cf7-grid{grid-template-columns:1fr}}

/* ---------- core/media-text puente ---------- */
.wp-block-media-text{align-items:center;gap:clamp(24px,3.5vw,64px)}
.wp-block-media-text .wp-block-media-text__content{padding:0 !important}
figure.wp-block-media-text__media img{border-radius:0}

/* ---------- Native gallery → masonry con lightbox nativo ---------- */
.beira-masonry .wp-block-gallery{display:block;column-count:3;column-gap:clamp(14px,1.6vw,24px)}
.beira-masonry .wp-block-gallery figure{break-inside:avoid;margin:0 0 clamp(14px,1.6vw,24px);width:100%}
.beira-masonry .wp-block-gallery img{border-radius:0;width:100%;height:auto;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.beira-masonry .wp-block-gallery figure:hover img{transform:scale(1.05)}
@media (max-width:900px){.beira-masonry .wp-block-gallery{column-count:2}}
@media (max-width:560px){.beira-masonry .wp-block-gallery{column-count:1}}

/* ---------- Native block width-safety ---------- */
.wp-block-columns{gap:clamp(24px,3.5vw,64px)}
.wp-block-image img{border-radius:0}

@media (max-width:767px){
  .beira-list li,.wp-block-columns{flex-wrap:wrap}
}

/* ---------- News listing (home.html / category.html) ---------- */
.beira-news-head{padding:clamp(150px,20vh,220px) 0 clamp(24px,2.6vw,36px)}
.beira-news-head h1{font-size:clamp(38px,5.6vw,92px);line-height:1;letter-spacing:-.04em;font-weight:500;color:#F2F8FC}
.beira-news-filter{display:flex;gap:8px;flex-wrap:wrap;margin-top:clamp(24px,2.6vw,36px)}
.beira-news-filter__tab{display:inline-flex;padding:11px 20px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#C6DAE8}
.beira-news-filter__tab:hover{color:#F2F8FC;border-color:rgba(24,165,224,.55)}
.beira-news-filter__tab.is-active{background:rgba(24,165,224,.16);color:#F2F8FC;border-color:var(--accent)}
.beira-news-query{padding:clamp(34px,4vw,56px) 0 clamp(90px,12vw,170px)}
.beira-news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:clamp(20px,2.4vw,38px)}
.beira-news-card{background:var(--card-bg);border:1px solid var(--line);transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s,box-shadow .45s}
.beira-news-card:hover{transform:translateY(-4px);border-color:rgba(24,165,224,.5);box-shadow:0 24px 50px rgba(0,0,0,.45)}
.beira-news-card__media{position:relative;overflow:hidden;background:var(--navy);aspect-ratio:16/10;margin:0}
.beira-news-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}
.beira-news-card:hover .beira-news-card__media img{transform:scale(1.05)}
.beira-news-card__meta{padding:clamp(22px,2.2vw,32px) clamp(22px,2.2vw,32px) 0 !important;gap:14px}
.beira-news-card__tag{display:inline-flex;font-size:10.5px;letter-spacing:.16em;font-weight:600;color:var(--ink);background:var(--accent);padding:7px 12px;text-transform:uppercase}
.beira-news-card__tag a{color:inherit}
.beira-news-card__date{font-size:12px;color:var(--muted);font-weight:500}
.beira-news-card__title{margin:14px clamp(22px,2.2vw,32px) 0;font-size:clamp(20px,1.7vw,26px);line-height:1.2;letter-spacing:-.025em}
.beira-news-card__title a{color:#F2F8FC;font-weight:500}
.beira-news-card__link{display:block;margin:14px clamp(22px,2.2vw,32px) clamp(22px,2.2vw,32px);font-size:12.5px;font-weight:600;letter-spacing:.06em;color:#7FD0F2}

/* ---------- Article (single.html) ---------- */
.beira-article-head{padding:clamp(140px,18vh,200px) 0 0}
.beira-article-tag{display:inline-flex;font-size:10.5px;letter-spacing:.16em;font-weight:600;color:var(--ink);background:var(--accent);padding:7px 12px;margin-bottom:clamp(26px,3vw,40px);text-transform:uppercase}
.beira-article-tag a{color:inherit}
.beira-article-date{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:12px}
.beira-article-title{font-size:clamp(32px,4.4vw,68px);line-height:1.03;letter-spacing:-.035em;font-weight:500;color:#F2F8FC;margin-top:16px}
.wp-block-post-featured-image{margin:clamp(40px,5vw,72px) auto 0 !important;max-width:1400px}
.wp-block-post-featured-image img{aspect-ratio:16/9;object-fit:cover;border-radius:0}
.single .wp-block-post-content{padding-block:clamp(50px,6vw,90px) clamp(60px,8vw,110px);max-width:1100px;margin-inline:auto}
.single .wp-block-post-content p{font-size:clamp(16px,1.2vw,18.5px);line-height:1.85;color:#C6DAE8;font-weight:300;margin-bottom:1.3em}
.beira-source-box{margin-top:clamp(26px,3vw,44px);padding:clamp(24px,2.6vw,38px);border:1px solid var(--line);background:var(--card-bg)}
.beira-source-box p{font-size:14.5px !important;line-height:1.8;color:#A9C4D6 !important}

/* Bajar el hero cuando lo precede la breadcrumb bar (páginas interiores) */
.breadcrumb-bar + * .beira-hero,.breadcrumb-bar ~ main .beira-hero:first-child{margin-top:0}

/* ---------- Closing CTA (home, sección #contact) ---------- */
.beira-closing-cta{position:relative;overflow:hidden;padding:clamp(90px,12vw,180px) 0;background:var(--ink)}
.beira-closing-cta__media{position:absolute;inset:0}
.beira-closing-cta__media video{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.03)}
.beira-closing-cta__grad-h{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,31,.9) 0%,rgba(4,18,31,.78) 40%,rgba(4,18,31,.5) 100%)}
.beira-closing-cta__grad-v{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,31,.6),transparent 30%,transparent 66%,rgba(4,18,31,.7))}
.beira-closing-cta__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 520px at 76% 30%,rgba(11,95,158,.3),transparent 70%);animation:sheen 9s ease-in-out infinite}
.beira-closing-cta__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,80px);align-items:end}
.beira-closing-cta__title{font-size:clamp(36px,5.4vw,84px);line-height:.98;letter-spacing:-.04em;color:#F2F8FC}
.beira-closing-cta__title i{color:var(--accent);font-style:normal;display:block}
.beira-info-list{display:flex;flex-direction:column;gap:26px;padding-bottom:10px}
.beira-info-list__item{display:flex;flex-direction:column;gap:7px}
.beira-info-list__label{font-size:10.5px;letter-spacing:.2em;color:#6F8CA3;font-weight:600;text-transform:uppercase}
.beira-info-list__value,.beira-info-list__value a{font-size:16px;line-height:1.6;color:#D6E6F0;font-weight:300}
.beira-info-list__divider{height:1px;background:linear-gradient(90deg,var(--line),transparent)}
@media (max-width:900px){.beira-closing-cta__grid{grid-template-columns:1fr}}



main#wp--skip-link--target{
    margin-block-start: 0 !important;
}

.beira-google-translate .goog-te-gadget-simple{
  border: unset !important;

  > img{
    display: none !important;
  }
}

.site-header .wp-block-navigation a{
  color: #FFF !important;
}

.site-header .wp-block-navigation a:hover{
  color: var(--accent) !important;
}

.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image),
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
  width: unset !important;
}

.beira-masonry p.section-eyebrow.wp-block-paragraph{
  display: none;
}

.wp-block-query.beira-news-query{
  max-width: var(--max-w);
    margin-inline: auto;
    padding-inline: clamp(20px, 4vw, 56px);
}

.beira-media-row__content{
  padding-left: 15px;
  padding-right: 15px;
}

.beira-media-row__stat {
    right: 10px;
    bottom: 10px;
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
    height: 100vh;
}

@media(max-width: 768px){

  .wp-block-navigation__responsive-container-close{
    top: 10px;
    right: 10px;
  }

  .wp-block-navigation__responsive-container-close svg{
    fill: #000 !important;
  }

  .wp-block-navigation .wp-block-navigation-item{
    margin-left: 30px !important;
  }

  .site-header .wp-block-navigation a{
    color: #000 !important;
  }
}

.container-custom1{
  max-width: 1560px;
  margin-inline: auto;
  padding-inline: clamp(20px, 4vw, 56px);
}

footer > nav{
  float: right;
    right: 15px;
    bottom: 37px;
    margin: 0;
    margin-top: 0 !important;
}

.beira-banner__media:before{
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(4, 18, 31, .9) 0%, rgba(4, 18, 31, .78) 40%, rgba(4, 18, 31, .5) 100%);
}

.beira-story-closing h2{
  margin-bottom: 15px !important;
}

.beira-story-closing .wp-block-button{
  margin-top: 30px !important;
}