/*
Theme Name: Delia Om Basic
Author: Ibiza Paginas Web
Description: Tema basico de una sola pagina para Delia Om - Yoga & Sacred Music
Version: 1.0
*/

/* ------------------------------------------------------------------
   Tema clasico y sobrio: una columna, sin animaciones, sin JS.
   Tipografia de sistema (Georgia + Arial), sin cargar fuentes externas.
   ------------------------------------------------------------------ */

:root{
  --fondo:#F7F3EC;
  --terracota:#B5673E;
  --verde:#7C8B5A;
  --texto:#3A2E27;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--fondo);
  color:var(--texto);
  font-family:Arial, "Helvetica Neue", Helvetica, system-ui, sans-serif;
  font-size:17px;
  line-height:1.65;
}

h1,h2,h3{
  font-family:Georgia, "Times New Roman", Times, serif;
  font-weight:normal;
  line-height:1.25;
  color:var(--texto);
}
h1{font-size:2.4em;margin:0 0 .2em}
h2{font-size:1.7em;margin:0 0 .6em;color:var(--terracota)}
h3{font-size:1.25em;margin:1.6em 0 .4em}

p{margin:0 0 1em}
img{max-width:100%;height:auto}

a{color:var(--terracota)}
a:hover{color:#8f4f2e}

/* Contenedor unico, centrado */
.wrap{max-width:800px;margin:0 auto;padding:0 20px}

/* Aviso de que esto es una demo (quitar al publicar) */
.demo-note{
  background:#EDE0CC;
  border-bottom:1px solid #ddd0bb;
  font-size:13px;
  text-align:center;
  padding:8px 20px;
}

/* Cabecera y menu */
.site-header{
  border-bottom:1px solid var(--verde);
  padding:18px 0;
  background:var(--fondo);
}
.site-header .wrap{display:block}
.site-title{
  font-family:Georgia, serif;
  font-size:1.5em;
  margin:0 0 8px;
}
.site-title a{text-decoration:none;color:var(--texto)}
.site-tagline{font-size:14px;color:#6b5c52;margin:0 0 10px}

.menu-desktop ul,
.menu-mobile ul{
  list-style:none;
  margin:0;
  padding:0;
}
.menu-desktop li{display:inline-block;margin:0 16px 0 0}
.menu-desktop a,
.menu-mobile a{font-size:15px;text-decoration:none}
.menu-desktop a:hover,
.menu-mobile a:hover{text-decoration:underline}

/* Menu movil con <details>, sin JavaScript */
.menu-mobile{display:none}
.menu-mobile summary{
  cursor:pointer;
  padding:6px 0;
  font-size:15px;
  color:var(--terracota);
}
.menu-mobile li{margin:6px 0}

/* Secciones */
.section{padding:36px 0}
.section hr,
hr.sep{
  border:0;
  border-top:1px solid var(--verde);
  opacity:.45;
  margin:0;
}

/* Hero */
.hero{padding:28px 0 34px}
.hero img{display:block;margin:0 0 18px;width:100%}
.hero p.sub{font-size:1.05em;margin:0 0 .6em}
.hero p.phone{margin:0}

/* About: dos columnas simples en escritorio */
.about-cols{display:flex;gap:24px;align-items:flex-start}
.about-cols .col-img{flex:0 0 260px}
.about-cols .col-text{flex:1}

/* Sonido y ceremonias: lista simple con imagen pequena a la izquierda */
.service{margin:0 0 26px;overflow:hidden}
.service img{
  float:left;
  width:180px;
  margin:4px 18px 10px 0;
}
.service h3{margin-top:0}

/* Calendario: tabla basica */
table{
  border-collapse:collapse;
  width:100%;
  margin:12px 0 8px;
  font-size:16px;
}
th,td{
  border:1px solid #d8cbb8;
  padding:8px 10px;
  text-align:left;
}
th{background:#EDE0CC;font-weight:bold}
.note{font-size:14px;color:#6b5c52;margin:0 0 4px}

/* Contacto */
.contact-list{list-style:none;margin:0;padding:0}
.contact-list li{margin:0 0 6px}

/* Pie */
.site-footer{
  border-top:1px solid var(--verde);
  margin-top:30px;
  padding:22px 0 30px;
  font-size:14px;
  color:#6b5c52;
}

/* Movil: todo en una columna */
@media (max-width:700px){
  body{font-size:16px}
  h1{font-size:1.9em}
  .menu-desktop{display:none}
  .menu-mobile{display:block}
  .about-cols{display:block}
  .about-cols .col-img{margin-bottom:16px}
  .service img{float:none;width:100%;margin:0 0 12px}
}