Vés al contingut
  • eng
  • esp
  • cat
  • El museu
      1. El Museu
        1. Història del Museu
        2. Edifici
      2. Missió i estratègia
        1. Organització
        2. Imatge corporativa
      3. Amics del Museu del Càntir
        1. Associació Espanyola de Ciutats de la Ceràmica
        2. Xarxa de museus locals (XML)
  • Visita
      1. Horaris i preus
        1. Com arribar-hi
        2. Visita Virtual 360º
        3. Visita guiada virtual pel museu
      2. Visites per a grups
        1. Plànol del museu
        2. Serveis al visitant
      3. Accessibilitat
        1. Bones pràctiques
  • Exposicions
  • Activitats
  • Escola taller
  • Argillà
      1. Festival de Ceràmica
        1. Activitats
        2. Inscripció
      2. Història
        1. Participants
        2. Galeria fotogràfica
  • Botiga
  • Publicacions
Inici

Categories

  • Activitats pedagògiques
  • Festa del Càntir
  • Biblioteca
  • Aniversaris
  • Cursos i tallers al museu
  • Mostra de cinema sobre ceràmica
  • Concurs cartells
  • Publicacions

Activitats 23/09/2024

dilluns, setembre 23, 2024

  • « Prev
  • Next »
  • Contacte
  • On som
  • Horaris i preus
Museu del Càntir © | Avís legal | Política de privacitat | Crèdits | Accessibilitat | Transparència
Desktop Version Only

css portada

/* Estilos base para desktop */
.header-section-1 {
background:
url("/sites/default/files/banner-cantir.jpg") no-repeat center !important;
background-size: cover !important;
width: 100vw !important;
height: 100vh !important;
position: relative !important;
}

.content_top_wrapper {
background: #000000;
}

.flexslider .slides {
zoom: 1;
display: flex;
align-items: center;
}

div#logo {
width: 60%;
padding: 15px;
background: rgba(255, 255, 255, 0.6);
}

/* Adaptaciones para móvil */
@media screen and (max-width: 768px) {
.header-section-1 {
background:
url("/sites/default/files/banner-cantir.jpg") no-repeat center !important;
background-size: cover !important;
background-attachment: scroll !important; /* Evita problemas en iOS */
width: 100vw !important;
height: 100vh !important;
min-height: 100vh !important;
position: relative !important;
}

.flexslider .slides {
flex-direction: column;
justify-content: center;
padding: 20px;
text-align: center;
}

div#logo {
width: 80%;
max-width: 300px;
padding: 20px;
background: rgba(255, 255, 255, 0.8);
border-radius: 10px;
margin: 0 auto;
}

/* Asegurar que el contenido se mantenga dentro del viewport */
.content_top_wrapper {
background: #000000;
min-height: auto;
}
}

/* Adaptaciones para móviles pequeños */
@media screen and (max-width: 480px) {
.header-section-1 {
background-position: center center !important;
background-size: cover !important;
}

.flexslider .slides {
padding: 15px;
}
}

/* Corrección para dispositivos con notch (iPhone X+) */
@media screen and (max-width: 768px) {
.header-section-1 {
padding-top: env(safe-area-inset-top, 0);
padding-bottom: env(safe-area-inset-bottom, 0);
}
}