/* Islámica Estilo: Ciprés, Scheherazade y estrella de ocho puntas */
:root{
  --isl-cab:#1f3129;--isl-claro:#f1f1ea;--isl-por:#2c4339;--isl-s:#dfe3da;--isl-ac:#d3dac9;
  --isl-bot:#e4e6da;--isl-pag:#f4f4ef;--isl-tinta:#1f2a25;--isl-gris:#515c56;--isl-linea:#d6dad3;
  --isl-tit:#2c4339;--isl-term:#3d5a4d;
  --isl-letra:"Alegreya","Scheherazade New",Georgia,"Traditional Arabic",serif;
  --isl-arabe:"Scheherazade New","Traditional Arabic",serif;
}
/* Letras: lo árabe cae solo en Scheherazade */
body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,.main-title,.main-navigation a,.site-description{font-family:var(--isl-letra)!important}
body{background:var(--isl-pag)!important;color:var(--isl-tinta)!important;font-size:20px;line-height:1.65}
[lang="ar"],:lang(ar){font-family:var(--isl-arabe)!important;font-size:1.2em}
h1,h2,h3,h4,h5,h6{color:var(--isl-tit)!important;font-weight:700!important;line-height:1.2}
a,.entry-content a{color:var(--isl-term)!important}
a:hover,.entry-content a:hover{color:var(--isl-cab)!important}
a:focus-visible,button:focus-visible{outline:3px solid var(--isl-term);outline-offset:3px}

/* Cabecera y logo */
.site-header,.main-navigation,.main-navigation ul ul{background:var(--isl-cab)!important}
.site-header{color:var(--isl-claro)!important}
.main-title{margin:0!important;font-size:26px!important;font-weight:700!important;line-height:1.2!important}
.main-title a{display:inline-flex;align-items:center;gap:12px;color:var(--isl-claro)!important;text-decoration:none}
.main-title a::before{content:"";order:-2;width:38px;height:38px;flex:none;background:url(estrella.svg) center/contain no-repeat}
.main-title a::after{content:"إسلامية";order:-1;font-family:var(--isl-arabe);font-weight:400;font-size:1.3em;line-height:1.2;opacity:.95}
.site-description{color:var(--isl-s)!important}

