/* Mobile final layer: product page is the visual prototype. */
@media (max-width:600px){
  body.seeda-site .header{
    position:relative!important;
    z-index:50!important;
    background:transparent!important;
  }

  body.seeda-site .header__topline{
    display:block!important;
    min-height:38px!important;
    padding:0!important;
    background:#263724!important;
    color:#fffaf1!important;
  }

  body.seeda-site .header__toplineIn{
    min-height:38px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    font-size:10px!important;
    letter-spacing:0!important;
  }

  body.seeda-site .header__metaLink,
  body.seeda-site .header__metaLink:visited{
    color:#fffaf1!important;
    font-size:10px!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  body.seeda-site .header__content{
    display:grid!important;
    grid-template-columns:44px 1fr 44px!important;
    align-items:center!important;
    min-height:52px!important;
    padding:0 12px!important;
    column-gap:10px!important;
    background:rgba(255,253,248,.72)!important;
    border-bottom:1px solid rgba(39,53,35,.08)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  body.seeda-site .header__content::before,
  body.seeda-site .header__content::after,
  body.seeda-site .logo::before,
  body.seeda-site .logo::after,
  body.seeda-site .nav-toggle::before,
  body.seeda-site .nav-toggle::after{
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
  }

  body.seeda-site .header__actions{
    display:none!important;
  }

  body.seeda-site .logo{
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:126px!important;
    max-width:126px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.seeda-site .logo__img{
    display:block!important;
    width:118px!important;
    max-width:118px!important;
    height:auto!important;
    max-height:32px!important;
    object-fit:contain!important;
    filter:brightness(.38)!important;
    background:transparent!important;
  }

  body.seeda-site .nav-toggle{
    grid-column:3!important;
    display:inline-grid!important;
    place-items:center!important;
    justify-self:end!important;
    position:relative!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(39,53,35,.16)!important;
    border-radius:2px!important;
    background:#fffdf8!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.seeda-site .nav-toggle__bar{
    width:20px!important;
    height:1.5px!important;
    margin:3px 0!important;
    background:#273523!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:auto!important;
    margin:0!important;
    padding:14px 14px 0!important;
    overflow:visible!important;
    background:#fffaf1!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero::before,
  body.seeda-site main#contenido #inicio.ed-hero::after,
  body.seeda-site main#contenido #inicio.ed-hero > .container::before,
  body.seeda-site main#contenido #inicio.ed-hero > .container::after,
  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__grid::before,
  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__grid::after,
  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__copy::before,
  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__copy::after{
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero > .container,
  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__grid{
    display:grid!important;
    align-items:end!important;
    width:100%!important;
    max-width:none!important;
    min-height:calc(100svh - 110px)!important;
    margin:0!important;
    padding:0 14px 74px!important;
    overflow:hidden!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:
      linear-gradient(180deg,rgba(15,20,14,0) 0%,rgba(15,20,14,0) 58%,rgba(15,20,14,.28) 100%),
      url('../img/mobile-spf-glow.webp') center 22% / cover no-repeat!important;
    background-size:cover!important;
    background-position:center 22%!important;
    background-repeat:no-repeat!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero .ed-kicker,
  body.seeda-site main#contenido #inicio.ed-hero .ed-lead,
  body.seeda-site main#contenido #inicio.ed-hero .ed-actions,
  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__note,
  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__visual{
    display:none!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero h1#home-title{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__copy{
    position:static!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    transform:none!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__mobile-title{
    display:inline-flex!important;
    align-items:center!important;
    gap:.35em!important;
    width:max-content!important;
    max-width:calc(100vw - 120px)!important;
    min-height:28px!important;
    margin:0!important;
    padding:7px 11px!important;
    border:1px solid rgba(255,250,241,.42)!important;
    border-radius:999px!important;
    background:rgba(255,250,241,.18)!important;
    color:#fffaf1!important;
    box-shadow:none!important;
    text-shadow:0 2px 12px rgba(15,20,14,.38)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__mobile-title span{
    display:block!important;
    font:800 10px/1 Arial,Helvetica,sans-serif!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__mobile-title em{
    display:block!important;
    margin:0!important;
    color:#fffaf1!important;
    font:italic 11px/1 Georgia,'Times New Roman',serif!important;
    letter-spacing:.04em!important;
  }

  body.seeda-site section#centro.ed-section{
    padding:34px 0 56px!important;
    background:#fffaf1!important;
  }

  body.seeda-site section#centro.ed-section .ed-split{
    display:flex!important;
    flex-direction:column!important;
    gap:22px!important;
  }

  body.seeda-site section#centro.ed-section .ed-copy{
    width:calc(100% - 32px)!important;
    margin:0 auto!important;
    padding:0!important;
  }

  body.seeda-site section#centro.ed-section .ed-copy .ed-kicker,
  body.seeda-site section#centro.ed-section .ed-copy p,
  body.seeda-site section#centro.ed-section .ed-copy .ed-link{
    display:none!important;
  }

  body.seeda-site section#centro.ed-section .ed-copy h2{
    margin:0 0 18px!important;
    color:#273523!important;
    font-size:clamp(30px,9vw,40px)!important;
    line-height:1.04!important;
    letter-spacing:-.055em!important;
  }

  body.seeda-site section#centro.ed-section figure.ed-photo.ed-photo--video.ed-photo--welcomeVideo{
    display:block!important;
    width:calc(100% - 32px)!important;
    max-width:360px!important;
    margin:0 auto!important;
    padding:8px 8px 0!important;
    border:1px solid #d7dccf!important;
    border-radius:26px!important;
    background:#fbf7ee!important;
    box-shadow:0 18px 34px rgba(52,61,46,.10)!important;
  }

  body.seeda-site section#centro.ed-section figure.ed-photo.ed-photo--video.ed-photo--welcomeVideo video{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:480 / 848!important;
    object-fit:cover!important;
    border-radius:20px!important;
  }

  body.seeda-site section#centro.ed-section figure.ed-photo.ed-photo--video.ed-photo--welcomeVideo figcaption{
    display:block!important;
    position:static!important;
    margin:9px 4px 0!important;
    padding:0 0 2px!important;
    color:#59664a!important;
    font-size:8px!important;
    letter-spacing:.16em!important;
  }
}

/* Mobile SEO heroes: the visible top badge must be the real page H1. */
@media(max-width:600px){
  body.seeda-site main#contenido > section.section.hero.seo-landing .geo-mobile-title{
    display:none!important;
  }

  body.seeda-site main#contenido > section.section.hero.seo-landing > .container > h1{
    position:absolute!important;
    z-index:4!important;
    top:clamp(18px,5.8vw,28px)!important;
    left:clamp(18px,6vw,28px)!important;
    right:auto!important;
    bottom:auto!important;
    display:block!important;
    width:auto!important;
    max-width:min(230px,calc(100vw - 120px))!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:10px 12px!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:normal!important;
    border:1px solid rgba(255,250,241,.72)!important;
    border-radius:8px!important;
    background:rgba(255,250,241,.76)!important;
    color:#263724!important;
    box-shadow:0 12px 30px rgba(15,20,14,.12)!important;
    text-shadow:none!important;
    transform:none!important;
    filter:none!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    font:700 clamp(14px,4vw,18px)/1.06 Georgia,'Times New Roman',serif!important;
    letter-spacing:-.02em!important;
  }
}

