/* LOGOZ shared framework stylesheet
   Single source of truth for fonts, colours, type, nav, footer.
   Generated from the canonical page build. Edit here, not per page. */

/* LOGOZ · tipografias autonomas — sin conexion a servidores de Google (RGPD) */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('https://lorenalogoz.com/wp-content/uploads/fonts/cormorant-garamond-400.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('https://lorenalogoz.com/wp-content/uploads/fonts/cormorant-garamond-500.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('https://lorenalogoz.com/wp-content/uploads/fonts/cormorant-garamond-400i.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('https://lorenalogoz.com/wp-content/uploads/fonts/cormorant-garamond-500i.woff2') format('woff2');}
@font-face{font-family:'Lato';font-style:normal;font-weight:300;font-display:swap;src:url('https://lorenalogoz.com/wp-content/uploads/fonts/lato-300.woff2') format('woff2');}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url('https://lorenalogoz.com/wp-content/uploads/fonts/lato-400.woff2') format('woff2');}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url('https://lorenalogoz.com/wp-content/uploads/fonts/lato-700.woff2') format('woff2');}

:root{
  --bg:#f9f7f4; --dark:#1c1a17; --mid:#666666; --light:#eaeaea;
  --lighter:#f7f7f7; --accent:#c47a52; --img:#ddd8d0;
  --mid-bg:#f2ede6;--forest:#1f3730; --dark-bg:#1a1714; --border:rgba(17,17,17,.1);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);font-family:'Lato',sans-serif;color:var(--dark);}
img{max-width:100%;display:block;}

/* DIVI FULLWIDTH & BULLET OVERRIDES */
#main-content, #main-content .container, #left-area, .entry-content {
  width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important;
}
#main-content .container:before { display: none !important; }
h1.main_title, .entry-title, .post-title, article > h1:first-child { display: none !important; }
#main-content ul.ck, .entry-content ul.ck, ul.ck { list-style: none !important; list-style-type: none !important; padding-left: 0 !important; margin: 18px 0 !important; }
#main-content ul.ck li, .entry-content ul.ck li, ul.ck li { list-style: none !important; list-style-type: none !important; position: relative !important; padding-left: 22px !important; margin-bottom: 10px !important; font-size: 16px !important; line-height: 1.85 !important; color: var(--mid) !important; font-weight: 300 !important; }
ul.ck li::before { content: '•' !important; position: absolute !important; left: 0 !important; color: var(--accent) !important; font-size: 18px !important; line-height: 1.5 !important; }

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;background:#fff;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 60px;border-bottom:1px solid var(--light);}
.logo-img img{height:46px;width:auto;display:block;}
.nav-links{display:flex;gap:28px;align-items:center;}
.nav-link{font-size:12px;letter-spacing:.5px;color:var(--mid);cursor:pointer;font-weight:400;padding:4px 0;border-bottom:2px solid transparent;transition:all .2s;text-decoration:none;}
.nav-link:hover,.nav-link.active{color:var(--dark);border-bottom-color:var(--accent);}
.lang{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--mid);font-weight:700;}
.lang b{color:var(--dark);}
.nav-cta{background:var(--forest);color:#fff;padding:10px 22px;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;border-radius:2px;cursor:pointer;border:none;transition:background .2s;text-decoration:none;}
.nav-cta:hover{background:#16281f;}

/* BANDS */
.band{padding:80px 80px;}
.band.light{background:var(--bg);}
.band.warm{background:var(--mid-bg);}
.band.lighter{background:var(--lighter);}
.band.dark{background:var(--dark-bg);}
@media(max-width:768px){.band{padding:52px 24px;}}

/* TYPE */
.eyebrow{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--accent);font-weight:700;display:block;margin-bottom:14px;}
h1,.h1{font-family:'Cormorant Garamond','EB Garamond',Garamond,'Times New Roman',serif;font-size:58px;font-weight:500;line-height:1.08;color:var(--forest);margin-bottom:14px;}
h1 em,.h1 em{font-style:italic;color:var(--accent);}
h2,.h2{font-family:'Cormorant Garamond','EB Garamond',Garamond,'Times New Roman',serif;font-size:40px;font-weight:500;line-height:1.12;color:var(--forest);margin-bottom:14px;}
h2 em,.h2 em{font-style:italic;color:var(--accent);}
.h2l{font-family:'Cormorant Garamond','EB Garamond',Garamond,'Times New Roman',serif;font-size:38px;font-weight:500;line-height:1.15;color:#fff;margin-bottom:14px;}
.h2l em{font-style:italic;color:var(--accent);}
h3,.h3{font-family:'Cormorant Garamond','EB Garamond',Garamond,'Times New Roman',serif;font-size:24px;font-weight:500;line-height:1.25;color:var(--forest);margin-bottom:10px;}
h3 em,.h3 em{font-style:italic;color:var(--accent);}
.lead{font-size:18.5px;line-height:1.85;color:var(--mid);font-weight:300;margin-bottom:16px;}
.body{font-size:16.5px;line-height:1.85;color:var(--mid);font-weight:300;margin-bottom:14px;}
.body strong{color:var(--dark);font-weight:400;}
.bodyl{font-size:16.5px;line-height:1.85;color:rgba(249,247,244,.55);font-weight:300;margin-bottom:12px;}
.bodyl em{font-style:italic;color:var(--accent);}

/* BUTTONS */
.btn{display:inline-block;background:var(--forest);color:#fff;padding:14px 28px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;border-radius:2px;cursor:pointer;margin-right:12px;margin-top:4px;border:none;transition:background .2s;text-decoration:none;}
.btn:hover{background:#16281f;}
.btno{display:inline-block;border:1.5px solid var(--forest);color:var(--forest);padding:13px 28px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;border-radius:2px;cursor:pointer;margin-top:4px;transition:all .2s;text-decoration:none;}
.btno:hover{background:var(--forest);color:#fff;}
.btna{display:inline-block;background:var(--forest);color:#fff;padding:14px 28px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;border-radius:2px;cursor:pointer;margin-top:4px;border:none;transition:background .2s;text-decoration:none;}
.btna:hover{background:#16281f;}
.btnl{display:inline-block;background:#fff;color:var(--forest);padding:14px 28px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;border-radius:2px;cursor:pointer;margin-top:4px;text-decoration:none;}
.lnk{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:1px;display:inline-block;margin-top:12px;cursor:pointer;transition:color .2s;text-decoration:none;}
.lnk:hover{color:#b06937;}

/* LAYOUTS */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.split-v{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.center{text-align:center;}
@media(max-width:768px){.split,.split-v,.g3{grid-template-columns:1fr;gap:36px;}div[style*='grid-template-columns:1fr 1fr']{grid-template-columns:1fr !important;}h1,.h1{font-size:40px;}h2,.h2{font-size:31px;}.h2l{font-size:29px;}}

/* CARDS */
.card{background:#fff;border:1px solid var(--light);border-radius:2px;padding:32px;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;}
.card:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(17,17,17,.09);}
.ct{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px;display:block;}

/* FOOTER */
footer{background:var(--forest);border-top:1px solid rgba(255,255,255,.08);padding:56px 80px 44px;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;margin-bottom:36px;}
.foot-col h4{font-family:'Cormorant Garamond','EB Garamond',Garamond,'Times New Roman',serif;font-size:18px;font-weight:400;color:#fff;margin-bottom:16px;}
.foot-lema{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);font-weight:700;line-height:2.2;}
.foot-col a{display:block;font-size:13px;color:rgba(249,247,244,.55);margin-bottom:10px;text-decoration:none;transition:color .2s;}
.foot-col a:hover{color:var(--accent);}
.foot-base{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;font-size:12px;color:rgba(249,247,244,.3);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
@media(max-width:768px){footer{padding:48px 24px 36px;}.foot-grid{grid-template-columns:1fr 1fr;gap:28px;}.foot-base{flex-direction:column;}}

/* REVEAL */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease;}
.reveal.on{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
  .card:hover{transform:none;}
}

/* ── Simplified nav with dropdown ── */
.has-drop{position:relative;}
.has-drop>.nav-link{display:inline-flex;align-items:center;gap:5px;cursor:pointer;}
.has-drop>.nav-link::after{content:'';width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:3px;margin-top:-2px;transition:transform .2s;}
.has-drop:hover>.nav-link::after{transform:rotate(225deg);margin-top:2px;}
.dropmenu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:#fff;border:1px solid var(--light);border-radius:2px;box-shadow:0 12px 32px rgba(17,17,17,.1);min-width:230px;padding:8px 0;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:210;}
.has-drop:hover .dropmenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dropmenu a{display:block;padding:11px 22px;font-size:12px;letter-spacing:.4px;color:var(--mid);white-space:nowrap;border-bottom:none;transition:background .15s,color .15s;}
.dropmenu a:hover{background:var(--bg);color:var(--forest);}

/* ── Mobile hamburger ── */
.burger{display:none;background:none;border:none;cursor:pointer;width:30px;height:22px;position:relative;z-index:220;}
.burger span{position:absolute;left:0;right:0;height:2px;background:#fff;transition:.3s;}
.burger span:nth-child(1){top:0;}.burger span:nth-child(2){top:10px;}.burger span:nth-child(3){top:20px;}

@media(max-width:960px){
  nav .burger{display:flex !important;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none !important;border:none !important;cursor:pointer;padding:0 !important;position:relative;z-index:1002;}
  nav .burger span{display:block !important;position:static !important;width:100% !important;height:2px !important;background:#1f3730 !important;border-radius:2px;transition:transform .28s ease,opacity .2s ease;}
  nav:has(.nav-links.open) .burger span:nth-child(1){transform:translateY(9px) rotate(45deg);}
  nav:has(.nav-links.open) .burger span:nth-child(2){opacity:0;}
  nav:has(.nav-links.open) .burger span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}
  nav .nav-links{display:flex !important;position:fixed;top:64px;left:0;right:0;background:var(--forest);flex-direction:column;align-items:flex-start;gap:2px;padding:18px 24px 26px;transform:translateY(-140%);transition:transform .35s ease;max-height:calc(100vh - 64px);overflow-y:auto;z-index:1001;box-shadow:0 20px 40px rgba(0,0,0,.25);}
  nav .nav-links.open{transform:translateY(0) !important;}
  nav .nav-links .nav-link{color:#fff !important;padding:11px 0;font-size:15px;}
  nav .nav-links .nav-cta{margin-top:12px;}
  nav .nav-links .lang{color:rgba(255,255,255,.6);padding:10px 0;}
  nav .has-drop{width:100%;}
  nav .dropmenu{position:static !important;transform:none !important;opacity:1 !important;visibility:visible !important;box-shadow:none !important;border:none !important;background:none !important;padding:2px 0 6px 16px !important;min-width:0 !important;}
  nav .dropmenu a{color:rgba(255,255,255,.75) !important;padding:8px 0 !important;}
  nav .has-drop>.nav-link::after{display:none;}
}

body.admin-bar nav{top:32px;}
body.admin-bar nav .nav-links{top:96px;}

/* \u2500\u2500 JOURNAL (blog index) \u2500\u2500 */
.jr-grid{align-items:stretch;}
.jr-card{padding:0;overflow:hidden;display:flex;}
.jr-link{display:flex;flex-direction:column;height:100%;padding:0 0 28px;color:inherit;text-decoration:none;}
.jr-media{background:var(--img);overflow:hidden;margin-bottom:22px;}
.jr-media img{display:block;width:100%;height:230px;object-fit:cover;transition:transform .6s ease;}
.jr-card:hover .jr-media img{transform:scale(1.04);}
.jr-date{font-family:'Lato',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mid);margin:0 28px 10px;}
.jr-title{margin:0 28px 12px;}
.jr-excerpt{margin:0 28px 18px;}
.jr-link .lnk{margin:auto 28px 0;}
.jr-pagination{display:flex;justify-content:center;gap:14px;margin-top:48px;font-family:'Lato',sans-serif;font-size:14px;letter-spacing:.06em;}
.jr-pagination a,.jr-pagination span{color:var(--dark);text-decoration:none;padding:8px 14px;border:1px solid var(--light);border-radius:2px;}
.jr-pagination a:hover{border-color:var(--accent);color:var(--accent);}
.jr-pagination .current{background:var(--dark);color:#fff;border-color:var(--dark);}
@media(max-width:768px){.jr-media img{height:200px;}}


/* ---- SHARED CONTAINER -------------------------------------------------
   One width for the whole site. The nav bar and each band stay full-bleed
   for their background colour, while their contents line up on 1180px. */
:root{--container:1040px;}

/* Nav bar spans the viewport; its contents sit on the container. */
nav{padding-left:max(28px,calc((100% - var(--container))/2));padding-right:max(28px,calc((100% - var(--container))/2));}

/* Everything directly inside a band lines up on the container. */
.band > *{max-width:var(--container);margin-left:auto;margin-right:auto;}
.split,.split-v,.g3,.strip-in,.foot-grid,.foot-base{max-width:var(--container);margin-left:auto;margin-right:auto;width:100%;}

@media(max-width:1180px){
  .band{padding-left:40px;padding-right:40px;}
  footer{padding-left:40px;padding-right:40px;}
}
@media(max-width:768px){
  .band{padding-left:24px;padding-right:24px;}
  footer{padding-left:24px;padding-right:24px;}
  nav{padding-left:20px;padding-right:20px;}
}