/* Menú */
.main-navigation .main-nav ul li a,.main-navigation .menu-toggle,.main-navigation .menu-bar-items{color:var(--isl-claro)!important;background:transparent!important;font-size:18px!important}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li.sfHover>a,.main-navigation .main-nav ul li[class*="current-menu-"]>a{background:rgba(211,218,201,.16)!important;color:#fff!important}
.main-navigation ul ul{border:1px solid var(--isl-ac)!important;box-shadow:none!important}

/* Artículos y archivos */
.separate-containers .inside-article,.one-container .site-content,.inside-page-header,.separate-containers .comments-area,.separate-containers .paging-navigation{background:var(--isl-pag)!important}
.entry-title a{color:var(--isl-tit)!important;text-decoration:none}
.entry-title a:hover{text-decoration:underline;text-underline-offset:4px}
.entry-meta,.entry-meta a{color:var(--isl-gris)!important}
.archive .comments-link,.blog .comments-link{display:none}
.archive article,.blog article{border-bottom:1px solid var(--isl-linea)}
blockquote{border-left:3px solid var(--isl-term)!important;color:var(--isl-gris);font-style:normal}
table{border-collapse:collapse}
th,td{border:1px solid var(--isl-linea)!important;padding:8px 12px}
th{background:#e4e8e0}
button,.button,input[type=submit],a.button,a.wp-block-button__link{background:var(--isl-por)!important;color:var(--isl-claro)!important;border:0!important;border-radius:3px}
button:hover,.button:hover,input[type=submit]:hover{background:var(--isl-cab)!important}
.site-footer,.site-info,.footer-widgets{background:var(--isl-cab)!important;color:var(--isl-s)!important}
.site-info a,.footer-widgets a{color:var(--isl-claro)!important}

/* Portada: ocupa todo el ancho */
body.isl-portada .site.grid-container,body.isl-portada #content,body.isl-portada .site-content{max-width:none!important;width:100%;padding:0!important;margin:0!important;display:block}
body.isl-portada #primary,body.isl-portada .site-main{width:100%!important;margin:0!important;padding:0!important;float:none}
body.isl-portada .inside-article{padding:0!important;background:none!important;border:0}
body.isl-portada .entry-header,body.isl-portada .featured-image{display:none}
body.isl-portada .entry-content{margin:0!important}
body.isl-portada .site-main>*,body.isl-portada article{margin:0!important}
body.isl-portada .entry-content>*:not(section):not(div){display:none!important}
.isl-ancho{max-width:1120px;margin:0 auto;padding:0 28px}

.isl-hero{position:relative;overflow:hidden;background:var(--isl-por);color:#f3f3ec}
.isl-hero::before{content:"";position:absolute;inset:0;background:url(malla.svg);opacity:.2;-webkit-mask-image:linear-gradient(100deg,transparent 28%,#000 78%);mask-image:linear-gradient(100deg,transparent 28%,#000 78%)}
.isl-hero .isl-ancho{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding-top:88px;padding-bottom:96px}
.isl-hero h1{color:#f3f3ec!important;font-size:clamp(3.2rem,7vw,5.2rem);line-height:1.02;margin:0 0 20px}
.isl-hero p{margin:0 0 30px;font-size:1.4em;line-height:1.45;max-width:24em;color:var(--isl-s)}
.isl-hero .isl-boton{display:inline-block;background:var(--isl-bot);color:var(--isl-cab)!important;padding:12px 26px;text-decoration:none;font-weight:700;border-radius:3px}
.isl-hero .isl-boton:hover{opacity:.88;color:var(--isl-cab)!important}
.isl-hero .isl-gran{font-family:var(--isl-arabe)!important;font-size:clamp(5rem,12.5vw,9.6rem);line-height:1.5;color:var(--isl-ac);text-align:center;margin:0;max-width:none}
.isl-friso{height:60px;background:var(--isl-cab) url(friso.svg) repeat-x}

.isl-lista-sec{padding:72px 0}
.isl-lista-sec h2{font-size:2.3rem;margin:0 0 34px}
.isl-lista{list-style:none;margin:0!important;padding:0;border-top:2px solid var(--isl-tit)}
.isl-lista li{margin:0;border-bottom:1px solid var(--isl-linea)}
.isl-lista a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding:24px 8px;text-decoration:none;color:inherit!important}
.isl-lista a:hover{background:#fbfbf8}
.isl-lista h3{font-size:1.6rem;margin:0 0 4px}
.isl-lista a:hover h3{text-decoration:underline;text-underline-offset:4px}
.isl-lista p{margin:0;color:var(--isl-gris);max-width:36em}
.isl-lista .isl-termino{text-align:right;font-size:2.8rem;line-height:1.35;color:var(--isl-term)}
.isl-vacio{color:var(--isl-gris)}

.isl-almeria{background:var(--isl-cab);color:var(--isl-claro)}
.isl-almeria .isl-ancho{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:56px;padding-top:56px;padding-bottom:56px}
.isl-almeria .isl-sello{font-family:var(--isl-arabe)!important;font-size:clamp(3.8rem,8.5vw,6rem);line-height:1.5;color:var(--isl-ac);margin:0}
.isl-almeria h2{color:var(--isl-claro)!important;font-size:2rem;margin:0 0 10px}
.isl-almeria p{margin:0 0 14px;max-width:34em;color:#dde1d8}
.isl-almeria a{color:var(--isl-ac)!important;font-weight:700}
.isl-nowrap{white-space:nowrap}
.isl-familia{padding:32px 0;font-size:.95em;color:var(--isl-gris)}
.isl-familia a{color:var(--isl-por)!important;font-weight:700}

@media (max-width:860px){
  .isl-hero .isl-ancho{grid-template-columns:1fr;padding-top:52px;padding-bottom:60px}
  .isl-hero .isl-gran{order:-1;text-align:right}
  .isl-hero::before{-webkit-mask-image:none;mask-image:none;opacity:.14}
  .isl-lista a{grid-template-columns:1fr;gap:6px}
  .isl-lista .isl-termino{order:-1}
  .isl-almeria .isl-ancho{grid-template-columns:1fr;gap:12px}
}
@media (max-width:520px){
  body{font-size:18px}
  .isl-ancho{padding:0 16px}
}