/* Mobile header canon: same header on every page. */
@media(max-width:900px){
  body.seeda-site header.header{
    position:relative!important;
    z-index:100!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.seeda-site header.header .header__topline{
    display:block!important;
    min-height:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
    background:#263724!important;
    color:#fffaf1!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.seeda-site header.header .header__toplineIn{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    max-width:none!important;
    min-height:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0 14px!important;
    gap:10px!important;
  }

  body.seeda-site header.header .header__metaLink,
  body.seeda-site header.header .header__metaLink:visited{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    max-width:48%!important;
    color:#fffaf1!important;
    font:700 10px/1 Arial,Helvetica,sans-serif!important;
    letter-spacing:0!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.seeda-site header.header .header__metaLink i{
    flex:0 0 auto!important;
    color:#fffaf1!important;
    font-size:10px!important;
  }

  body.seeda-site header.header .header__content{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    min-height:52px!important;
    height:52px!important;
    margin:0!important;
    padding:0 12px!important;
    column-gap:10px!important;
    background:rgba(255,253,248,.78)!important;
    border:0!important;
    border-bottom:1px solid rgba(39,53,35,.08)!important;
    box-shadow:none!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  body.seeda-site header.header .header__actions,
  body.seeda-site header.header .header__book{
    display:none!important;
  }

  body.seeda-site header.header .logo{
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:126px!important;
    max-width:126px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.seeda-site header.header .logo::before,
  body.seeda-site header.header .logo::after{
    display:none!important;
    content:none!important;
  }

  body.seeda-site header.header .logo__img{
    display:block!important;
    width:118px!important;
    max-width:118px!important;
    height:auto!important;
    max-height:32px!important;
    object-fit:contain!important;
    filter:brightness(.38)!important;
  }

  body.seeda-site header.header .nav-toggle{
    grid-column:3!important;
    justify-self:end!important;
    align-self:center!important;
    display:inline-grid!important;
    place-items:center!important;
    position:relative!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(39,53,35,.16)!important;
    border-radius:2px!important;
    background:#fffdf8!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.seeda-site header.header .nav-toggle__bar{
    display:block!important;
    width:20px!important;
    height:1.5px!important;
    margin:3px 0!important;
    border-radius:999px!important;
    background:#273523!important;
  }
}

/* Final mobile SEO heroes: show the real page H1 in the marked top badge. */
@media(max-width:600px){
  body.seeda-site main#contenido > section.section.hero.seo-landing .geo-mobile-title{
    display:none!important;
    visibility:hidden!important;
  }

  body.seeda-site main#contenido > section.section.hero.seo-landing > .container > h1{
    position:absolute!important;
    z-index:4!important;
    top:clamp(18px,5.8vw,28px)!important;
    left:clamp(18px,6vw,28px)!important;
    right:auto!important;
    bottom:auto!important;
    display:block!important;
    width:auto!important;
    max-width:min(230px,calc(100vw - 120px))!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:10px 12px!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:normal!important;
    border:1px solid rgba(255,250,241,.72)!important;
    border-radius:8px!important;
    background:rgba(255,250,241,.76)!important;
    color:#263724!important;
    box-shadow:0 12px 30px rgba(15,20,14,.12)!important;
    text-shadow:none!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    font:700 clamp(14px,4vw,18px)/1.06 Georgia,'Times New Roman',serif!important;
    letter-spacing:-.02em!important;
    text-transform:none!important;
  }
}

/* Servicios mobile final: no dark inherited band above the pricing card. */
@media(max-width:900px){
  html body.seeda-site #servicios,
  html body.seeda-site #servicios.section,
  html body.seeda-site #servicios.section--bg,
  html body.seeda-site #servicios.section--precios,
  html body.seeda-site #servicios.section.section--precios.section--bg{
    margin-top:0!important;
    padding-top:0!important;
    background:#f0eee5!important;
    background-color:#f0eee5!important;
    background-image:none!important;
    color:#343d2e!important;
    overflow:visible!important;
  }

  html body.seeda-site #servicios::before,
  html body.seeda-site #servicios::after,
  html body.seeda-site #servicios > .container::before,
  html body.seeda-site #servicios > .container::after,
  html body.seeda-site #servicios .e-card--mainServices::before,
  html body.seeda-site #servicios .e-card--mainServices::after{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    background:transparent!important;
    background-image:none!important;
  }

  html body.seeda-site #servicios > .container{
    width:min(100% - 36px,760px)!important;
    max-width:760px!important;
    margin-inline:auto!important;
    padding-top:20px!important;
    background:#f0eee5!important;
    background-image:none!important;
  }

  html body.seeda-site #servicios .e-card--mainServices{
    margin-top:0!important;
    background:#fffdf8!important;
    transform:none!important;
  }

  html body.seeda-site #servicios .e-card--mainServices .e-hero__title{
    color:#343d2e!important;
  }
}

