/*
Theme Name: Pascale De Col
Description: Tema a medida para pascaledcol.com. El CSS de abajo viene del diseno que hizo la clienta: esta copiado tal cual desde src/pascale/estilos.css del repositorio, sin tocar una linea. Si hay que cambiar el diseno, se cambia alli y se vuelve a generar.
Version: 1.0
Requires at least: 6.0
Requires PHP: 8.1
Text Domain: pascale-de-col
*/

  :root{
    --cream:#F6F4EF;
    --cream-2:#ECE9E1;
    --paper:#FFFFFF;
    --ink:#1E1E1C;
    --ink-soft:#5A5A56;
    --clay:#6B7560;
    --clay-dark:#2E2E2A;
    --line:rgba(30,30,28,0.14);
    --line-dark:rgba(255,255,255,0.18);
    --sage:#7C8266;
    --white:#FFFFFF;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;background:var(--cream);color:var(--ink);
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;object-fit:cover;}
  a{color:inherit;text-decoration:none;}
  h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.05;margin:0;letter-spacing:-0.01em;}
  p{margin:0;}
  .wrap{max-width:1120px;margin:0 auto;padding:0 24px;}

  .kicker{font-size:12.5px;letter-spacing:0.14em;color:var(--ink-soft);font-weight:600;display:block;margin-bottom:16px;}
  .big-word{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(42px,7.5vw,72px);line-height:0.94;letter-spacing:-0.01em;}
  .tagline{font-family:'Fraunces',serif;font-style:italic;font-weight:400;font-size:clamp(19px,2.3vw,23px);color:var(--ink-soft);margin-top:14px;max-width:36ch;}
  .desc{margin-top:14px;color:var(--ink-soft);font-size:15.5px;max-width:52ch;}
  .section-head{max-width:680px;margin-bottom:52px;}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-family:'Inter',sans-serif;font-size:14.5px;font-weight:500;letter-spacing:0.02em;border-radius:999px;border:1px solid var(--ink);cursor:pointer;transition:transform .15s ease, background .2s ease, color .2s ease;white-space:nowrap;}
  .btn:hover{transform:translateY(-1px);}
  .btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink);}
  .btn-primary:hover{background:var(--clay-dark);border-color:var(--clay-dark);}
  .btn-ghost{background:transparent;color:var(--ink);}
  .btn-ghost:hover{background:var(--ink);color:var(--paper);}
  .btn-light{border-color:var(--paper);color:var(--paper);}
  .btn-light:hover{background:var(--paper);color:var(--ink);}
  .btn-block{width:100%;border-radius:2px;padding:16px;}

  .nav{position:sticky;top:0;z-index:40;background:rgba(246,244,239,0.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);}
  .nav-bar{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;position:relative;}
  .wordmark{font-family:'Jost',sans-serif;font-size:17px;letter-spacing:0.24em;font-weight:400;text-transform:uppercase;}
  .nav .btn{padding:10px 20px;font-size:13px;}

  /* NAV LINKS + MOBILE TOGGLE */
  .nav-links{display:none;}
  .nav-links.open{
    display:flex;flex-direction:column;align-items:flex-start;gap:4px;
    position:absolute;top:100%;left:0;right:0;background:var(--paper);
    border-bottom:1px solid var(--line);padding:8px 24px 20px;
    box-shadow:0 12px 24px rgba(30,30,28,0.08);
  }
  .nav-links a{font-size:15px;color:var(--ink-soft);padding:12px 0;width:100%;border-bottom:1px solid var(--line);}
  .nav-links a:last-child{border-bottom:none;}
  .nav-links a:hover{color:var(--ink);}
  .nav-links .nav-cta{width:auto;border-bottom:none;margin-top:8px;text-align:center;}
  .nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin:-8px;}
  .nav-toggle span{width:22px;height:2px;background:var(--ink);display:block;transition:transform .2s ease, opacity .2s ease;}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  @media(min-width:860px){
    .nav-toggle{display:none;}
    .nav-links{
      display:flex !important;position:static;flex-direction:row;align-items:center;gap:30px;
      background:none;border:none;box-shadow:none;padding:0;
    }
    .nav-links a{font-size:14px;padding:0;width:auto;border-bottom:none;}
    .nav-links .nav-cta{margin-top:0;}
  }

  /* HERO */
  .hero-photo{position:relative;width:100%;min-height:78vh;overflow:hidden;}
  .hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
  .hero-scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,16,10,0.78) 0%,rgba(20,16,10,0.35) 42%,rgba(20,16,10,0) 68%);}
  .hero-content{position:relative;z-index:2;height:100%;min-height:78vh;display:flex;align-items:flex-end;padding:48px 0 56px;}
  .hero-content .wrap{width:100%;}
  .hero-content h1{color:var(--paper);font-size:clamp(38px,7vw,58px);max-width:14ch;}
  .hero-content .sub{margin-top:18px;color:rgba(245,244,241,0.85);font-size:16.5px;max-width:44ch;line-height:1.55;}
  .hero-eyebrow{color:rgba(245,244,241,0.75);}
  .hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;}

  .strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);}
  .strip .wrap{display:flex;flex-wrap:wrap;gap:10px 28px;padding:20px 24px;font-size:12.5px;color:var(--ink-soft);letter-spacing:0.03em;}

  section{padding:88px 0;}

  /* INSTALLED BANNER */
  .installed{position:relative;height:56vh;min-height:340px;overflow:hidden;background:var(--ink);}
  .installed img{width:100%;height:100%;object-fit:contain;}
  .installed-cap{position:absolute;left:0;right:0;bottom:0;padding:26px 24px;background:linear-gradient(0deg,rgba(20,16,10,0.65),rgba(20,16,10,0));color:var(--paper);font-size:13.5px;letter-spacing:0.02em;}
  .installed-cap strong{font-family:'Fraunces',serif;font-style:italic;font-weight:400;}

  /* BENEFITS */
  .benefits-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line);}
  .benefit{padding:32px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:44px 1fr;gap:20px;}
  .benefit-num{font-family:'Fraunces',serif;font-size:15px;color:var(--clay);}
  .benefit h3{font-size:19px;font-weight:500;margin-bottom:8px;}
  .benefit p{color:var(--ink-soft);font-size:15px;max-width:48ch;}

  /* ABOUT */
  .about{background:var(--cream-2);}
  .about-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;}
  .about-art{aspect-ratio:3/4;overflow:hidden;position:relative;}
  .about-art img{width:100%;height:100%;}
  .about-text p{color:var(--ink-soft);font-size:16.5px;margin-bottom:18px;}
  .about-text .signature{margin-top:8px;font-family:'Fraunces',serif;font-style:italic;font-size:20px;color:var(--ink);}
  .about-cross{margin-top:26px;padding:18px 20px;background:rgba(255,255,255,0.45);border-left:2px solid var(--clay);font-size:14.5px;color:var(--ink-soft);}
  .about-cross a{font-weight:600;color:var(--ink);border-bottom:1px solid var(--ink);}

  /* WORKSHOPS */
  .workshops-grid{display:grid;grid-template-columns:1fr;gap:0;}
  .workshop{padding:36px 0;border-top:1px solid var(--line);}
  .workshop:last-child{border-bottom:1px solid var(--line);}
  .workshop .tag{font-size:12.5px;letter-spacing:0.12em;color:var(--clay-dark);margin-bottom:10px;display:block;font-weight:600;}
  .workshop h3{font-size:26px;margin-bottom:12px;}
  .workshop p{color:var(--ink-soft);font-size:15.5px;max-width:56ch;margin-bottom:16px;}
  .link-arrow{font-size:14px;font-weight:500;border-bottom:1px solid var(--ink);padding-bottom:2px;}

  /* SHOP GRID */
  .shop{background:var(--paper);}
  .shop-grid{display:grid;grid-template-columns:1fr;gap:32px;}
  .product-card{border:1px solid var(--line);background:var(--cream);display:flex;flex-direction:column;}
  .product-art{aspect-ratio:1/1;overflow:hidden;position:relative;background:var(--cream-2);}
  .product-art img{width:100%;height:100%;object-fit:contain;}
  .product-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1;}
  .product-body h3{font-size:23px;font-weight:500;}
  .product-body .meta{font-size:13.5px;color:var(--ink-soft);}
  .product-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;}
  .stock-note{font-size:12px;color:var(--sage);letter-spacing:0.03em;font-weight:500;}

  /* GALLERY (Obra destacada) */
  .gallery-item{margin-bottom:64px;}
  .gallery-art{aspect-ratio:4/3;overflow:hidden;position:relative;margin-bottom:20px;background:var(--cream-2);}
  .gallery-art img{width:100%;height:100%;object-fit:contain;}
  .gallery-info{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;}
  .gallery-info h3{font-size:28px;font-weight:500;}
  .gallery-info .meta{color:var(--ink-soft);font-size:14px;margin-top:8px;}
  .price{font-family:'Fraunces',serif;font-size:20px;white-space:nowrap;}
  .price-tag{font-size:12px;color:var(--ink-soft);letter-spacing:0.08em;display:block;margin-bottom:2px;}
  .caption-row{margin-top:16px;display:flex;align-items:center;gap:14px;}
  .caption-thumb{width:64px;height:64px;flex:none;overflow:hidden;border:1px solid var(--line);}
  .caption-thumb img{width:100%;height:100%;}
  .caption{font-size:13.5px;color:var(--ink-soft);font-style:italic;}

  /* FAQ */
  .faq-item{border-top:1px solid var(--line);}
  .faq-item:last-child{border-bottom:1px solid var(--line);}
  .faq-item summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:'Fraunces',serif;font-size:18px;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item .plus{font-size:22px;font-weight:300;color:var(--clay);flex:none;transition:transform .2s ease;}
  .faq-item[open] .plus{transform:rotate(45deg);}
  .faq-item .a{padding-bottom:24px;color:var(--ink-soft);font-size:15.5px;max-width:60ch;}

  /* COMMISSIONS - dark */
  .commissions{background:var(--ink);color:var(--paper);}
  .commissions .kicker{color:rgba(245,244,241,0.6);}
  .commissions .big-word{color:var(--paper);}
  .commissions .tagline{color:rgba(245,244,241,0.75);}
  .commissions .desc{color:rgba(245,244,241,0.65);}
  .steps{border-top:1px solid var(--line-dark);margin-top:44px;}
  .step{padding:30px 0;border-bottom:1px solid var(--line-dark);display:grid;grid-template-columns:50px 1fr;gap:22px;}
  .step-num{font-family:'Fraunces',serif;font-size:16px;color:var(--clay);}
  .step h3{font-size:19px;font-weight:500;color:var(--paper);margin-bottom:6px;}
  .step p{color:rgba(245,244,241,0.65);font-size:15px;max-width:48ch;}
  .commissions-cta{margin-top:40px;}

  /* AGENDA / CONSULT */
  .consult{background:var(--cream-2);}
  .consult-cards{display:grid;grid-template-columns:1fr;gap:24px;margin-top:44px;}
  .consult-card{background:var(--paper);border:1px solid var(--line);padding:30px;}
  .consult-card .tag2{font-size:12px;letter-spacing:0.1em;color:var(--clay-dark);font-weight:600;margin-bottom:10px;display:block;}
  .consult-card h3{font-size:21px;font-weight:500;margin-bottom:8px;}
  .consult-card .meta{font-size:14px;color:var(--ink-soft);margin-bottom:16px;}
  .consult-card .who{font-size:14.5px;color:var(--ink-soft);margin-bottom:22px;}
  .consult-alt{margin-top:16px;text-align:center;font-size:13px;color:var(--ink-soft);}
  .consult-alt a{text-decoration:underline;}

  /* FOOTER */
  footer{background:var(--ink);color:rgba(245,244,241,0.7);padding:56px 0 32px;}
  .footer-grid{display:grid;grid-template-columns:1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--line-dark);}
  .footer-brand{font-family:'Fraunces',serif;color:var(--paper);font-size:20px;letter-spacing:0.1em;margin-bottom:10px;}
  .footer-col h4{font-size:12.5px;letter-spacing:0.1em;color:rgba(245,244,241,0.5);margin-bottom:14px;font-weight:500;}
  .footer-col a,.footer-col p{display:block;font-size:14.5px;margin-bottom:10px;color:rgba(245,244,241,0.75);}
  .footer-bottom{padding-top:24px;font-size:12.5px;color:rgba(245,244,241,0.45);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;}

  .wa-float{position:fixed;bottom:22px;right:22px;z-index:50;width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,0.25);transition:transform .15s ease;}
  .wa-float:hover{transform:scale(1.06);}

  @media(min-width:820px){
    .about-grid{grid-template-columns:0.85fr 1.15fr;}
    .benefits-grid{grid-template-columns:repeat(3,1fr);}
    .benefit{border-right:1px solid var(--line);border-bottom:none;grid-template-columns:1fr;gap:14px;padding:0 28px 0 0;}
    .benefit:last-child{border-right:none;}
    .workshops-grid{grid-template-columns:1fr 1fr;}
    .workshop{border-right:1px solid var(--line);padding-right:36px;}
    .workshop:first-child{padding-left:0;}
    .shop-grid{grid-template-columns:repeat(2,1fr);}
    .gallery-item{display:grid;grid-template-columns:1.15fr 0.85fr;gap:52px;align-items:center;margin-bottom:96px;}
    .gallery-item:nth-child(even) .gallery-art{order:2;}
    .gallery-art{aspect-ratio:5/4;margin-bottom:0;}
    .consult-cards{grid-template-columns:1fr 1fr;}
    .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;}
  }
  @media(min-width:1080px){
    .shop-grid{grid-template-columns:repeat(4,1fr);}
    #prints .shop-grid{grid-template-columns:repeat(3,1fr);}
  }
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{transition:none!important;}}

  /* NEWSLETTER */
  .newsletter{background:var(--paper);border-top:1px solid var(--line);}
  .newsletter-form{display:flex;flex-direction:column;gap:12px;max-width:440px;}
  .newsletter-form input{
    padding:15px 18px;border:1px solid var(--line);background:var(--cream);
    font-family:'Inter',sans-serif;font-size:15px;color:var(--ink);border-radius:2px;
  }
  .newsletter-form input:focus{outline:2px solid var(--clay);outline-offset:1px;}
  .newsletter-note{margin-top:14px;font-size:12.5px;color:var(--ink-soft);}
  @media(min-width:640px){
    .newsletter-form{flex-direction:row;max-width:520px;}
    .newsletter-form input{flex:1;}
    .newsletter-form .btn{flex:none;}
  }

  /* CONTACT */
  .contact{background:var(--ink);color:#F5F4F1;}
  .contact .kicker{color:rgba(245,244,241,0.6);}
  .contact .big-word{color:#F5F4F1;}
  .contact .tagline{color:rgba(245,244,241,0.78);}
  .contact .desc{color:rgba(245,244,241,0.65);}
  .contact-grid{display:grid;grid-template-columns:1fr;gap:44px;margin-top:44px;}
  .contact-form{display:flex;flex-direction:column;gap:16px;}
  .contact-form label{font-size:12.5px;letter-spacing:0.06em;color:rgba(245,244,241,0.6);margin-bottom:6px;display:block;}
  .contact-form input,.contact-form textarea{
    width:100%;padding:14px 16px;background:rgba(245,244,241,0.06);
    border:1px solid rgba(245,244,241,0.22);color:#F5F4F1;
    font-family:'Inter',sans-serif;font-size:15px;border-radius:2px;resize:vertical;
  }
  .contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(245,244,241,0.35);}
  .contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--clay);outline-offset:1px;}
  .contact-form textarea{min-height:120px;}
  .contact-form .btn-light{margin-top:6px;align-self:flex-start;}
  .contact-note{margin-top:12px;font-size:12.5px;color:rgba(245,244,241,0.5);}

  .contact-info{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line-dark);}
  .contact-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--line-dark);}
  .contact-row .label{font-size:12.5px;letter-spacing:0.08em;color:rgba(245,244,241,0.5);}
  .contact-row .value{font-family:'Fraunces',serif;font-size:19px;color:#F5F4F1;}
  .contact-row a.value:hover{color:var(--clay);}
  .contact-hours{margin-top:24px;font-size:13.5px;color:rgba(245,244,241,0.55);display:flex;align-items:center;gap:8px;}
  .contact-hours .dot{width:6px;height:6px;border-radius:50%;background:#8CA36B;flex:none;}

  @media(min-width:820px){
    .contact-grid{grid-template-columns:1.1fr 0.9fr;}
  }

  /* ===================================================================
     MEGA MENU — AÑADIDO el 2026-11-03, NO viene del artifact.
     Pedido por Jose: el menu original tenia 9 items en una fila y por
     debajo de ~1100px se amontonaban («Obras en stock» se partia en tres
     lineas y el boton de la derecha quedaba pisado).
     Prints, Coleccionables y Obras en stock se agrupan bajo «Obra», que
     es la misma palabra que la propia pagina usa en el footer.
     Todo lo de arriba de este bloque es el CSS original, sin tocar.
     =================================================================== */

  /* .nav-links.open alinea a la izquierda, asi que el grupo y su panel se
     quedarian del ancho de su texto y las lineas separadoras saldrian cortas. */
  .nav-group{position:relative;display:flex;flex-direction:column;width:100%;}
  .nav-group-btn{
    font-family:'Inter',sans-serif;font-size:15px;color:var(--ink-soft);
    background:none;border:none;border-bottom:1px solid var(--line);
    padding:12px 0;cursor:pointer;width:100%;text-align:left;
    display:flex;align-items:center;gap:7px;
  }
  .nav-group-btn:hover{color:var(--ink);}
  .caret{
    display:inline-block;width:6px;height:6px;flex:none;
    border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
    transform:translateY(-2px) rotate(45deg);transition:transform .18s ease;
  }
  .nav-group[data-open="true"] .caret{transform:translateY(1px) rotate(-135deg);}

  .mega{display:none;width:100%;}
  .nav-group[data-open="true"] .mega{display:block;}
  /* En movil los sub-enlaces no son hijos directos del flex de .nav-links, asi
     que no heredan su width:100% y quedarian en linea, montados unos sobre
     otros. Hay que declararlos bloque explicitamente. */
  .mega a{display:block;width:100%;padding-left:18px !important;font-size:14.5px !important;}
  .mega-sep{display:none;}
  .mega-tienda{font-weight:600;color:var(--ink) !important;}

  /* El boton de la derecha no se encoge ni se recorta. */
  .nav-bar .nav-cta{flex:none;align-self:center;line-height:1.1;}

  @media(min-width:860px){
    .nav-group{flex-direction:row;align-items:center;width:auto;}
    .nav-group-btn{width:auto;border-bottom:none;padding:0;font-size:14px;}
    .mega{
      position:absolute;top:calc(100% + 18px);left:50%;
      transform:translateX(-50%);min-width:236px;
      background:var(--paper);border:1px solid var(--line);
      box-shadow:0 14px 30px rgba(30,30,28,0.10);
      padding:8px 0;flex-direction:column;z-index:50;width:auto;
    }
    .nav-group[data-open="true"] .mega{display:flex;}
    .mega a{
      padding:11px 22px !important;width:100% !important;
      font-size:14px !important;color:var(--ink-soft);border-bottom:none;
    }
    .mega a:hover{background:var(--cream-2);color:var(--ink);}
    .mega-sep{display:block;height:1px;background:var(--line);margin:8px 0;}
  }