/* =========================================================
   MÁLAGA STAYS · PRIVACIDAD
   ========================================================= */

:root{
  --deep:#073b4c;
  --sea:#0d7187;
  --ink:#12343d;
  --muted:#65777c;
  --foam:#edf8f8;
  --line:#dfe9e9;
  --white:#fff;
}


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

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  color:var(--ink);
  background:#f7fbfb;
  line-height:1.65;
}

a{
  color:inherit;
}

button{
  font:inherit;
}


/* =========================================================
   HEADER · MISMO PATRÓN QUE LAS GUÍAS
   ========================================================= */

.privacy-top{
  position:sticky;
  z-index:50;
  top:0;
  left:0;
  right:0;

  width:100%;
  height:72px;

  padding:0 max(22px,6vw);

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  background:rgba(255,255,255,.94);

  border-bottom:
    1px solid rgba(7,59,76,.08);

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}


/* =========================================================
   MARCA IZQUIERDA
   ========================================================= */

.privacy-brand{
  min-width:0;

  display:flex;
  align-items:center;
  gap:11px;

  color:var(--deep);

  text-decoration:none;

  font-size:.94rem;
  font-weight:900;
  letter-spacing:.09em;

  white-space:nowrap;
}


.privacy-mark{
  width:36px;
  height:36px;

  display:grid;
  place-items:center;

  flex:0 0 36px;

  background:var(--deep);
  color:#fff;

  border-radius:50%;

  font-size:20px;
  font-weight:800;
  line-height:1;
}


/* =========================================================
   PARTE DERECHA
   ========================================================= */

.privacy-top-right{
  display:flex;
  align-items:center;
  gap:20px;

  flex-shrink:0;
}


.privacy-home-link{
  color:#587076;

  font-size:.84rem;
  font-weight:750;

  text-decoration:none;

  white-space:nowrap;

  transition:
    color .2s ease;
}


.privacy-home-link:hover{
  color:var(--deep);
}


/* =========================================================
   SELECTOR DE IDIOMA
   ========================================================= */

.lang{
  display:flex;
  align-items:center;

  flex-shrink:0;

  padding:4px;

  background:#eef4f4;

  border:
    1px solid #d9e5e5;

  border-radius:999px;

  box-shadow:
    0 2px 8px rgba(0,0,0,.04);
}


.lang button{
  display:flex;
  align-items:center;
  gap:5px;

  padding:8px 11px;

  background:transparent;
  color:#687a7e;

  border:0;
  border-radius:999px;

  font-size:.82rem;
  font-weight:850;

  white-space:nowrap;

  cursor:pointer;

  transition:
    background .2s ease,
    color .2s ease,
    box-shadow .2s ease;
}


.lang button.active{
  background:#fff;
  color:var(--deep);

  box-shadow:
    0 2px 8px rgba(0,0,0,.12);
}


/* =========================================================
   CONTENIDO PRINCIPAL
   ========================================================= */

.privacy-shell{
  max-width:860px;

  margin:0 auto;

  padding:
    72px 24px 88px;
}


/* =========================================================
   CABECERA DEL CONTENIDO
   ========================================================= */

.eyebrow{
  color:var(--sea);

  font-size:.74rem;
  font-weight:850;

  letter-spacing:.16em;

  text-transform:uppercase;
}


h1{
  margin:
    10px 0 18px;

  color:var(--deep);

  font-size:
    clamp(
      2.35rem,
      6vw,
      4.5rem
    );

  line-height:.95;

  letter-spacing:-.05em;
}


.intro{
  max-width:760px;

  margin:
    0 0 34px;

  color:var(--muted);

  font-size:1.04rem;
}


/* =========================================================
   TARJETA DE PRIVACIDAD
   ========================================================= */

.privacy-card{
  padding:30px;

  background:#fff;

  border:
    1px solid var(--line);

  border-radius:22px;

  box-shadow:
    0 16px 42px
    rgba(7,59,76,.07);
}