/* Servicios mobile: remove old dark pricing background. */
@media(max-width:900px){
  body.seeda-site main#contenido > #servicios.section--precios,
  body.seeda-site main#contenido > #servicios.section--bg{
    padding-top:22px!important;
    background:#f0eee5!important;
    background-image:none!important;
    color:#343d2e!important;
    overflow:visible!important;
  }

  body.seeda-site main#contenido > #servicios.section--precios::before,
  body.seeda-site main#contenido > #servicios.section--precios::after,
  body.seeda-site main#contenido > #servicios.section--bg::before,
  body.seeda-site main#contenido > #servicios.section--bg::after,
  body.seeda-site main#contenido > #servicios > .container::before,
  body.seeda-site main#contenido > #servicios > .container::after{
    display:none!important;
    content:none!important;
    background:none!important;
  }

  body.seeda-site main#contenido > #servicios > .container{
    padding-top:0!important;
    background:#f0eee5!important;
  }

  body.seeda-site main#contenido > #servicios .e-card--mainServices{
    margin-top:0!important;
  }

  body.seeda-site main#contenido > #servicios .e-card--mainServices .e-hero__title{
    color:#343d2e!important;
  }
}

/* Mobile nav overlay: keep the menu above every hero, video and page layer. */
@media(max-width:900px){
  body.seeda-site header.header{
    overflow:visible!important;
  }

  body.seeda-site header.header .nav,
  body.seeda-site > .nav.nav--portal{
    display:none!important;
  }

  body.seeda-site header.header .nav.is-open,
  body.seeda-site > .nav.nav--portal.is-open{
    position:fixed!important;
    top:calc(90px + env(safe-area-inset-top, 0px))!important;
    left:50%!important;
    right:auto!important;
    z-index:2147483647!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:min(272px,calc(100vw - 36px))!important;
    max-height:calc(100svh - 124px)!important;
    margin:0!important;
    padding:10px!important;
    overflow:auto!important;
    border:1px solid rgba(39,53,35,.12)!important;
    border-radius:10px!important;
    background:#fffdf8!important;
    box-shadow:0 22px 54px rgba(15,20,14,.22)!important;
    transform:translateX(-50%)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    -webkit-transform:translateX(-50%) translateZ(0)!important;
    will-change:transform!important;
  }

  body.seeda-site header.header .nav.is-open a,
  body.seeda-site > .nav.nav--portal.is-open a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 12px!important;
    border:0!important;
    border-bottom:1px solid rgba(39,53,35,.08)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#30392a!important;
    font:400 14px/1.2 Arial,Helvetica,sans-serif!important;
    text-align:center!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }

  body.seeda-site header.header .nav.is-open a:last-child,
  body.seeda-site > .nav.nav--portal.is-open a:last-child{
    border-bottom:0!important;
  }

  body.seeda-site header.header .nav.is-open .nav__bookMobile,
  body.seeda-site > .nav.nav--portal.is-open .nav__bookMobile{
    display:flex!important;
  }
}

