:root {
  font-family: Arial, Helvetica, sans-serif;
  color: #111111;
  background: #ffffff;
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  margin: 0;
  background: #ffffff;
}

.site-header {
  display: flex;
  align-items: center;
  gap: 32px;
  width: 100%;
  height: 88px;
  min-height: 88px;
  padding: 5px 28px;
  border-bottom: 1px solid #202020;
  background: #080808;
  color: #ffffff;
}

.brand {
  position: relative;
  display: block;
  flex: 0 0 215px;
  width: 215px;
  height: 78px;
  overflow: hidden;
  border-radius: 8px;
  background: #ffffff;
}

.brand img {
  position: absolute;
  top: -28px;
  left: 0;
  display: block;
  width: 207px;
  height: 121px;
  max-width: none;
}

.site-nav {
  margin-left: auto;
}

.site-nav ul {
  display: flex;
  align-items: center;
  gap: clamp(20px, 2vw, 34px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-nav a {
  position: relative;
  display: inline-block;
  padding: 8px 0;
  color: #f7f7f7;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.015em;
  text-decoration: none;
  white-space: nowrap;
  transition: color 180ms ease;
}

.site-nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  left: 0;
  height: 3px;
  border-radius: 3px;
  background: #e5007d;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 220ms ease;
}

.site-nav a:hover,
.site-nav a:focus-visible {
  color: #00a7d9;
  outline: none;
}

.site-nav a:hover::after,
.site-nav a:focus-visible::after,
.site-nav a[aria-current="page"]::after {
  transform: scaleX(1);
  transform-origin: left;
}

.site-nav a[aria-current="page"] {
  color: #ffffff;
}

main {
  min-height: calc(100vh - 88px);
}

@media (max-width: 900px) {
  .site-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    height: auto;
    min-height: 0;
    padding: 6px 18px 8px;
  }

  .brand {
    flex-basis: 66px;
    width: 185px;
    height: 66px;
    border-radius: 8px;
  }

  .brand img {
    top: -24px;
    width: 178px;
    height: 104px;
  }

  .site-nav {
    width: 100%;
    margin-left: 0;
    overflow-x: auto;
  }

  .site-nav ul {
    width: max-content;
    gap: 22px;
    padding-bottom: 3px;
  }

  .site-nav a {
    font-size: 14px;
  }

  main {
    min-height: calc(100vh - 128px);
  }
}
/* Footer corporativo compartido */
tarraco-site-footer { display: block; }
.site-footer {
  padding: 48px max(24px, calc((100vw - 1380px) / 2)) 20px;
  border-top: 4px solid #00a7d9;
  color: #f7f7f7;
  background: #080808;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
}
.site-footer__inner { display: grid; grid-template-columns: 1.35fr 1fr .9fr .65fr; gap: clamp(32px, 5vw, 78px); padding-bottom: 38px; }
.site-footer strong { display: block; margin-bottom: 14px; color: #fff; font-size: 12px; font-style: normal; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.site-footer__brand > a { position: relative; display: block; width: 190px; height: 68px; overflow: hidden; border-radius: 8px; background: #fff; }
.site-footer__brand img { position: absolute; top: -26px; left: 0; width: 183px; height: 107px; max-width: none; }
.site-footer__brand p, .site-footer__contact, .site-footer__nav, .site-footer__social { margin: 0; color: #aeb4bc; font-size: 13px; font-style: normal; line-height: 1.65; }
.site-footer__brand p { max-width: 310px; margin-top: 17px; }
.site-footer__contact, .site-footer__nav { display: flex; align-items: flex-start; flex-direction: column; }
.site-footer a { color: inherit; text-decoration: none; transition: color 180ms ease; }
.site-footer a:hover, .site-footer a:focus-visible { color: #00a7d9; outline: none; }
.site-footer__social > div { display: flex; gap: 10px; }
.site-footer__social a { display: grid; width: 40px; height: 40px; border: 1px solid #40434a; border-radius: 50%; place-items: center; transition: border-color 180ms ease, background 180ms ease, transform 180ms ease; }
.site-footer__social a:hover, .site-footer__social a:focus-visible { border-color: #e5007d; background: #e5007d; transform: translateY(-2px); }
.site-footer__social img { width: 18px; height: 18px; filter: brightness(0) invert(1); }
.site-footer__bottom { display: flex; justify-content: space-between; padding-top: 18px; border-top: 1px solid #303238; color: #777d86; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 900px) { .site-footer__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .site-footer { padding: 38px 18px 18px; } .site-footer__inner { grid-template-columns: 1fr; gap: 30px; } .site-footer__bottom { gap: 8px; align-items: flex-start; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .site-footer a { transition: none; } }
/* Componentes globales compartidos: cabecera blanca y pie azul */
tarraco-site-header { display: block; }
.site-header {
  border-bottom-color: #e1e5e8;
  color: #111318;
  background: #ffffff;
  box-shadow: 0 5px 22px rgba(17, 19, 24, 0.07);
}
.brand { border: 0; background: #ffffff; }
.site-nav a { color: #15181d; }
.site-nav a:hover,
.site-nav a:focus-visible { color: #008fbd; }
.site-nav a[aria-current="page"] { color: #111318; }

.site-footer {
  border-top-color: #007aa3;
  color: #ffffff;
  background: #008fbd;
}
.site-footer__brand p,
.site-footer__contact,
.site-footer__nav,
.site-footer__social { color: rgba(255, 255, 255, 0.88); }
.site-footer strong { color: #ffffff; }
.site-footer a:hover,
.site-footer a:focus-visible { color: #ffe100; }
.site-footer__social a { border-color: rgba(255, 255, 255, 0.58); }
.site-footer__social a:hover,
.site-footer__social a:focus-visible { border-color: #e5007d; color: #ffffff; background: #e5007d; }
.site-footer__bottom { border-top-color: rgba(255, 255, 255, 0.28); color: rgba(255, 255, 255, 0.72); }
/* Selector de idioma compartido */
.site-header__tools {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2vw, 28px);
  min-width: 0;
  margin-left: auto;
}
.site-header__tools .site-nav { margin-left: 0; }
.language-switcher {
  display: flex;
  flex: none;
  gap: 7px;
  align-items: center;
}
.language-switcher button {
  display: grid;
  width: 40px;
  height: 32px;
  padding: 5px;
  border: 1px solid #d4d9de;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(17, 19, 24, 0.08);
  cursor: pointer;
  place-items: center;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.language-switcher button:hover,
.language-switcher button:focus-visible {
  border-color: #00a7d9;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 167, 217, 0.16);
  transform: translateY(-1px);
}
.language-switcher button[aria-pressed="true"] {
  border-color: #e5007d;
  box-shadow: 0 0 0 2px rgba(229, 0, 125, 0.16);
}
.language-flag {
  display: block;
  width: 26px;
  height: 18px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 2px;
}
.language-flag--es { background: linear-gradient(to bottom, #aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75% 100%); }
.language-flag--ca { background: repeating-linear-gradient(to bottom, #f4d03f 0 2px, #c8102e 2px 4px); }
@media (max-width: 900px) {
  .site-header__tools { width: 100%; margin-left: 0; }
  .site-header__tools .site-nav { flex: 1 1 auto; width: auto; }
  .language-switcher { align-self: center; }
}

/* Marcas sociales originales y con mayor presencia */
.site-footer__social > strong { margin-bottom:18px; font-size:15px; letter-spacing:.12em; }
.site-footer__social > div { gap:14px; }
.site-footer__social a {
  width:56px;
  height:56px;
  border-color:rgba(255,255,255,.8);
  background:rgba(255,255,255,.96);
}
.site-footer__social img { width:34px; height:34px; filter:none; }
.site-footer__social a:hover,
.site-footer__social a:focus-visible { border-color:#fff; color:inherit; background:#fff; box-shadow:0 10px 28px rgba(0,0,0,.22); transform:translateY(-3px) scale(1.04); }
@media (max-width:560px) {
  .site-footer__social > strong { font-size:14px; }
  .site-footer__social a { width:52px; height:52px; }
  .site-footer__social img { width:31px; height:31px; }
}

/* Logos sociales sin círculo, borde ni halo */
.site-footer__social a {
  width:46px;
  height:46px;
  padding:2px;
  border:0;
  border-radius:0;
  background:transparent;
}
.site-footer__social img { width:40px; height:40px; filter:none; }
.site-footer__social a:hover,
.site-footer__social a:focus-visible { border:0; color:inherit; background:transparent; box-shadow:none; transform:translateY(-3px) scale(1.06); }
@media (max-width:560px) {
  .site-footer__social a { width:43px; height:43px; }
  .site-footer__social img { width:37px; height:37px; }
}

/* Igualación óptica de los tres logotipos */
.site-footer__social img { width:42px; height:42px; }
.site-footer__social a:has(img[src*="youtube"]) { width:61px; }
.site-footer__social img[src*="youtube"] { width:61px; height:42px; }
@media (max-width:560px) { .site-footer__social img { width:38px; height:38px; } .site-footer__social a:has(img[src*="youtube"]) { width:55px; } .site-footer__social img[src*="youtube"] { width:55px; height:38px; } }
@media (max-width: 560px) {
  .language-switcher { gap: 5px; }
  .language-switcher button { width: 36px; height: 29px; padding: 4px; }
  .language-flag { width: 24px; height: 16px; }
}
/* Confirmación al copiar direcciones de correo */
a[href^="mailto:"], a[href^="tel:"] { cursor:copy; }
.email-copy-toast {
  position:fixed;
  z-index:1000;
  left:50%;
  bottom:28px;
  padding:13px 20px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  color:#fff;
  background:#101319;
  box-shadow:0 16px 42px rgba(0,0,0,.28);
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.04em;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,18px);
  transition:opacity 180ms ease,transform 180ms ease;
}
.email-copy-toast.is-visible { opacity:1; transform:translate(-50%,0); }
.email-copy-toast.is-error { background:#b00054; }
@media (max-width:560px) { .email-copy-toast { right:18px; bottom:18px; left:18px; text-align:center; transform:translateY(18px); } .email-copy-toast.is-visible { transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) { .email-copy-toast { transition:none; } }