.privacy-card section + section{
  margin-top:28px;

  padding-top:28px;

  border-top:
    1px solid #e7eeee;
}


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

h2{
  margin:
    0 0 8px;

  color:var(--deep);

  font-size:1.08rem;
}


p{
  margin:0;

  color:#536b70;
}


.privacy-card section p + p{
  margin-top:12px;
}


/* =========================================================
   AVISO FINAL
   ========================================================= */

.notice{
  margin-top:30px;

  padding:
    17px 18px;

  background:var(--foam);

  border:
    1px solid #d6e9ea;

  border-radius:15px;

  color:#426168;

  font-size:.9rem;
}


/* =========================================================
   VOLVER
   ========================================================= */

.back{
  display:inline-flex;

  margin-top:30px;

  color:var(--deep);

  font-weight:800;

  text-decoration:none;
}


.back:hover{
  text-decoration:underline;

  text-underline-offset:4px;
}


/* =========================================================
   FOOTER
   ========================================================= */

.privacy-footer{
  padding:
    34px 24px;

  background:#052f3b;

  color:#9fbdc2;

  text-align:center;

  font-size:.78rem;
}


.privacy-footer strong{
  display:block;

  margin-bottom:5px;

  color:#fff;

  font-size:.9rem;

  letter-spacing:.08em;
}


/* =========================================================
   ACCESIBILIDAD
   ========================================================= */

[hidden]{
  display:none!important;
}


a:focus-visible,
button:focus-visible{
  outline:
    3px solid #66c7d6;

  outline-offset:3px;
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover:hover){

  .privacy-brand:hover{
    opacity:.88;
  }


  .privacy-home-link:hover{
    color:var(--deep);
  }


  .lang button:hover:not(.active){
    background:
      rgba(255,255,255,.55);

    color:var(--deep);
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:850px){

  .privacy-top{
    padding-left:22px;
    padding-right:22px;
  }


  .privacy-top-right{
    gap:14px;
  }


  .privacy-shell{
    padding-left:22px;
    padding-right:22px;
  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:560px){

  .privacy-top{
    height:66px;

    padding-left:15px;
    padding-right:15px;

    gap:12px;
  }


  .privacy-brand{
    gap:9px;

    font-size:.78rem;

    letter-spacing:.07em;
  }


  .privacy-mark{
    width:32px;
    height:32px;

    flex-basis:32px;

    font-size:18px;
  }


  .privacy-top-right{
    gap:8px;
  }


  .privacy-home-link{
    display:none;
  }


  .lang{
    padding:4px;
  }


  .lang button{
    min-width:38px;

    padding:
      7px 9px;

    font-size:.78rem;
  }


  .lang-name{
    display:none;
  }


  .privacy-shell{
    padding:
      54px 18px 68px;
  }


  h1{
    font-size:
      clamp(
        2.2rem,
        13vw,
        3.4rem
      );
  }


  .intro{
    font-size:.98rem;
  }


  .privacy-card{
    padding:
      23px 20px;
  }


  .privacy-card section + section{
    margin-top:24px;

    padding-top:24px;
  }


  .notice{
    padding:
      15px 16px;
  }

}


/* =========================================================
   MÓVILES MUY PEQUEÑOS
   ========================================================= */

@media (max-width:360px){

  .privacy-top{
    padding-left:12px;
    padding-right:12px;
  }


  .privacy-brand{
    font-size:.72rem;

    letter-spacing:.055em;
  }


  .privacy-mark{
    width:30px;
    height:30px;

    flex-basis:30px;

    font-size:17px;
  }


  .lang button{
    min-width:35px;

    padding:
      7px 8px;
  }


  .privacy-shell{
    padding-left:16px;
    padding-right:16px;
  }


  .privacy-card{
    padding:
      21px 17px;
  }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion:reduce){

  *{
    scroll-behavior:auto!important;
    transition:none!important;
  }

}