/* Home welcome video: compact mobile card like the Elysion video. */
@media(max-width:600px){
  body.seeda-site section#centro.ed-section{
    padding:34px 0 56px!important;
  }

  body.seeda-site section#centro.ed-section .ed-split{
    display:flex!important;
    flex-direction:column!important;
    gap:22px!important;
  }

  body.seeda-site section#centro.ed-section figure.ed-photo.ed-photo--video.ed-photo--welcomeVideo{
    display:block!important;
    width:min(76vw,292px)!important;
    max-width:292px!important;
    margin:0 auto!important;
    padding:9px 9px 0!important;
    border:1px solid #d7dccf!important;
    border-radius:30px!important;
    background:#fbf7ee!important;
    box-shadow:0 18px 34px rgba(52,61,46,.10)!important;
    overflow:visible!important;
    isolation:isolate!important;
  }

  body.seeda-site section#centro.ed-section figure.ed-photo.ed-photo--video.ed-photo--welcomeVideo::before,
  body.seeda-site section#centro.ed-section figure.ed-photo.ed-photo--video.ed-photo--welcomeVideo .ed-video-posterBg{
    display:none!important;
    content:none!important;
  }

  body.seeda-site section#centro.ed-section figure.ed-photo.ed-photo--video.ed-photo--welcomeVideo video{
    display:block!important;
    width:100%!important;
    height:390px!important;
    max-height:390px!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center center!important;
    border:0!important;
    border-radius:22px!important;
    background:#fbf7ee!important;
    box-shadow:none!important;
    outline:1px solid rgba(215,220,207,.72)!important;
    outline-offset:-1px!important;
    clip-path:inset(0 round 22px)!important;
    -webkit-mask-image:-webkit-radial-gradient(white, black)!important;
    mask-image:radial-gradient(white, black)!important;
  }

  body.seeda-site section#centro.ed-section figure.ed-photo.ed-photo--video.ed-photo--welcomeVideo figcaption{
    display:block!important;
    position:static!important;
    margin:9px 4px 0!important;
    padding:0 0 2px!important;
    color:#59664a!important;
    font-size:8px!important;
    line-height:1.25!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }
}

