/*
Theme Name: Mara del Mar · Link Room DEFINITIVA
Theme URI: https://maradelmar.com/
Author: Mara del Mar
Description: Versión final del link room musical de Mara del Mar, optimizada para móvil y escritorio.
Version: 6.5.0
Text Domain: mara-del-mar
*/

:root{
  --mara-bg:#dec29d;
  --mara-card:rgba(238,219,192,.92);
  --mara-brown:#6b4228;
  --mara-brown-dark:#50301f;
  --mara-line:rgba(107,66,40,.24);
  --mara-shadow:0 24px 60px rgba(70,42,24,.18);
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--mara-bg)}
body{
  margin:0;min-height:100vh;color:var(--mara-brown);
  font-family:"Avenir Next","Century Gothic",Futura,"Helvetica Neue",Arial,sans-serif;
  background-color:var(--mara-bg);
  background-image:linear-gradient(rgba(222,194,157,.02),rgba(222,194,157,.02)),url('assets/images/fondo-palmeras.png');
  background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;
}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--mara-brown);outline-offset:4px;border-radius:8px}

.mara-page{
  min-height:100vh;padding:42px 20px;display:flex;align-items:center;justify-content:center;
}
.mara-card{
  width:min(520px,100%);background:var(--mara-card);
  border:1px solid rgba(255,255,255,.50);border-radius:34px;
  box-shadow:var(--mara-shadow);padding:38px 38px 26px;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.mara-logo{
  display:block;width:min(360px,90%);height:auto;margin:0 auto 14px;
}
.mara-tagline{
  display:block;text-align:center;margin:4px 0 22px;
  font-family:"Avenir Next","Century Gothic",Futura,"Helvetica Neue",Arial,sans-serif;
  font-size:15.5px;font-weight:400;line-height:1.55;
  letter-spacing:.105em;text-transform:lowercase;
  color:#5a3824 !important;opacity:1 !important;
  text-shadow:0 0 0 rgba(0,0,0,0);
}

/* Redes: siempre visibles, por encima de cualquier capa y clicables. */
.mara-socials{
  display:flex !important;visibility:visible !important;opacity:1 !important;
  pointer-events:auto !important;position:relative;z-index:999;
  justify-content:center;align-items:center;flex-wrap:nowrap;
  gap:18px;min-height:42px;margin:0 0 28px;
}
.mara-social{
  width:40px;height:40px;flex:0 0 40px;
  border:1px solid rgba(80,48,31,.30);border-radius:50%;
  display:flex !important;visibility:visible !important;opacity:1 !important;
  pointer-events:auto !important;position:relative;z-index:1000;
  align-items:center;justify-content:center;color:var(--mara-brown-dark);
  cursor:pointer !important;touch-action:manipulation;
  background:rgba(255,255,255,.09);
  transition:transform .18s ease,background .18s ease,border-color .18s ease
}
.mara-social:hover,.mara-social:active{
  transform:translateY(-2px);
  background:rgba(107,66,40,.08);
  border-color:rgba(80,48,31,.52)
}
.mara-social svg{
  width:19px;height:19px;display:block;pointer-events:none;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round
}
.mara-social.youtube svg{fill:currentColor;stroke:none;width:20px;height:20px}
.mara-social.tiktok svg{fill:currentColor;stroke:none;width:18px;height:18px}

.mara-platforms{border-top:1px solid var(--mara-line)}
.mara-platform{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:68px;padding:0 8px;border-bottom:1px solid var(--mara-line);
  font-size:18px;letter-spacing:.025em;
  transition:padding .18s ease,background .18s ease
}
.mara-platform:hover{padding-left:10px;background:rgba(107,66,40,.045)}
.mara-platform__name{font-weight:700;color:#5a3824}
.mara-platform__mark{
  width:46px;height:46px;flex:0 0 46px;border-radius:50%;
  border:1px solid rgba(80,48,31,.34);display:grid;place-items:center;
  overflow:hidden;color:var(--mara-brown-dark);
  background:rgba(255,255,255,.07)
}
.mara-platform__mark img{width:31px;height:31px;object-fit:contain;display:block}
.mara-platform__mark svg{
  width:27px;height:27px;display:block;fill:none;stroke:currentColor;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round
}
.mara-platform__letter{font-size:20px;line-height:1;font-weight:700}
.mara-platform.is-disabled{opacity:.42;pointer-events:none}

.mara-footer{
  text-align:center;margin-top:24px;font-size:11px;letter-spacing:.12em;
  color:rgba(79,47,30,.78)
}

/* No mostramos navegación o menús heredados de WordPress/temas anteriores. */
nav:not(.mara-socials):not(.mara-footer-legal){display:none !important}
.site-header,.main-header-bar,.ast-primary-header-bar,
.main-navigation,.menu-toggle,.primary-menu,.site-navigation,
.wp-block-navigation,.header-navigation{display:none !important}

@media(max-width:640px){
  body{background-attachment:scroll;background-position:center top}
  .mara-page{padding:16px 12px;align-items:flex-start}
  .mara-card{
    margin-top:4px;border-radius:28px;padding:27px 20px 24px;
    background:rgba(238,219,192,.94)
  }
  .mara-logo{width:min(310px,94%);margin-bottom:14px}
  .mara-tagline{
    font-size:15px !important;font-weight:400 !important;
    line-height:1.55;letter-spacing:.075em !important;
    margin:2px 0 20px !important;color:#50301f !important;
    opacity:1 !important
  }
  .mara-socials{
    display:flex !important;visibility:visible !important;opacity:1 !important;
    pointer-events:auto !important;gap:14px;margin:0 0 23px;min-height:42px;
  }
  .mara-social{
    display:flex !important;visibility:visible !important;opacity:1 !important;
    pointer-events:auto !important;width:39px;height:39px;flex-basis:39px
  }
  .mara-platform{
    min-height:68px;font-size:18px;font-weight:700;letter-spacing:.015em;
    padding-left:7px;padding-right:7px
  }
  .mara-platform__mark{width:46px;height:46px;flex-basis:46px}
  .mara-platform__mark img{width:31px;height:31px}
  .mara-platform__mark svg{width:27px;height:27px}
  .mara-platform__letter{font-size:20px}
}
@media(max-width:360px){
  .mara-card{padding-left:16px;padding-right:16px}
  .mara-logo{width:100%}
  .mara-tagline{font-size:14px !important;letter-spacing:.055em !important}
  .mara-socials{gap:11px}
}


/* Ajuste final de jerarquía visual */
.mara-tagline{
  font-size:16.5px;
  letter-spacing:.075em;
  font-weight:400;
}
.mara-social{
  width:44px;
  height:44px;
  flex:0 0 44px;
}
.mara-social svg{
  width:21px;
  height:21px;
}
@media (max-width: 560px){
  .mara-tagline{
    font-size:17px;
    letter-spacing:.065em;
  }
  .mara-socials{
    gap:14px;
  }
  .mara-social{
    width:45px;
    height:45px;
    flex-basis:45px;
  }
  .mara-social svg{
    width:22px;
    height:22px;
  }
}

/* SEO V6 · páginas de canciones (la portada permanece intacta) */
.mara-song-page{min-height:100vh;padding:42px 20px;display:flex;justify-content:center}
.mara-song-card{width:min(760px,100%);background:rgba(238,219,192,.94);border:1px solid rgba(255,255,255,.5);border-radius:34px;box-shadow:var(--mara-shadow);padding:38px 48px;color:var(--mara-brown-dark)}
.mara-song-home{font-size:13px;font-weight:700;letter-spacing:.04em}
.mara-song-header{text-align:center;padding:24px 0 28px;border-bottom:1px solid var(--mara-line)}
.mara-song-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.72}
.mara-song-header h1{font-size:clamp(30px,5vw,46px);line-height:1.08;margin:12px 0 16px;color:#50301f}
.mara-song-desc{max-width:610px;margin:auto;font-size:16px;line-height:1.7}
.mara-lyrics{max-width:610px;margin:34px auto}
.mara-lyrics h2{font-size:21px;margin:0 0 22px}
.mara-lyrics-text{font-size:16px;line-height:1.9;white-space:normal}
.mara-song-footer{text-align:center;border-top:1px solid var(--mara-line);padding-top:26px;font-size:12px;line-height:2}
.mara-song-footer a{font-size:15px;font-weight:700}
@media(max-width:640px){
 .mara-song-page{padding:14px 10px}
 .mara-song-card{border-radius:28px;padding:25px 22px}
 .mara-song-header{padding:20px 0 24px}
 .mara-song-desc,.mara-lyrics-text{font-size:15px}
}


/* V6.1 DEFINITIVA — iconos interiores de RRSS más grandes.
   Se mantienen exactamente los tamaños actuales de los círculos. */
.mara-social svg{
  width:25px !important;
  height:25px !important;
}
.mara-social.youtube svg{
  width:27px !important;
  height:27px !important;
}
.mara-social.tiktok svg{
  width:24px !important;
  height:24px !important;
}
@media(max-width:640px){
  .mara-social svg{
    width:25px !important;
    height:25px !important;
  }
  .mara-social.youtube svg{
    width:27px !important;
    height:27px !important;
  }
  .mara-social.tiktok svg{
    width:24px !important;
    height:24px !important;
  }
}

/* V6.5.1 · corrección: mostrar navegación legal en la portada */
.mara-footer-legal{display:flex !important;visibility:visible !important;opacity:1 !important}

/* V6.4 · enlaces y páginas legales */
.mara-footer-legal{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:7px;font-size:9px;line-height:1.5;letter-spacing:.08em;opacity:.78}
.mara-footer-legal a{text-decoration:none !important;color:inherit}
.mara-legal-page{min-height:100vh;padding:34px 16px;display:flex;justify-content:center;align-items:flex-start}
.mara-legal-card{width:min(820px,100%);background:rgba(238,219,192,.96);border:1px solid rgba(255,255,255,.5);border-radius:32px;box-shadow:var(--mara-shadow);padding:38px 48px;color:var(--mara-brown-dark)}
.mara-legal-home{font-size:13px;font-weight:700}.mara-legal-card header{text-align:center;padding:18px 0 26px;border-bottom:1px solid var(--mara-line);margin-bottom:30px}
.mara-legal-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.mara-legal-card h1{font-size:clamp(30px,5vw,44px);margin:9px 0 0;color:#50301f}.mara-legal-card h2{font-size:20px;margin:30px 0 10px;color:#50301f}.mara-legal-card p,.mara-legal-card dd{font-size:15px;line-height:1.75}.mara-legal-data{display:grid;grid-template-columns:150px 1fr;gap:8px 16px;padding:16px 0}.mara-legal-data dt{font-weight:700}.mara-legal-data dd{margin:0}.mara-legal-warning{padding:14px 16px;border:1px solid rgba(100,50,20,.25);border-radius:14px;background:rgba(255,255,255,.35);font-size:13px;line-height:1.55}.mara-legal-footer{text-align:center;border-top:1px solid var(--mara-line);margin-top:34px;padding-top:24px;font-size:12px}.mara-legal-footer>a{font-weight:700;margin:0 5px}.mara-legal-footer p{font-size:11px;opacity:.7;margin-top:12px}
@media(max-width:640px){.mara-legal-page{padding:12px 9px}.mara-legal-card{border-radius:26px;padding:25px 21px}.mara-legal-data{grid-template-columns:1fr;gap:2px}.mara-legal-data dd{margin-bottom:10px}}