/* Home mobile hero: match the Naturnua full-photo treatment. */
@media(max-width:600px){
  body.seeda-site main#contenido #inicio.ed-hero{
    min-height:calc(100svh - 80px)!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fffaf1!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero > .container.ed-hero__grid{
    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    display:grid!important;
    align-items:end!important;
    width:100%!important;
    max-width:none!important;
    min-height:calc(100svh - 80px)!important;
    margin:0!important;
    padding:0 16px 18px!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:
      linear-gradient(180deg,rgba(15,20,14,0) 0%,rgba(15,20,14,0) 58%,rgba(15,20,14,.30) 100%),
      url('../img/mobile-spf-glow.webp') center center / cover no-repeat!important;
    box-shadow:none!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero > .container.ed-hero__grid::before,
  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__visual{
    display:none!important;
    content:none!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero > .container.ed-hero__grid::after{
    content:"Chiclana de la Frontera"!important;
    position:absolute!important;
    z-index:3!important;
    inset:auto auto 18px 16px!important;
    left:16px!important;
    top:auto!important;
    right:auto!important;
    bottom:18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:auto!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:28px!important;
    max-height:none!important;
    max-width:calc(100vw - 112px)!important;
    padding:7px 11px!important;
    border:1px solid rgba(255,250,241,.42)!important;
    border-radius:999px!important;
    background:rgba(255,250,241,.18)!important;
    background-image:none!important;
    color:#fffaf1!important;
    font:800 10px/1 Arial,Helvetica,sans-serif!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    text-shadow:0 2px 12px rgba(15,20,14,.38)!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__copy{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__mobile-title{
    position:absolute!important;
    z-index:3!important;
    top:clamp(18px,5.8vw,28px)!important;
    bottom:auto!important;
    left:clamp(18px,6vw,28px)!important;
    right:auto!important;
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:3px!important;
    height:auto!important;
    max-height:none!important;
    width:auto!important;
    max-width:min(190px,calc(100vw - 132px))!important;
    min-height:0!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid rgba(255,250,241,.72)!important;
    border-radius:8px!important;
    background:rgba(255,250,241,.74)!important;
    color:#263724!important;
    box-shadow:0 12px 30px rgba(15,20,14,.12)!important;
    text-shadow:none!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__mobile-title span,
  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__mobile-title em{
    display:block!important;
    max-width:100%!important;
    color:#263724!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-shadow:none!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__mobile-title span{
    font:800 clamp(10px,2.9vw,12px)/1.05 Arial,Helvetica,sans-serif!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }

  body.seeda-site main#contenido #inicio.ed-hero .ed-hero__mobile-title em{
    margin:0!important;
    font:italic clamp(13px,3.6vw,16px)/1.05 Georgia,'Times New Roman',serif!important;
    letter-spacing:.01em!important;
  }

  body.seeda-site main#contenido > section.section.hero.seo-landing.geo-landing::after,
  body.seeda-site main#contenido > section.section.hero.seo-landing:not(.ed-hero)::after{
    content:"Chiclana de la Frontera"!important;
    max-width:calc(100vw - 112px)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* Local depilation pages: same mobile hero language as home. */
@media(max-width:600px){
  body.seeda-site main#contenido > section.section.hero.seo-landing{
    position:relative!important;
    display:grid!important;
    align-items:end!important;
    min-height:calc(100svh - 80px)!important;
    width:100%!important;
    margin:0!important;
    padding:0 16px 18px!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:
      linear-gradient(180deg,rgba(15,20,14,0) 0%,rgba(15,20,14,0) 58%,rgba(15,20,14,.30) 100%),
      url('../img/mobile-spf-glow.webp') center center / cover no-repeat!important;
    box-shadow:none!important;
  }

  body.seeda-site main#contenido > section.section.hero.seo-landing > .container{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    transform:none!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.seeda-site main#contenido > section.section.hero.seo-landing.geo-landing > div.container,
  body.seeda-site main#contenido > section.section.hero.seo-landing:not(.ed-hero) > div.container{
    position:static!important;
  }

  body.seeda-site main#contenido > section.section.hero.seo-landing::before{
    display:none!important;
    content:none!important;
  }

  body.seeda-site main#contenido > section.section.hero.seo-landing .geo-mobile-title{
    position:absolute!important;
    z-index:3!important;
    top:clamp(18px,5.8vw,28px)!important;
    bottom:auto!important;
    left:clamp(18px,6vw,28px)!important;
    right:auto!important;
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:3px!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:min(190px,calc(100vw - 132px))!important;
    max-height:none!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid rgba(255,250,241,.72)!important;
    border-radius:8px!important;
    background:rgba(255,250,241,.74)!important;
    background-image:none!important;
    color:#263724!important;
    box-shadow:0 12px 30px rgba(15,20,14,.12)!important;
    text-shadow:none!important;
    overflow:hidden!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  body.seeda-site main#contenido > section.section.hero.seo-landing .geo-mobile-title span,
  body.seeda-site main#contenido > section.section.hero.seo-landing .geo-mobile-title em{
    display:block!important;
    max-width:100%!important;
    color:#263724!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-shadow:none!important;
  }

  body.seeda-site main#contenido > section.section.hero.seo-landing .geo-mobile-title span{
    font:800 clamp(10px,2.9vw,12px)/1.05 Arial,Helvetica,sans-serif!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }

  body.seeda-site main#contenido > section.section.hero.seo-landing .geo-mobile-title em{
    margin:0!important;
    font:italic clamp(13px,3.6vw,16px)/1.05 Georgia,'Times New Roman',serif!important;
    letter-spacing:.01em!important;
  }

  body.seeda-site main#contenido > section.section.hero.seo-landing::after{
    content:"Chiclana de la Frontera"!important;
    position:absolute!important;
    z-index:3!important;
    inset:auto auto 18px 16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:28px!important;
    max-width:calc(100vw - 112px)!important;
    padding:7px 11px!important;
    border:1px solid rgba(255,250,241,.42)!important;
    border-radius:999px!important;
    background:rgba(255,250,241,.18)!important;
    background-image:none!important;
    color:#fffaf1!important;
    font:800 10px/1 Arial,Helvetica,sans-serif!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    text-shadow:0 2px 12px rgba(15,20,14,.38)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }
}

/* Global mobile header lock: same menu/header on every page. */
@media(max-width:600px){
  body.seeda-site header.header{
    position:relative!important;
    z-index:100!important;
    width:100%!important;
    margin:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.seeda-site header.header .header__topline{
    display:block!important;
    min-height:38px!important;
    height:38px!important;
    padding:0!important;
    background:#263724!important;
    color:#fffaf1!important;
    border:0!important;
  }

  body.seeda-site header.header .header__toplineIn{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    max-width:none!important;
    min-height:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0 14px!important;
    gap:10px!important;
  }

  body.seeda-site header.header .header__metaLink,
  body.seeda-site header.header .header__metaLink:visited{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    color:#fffaf1!important;
    font:700 10px/1 Arial,Helvetica,sans-serif!important;
    letter-spacing:0!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.seeda-site header.header .header__metaLink i{
    flex:0 0 auto!important;
    color:#fffaf1!important;
    font-size:10px!important;
  }

  body.seeda-site header.header .header__content{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    min-height:52px!important;
    height:52px!important;
    margin:0!important;
    padding:0 12px!important;
    column-gap:10px!important;
    background:rgba(255,253,248,.78)!important;
    border:0!important;
    border-bottom:1px solid rgba(39,53,35,.08)!important;
    box-shadow:none!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  body.seeda-site header.header .header__actions{
    display:none!important;
  }

  body.seeda-site header.header .logo{
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:126px!important;
    max-width:126px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.seeda-site header.header .logo__img{
    display:block!important;
    width:118px!important;
    max-width:118px!important;
    height:auto!important;
    max-height:32px!important;
    object-fit:contain!important;
    filter:brightness(.38)!important;
  }

  body.seeda-site header.header .nav-toggle{
    grid-column:3!important;
    justify-self:end!important;
    align-self:center!important;
    display:inline-grid!important;
    place-items:center!important;
    position:relative!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(39,53,35,.16)!important;
    border-radius:2px!important;
    background:#fffdf8!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.seeda-site header.header .nav-toggle__bar{
    display:block!important;
    width:20px!important;
    height:1.5px!important;
    margin:3px 0!important;
    border-radius:999px!important;
    background:#273523!important;
  }
}

/* Last override: local/SEO landing mobile title is the real H1, not a fake label. */
@media(max-width:600px){
  body.seeda-site main#contenido > section.section.hero.seo-landing .geo-mobile-title{
    display:none!important;
    visibility:hidden!important;
  }

  body.seeda-site main#contenido > section.section.hero.seo-landing > .container > h1{
    position:absolute!important;
    z-index:4!important;
    top:clamp(18px,5.8vw,28px)!important;
    left:clamp(18px,6vw,28px)!important;
    right:auto!important;
    bottom:auto!important;
    display:block!important;
    width:auto!important;
    max-width:min(230px,calc(100vw - 120px))!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:10px 12px!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:normal!important;
    border:1px solid rgba(255,250,241,.72)!important;
    border-radius:8px!important;
    background:rgba(255,250,241,.76)!important;
    color:#263724!important;
    box-shadow:0 12px 30px rgba(15,20,14,.12)!important;
    text-shadow:none!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    font:700 clamp(14px,4vw,18px)/1.06 Georgia,'Times New Roman',serif!important;
    letter-spacing:-.02em!important;
    text-transform:none!important;
  }
}