/* Astacio Systems — Premium V9 final polish
   Correcciones de legibilidad, producto, responsive y consistencia visual. */

:root{
  --v9-cream:#FFF9F1;
  --v9-cream-2:#F8ECDD;
  --v9-champagne:#E5C7A5;
  --v9-champagne-2:#DAB58C;
  --v9-bronze:#9A6038;
  --v9-bronze-deep:#75462B;
  --v9-ink:#2A211B;
  --v9-text:#4B3E34;
  --v9-muted:#655446;
  --v9-dark:#1E1713;
  --v9-dark-2:#2A1F19;
  --v9-dark-3:#392A22;
  --v9-line:rgba(117,70,43,.20);
  --v9-line-strong:rgba(117,70,43,.34);
  --v9-light-text:#F9EFE4;
  --v9-light-muted:#E4D3C0;
  --v9-shadow:0 30px 80px rgba(77,49,30,.12);
  --v9-shadow-soft:0 18px 52px rgba(77,49,30,.08);
}

/* =========================================================
   VISUAL LANGUAGE — same premium frame across every image
   ========================================================= */
.site-premium .page-premium-visual,
.home-premium .home-hero-stage,
.home-premium .home-essence-figure,
.site-premium.page-products .project-visual{
  background:
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.72),transparent 24%),
    linear-gradient(145deg,#D9B58E 0%,#E9CFB2 48%,#F8EBDD 100%)!important;
  border:1px solid var(--v9-line-strong)!important;
  box-shadow:var(--v9-shadow)!important;
  overflow:hidden!important;
}
.site-premium .page-premium-visual,
.home-premium .home-hero-stage{
  border-radius:34px!important;
}
.home-premium .home-essence-figure,
.site-premium.page-products .project-visual{
  border-radius:28px!important;
}
.site-premium .page-premium-visual img,
.home-premium .home-hero-stage img,
.home-premium .home-essence-figure img,
.site-premium.page-products .project-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.site-premium .page-premium-visual::after,
.home-premium .home-hero-stage::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46),inset 0 -1px 0 rgba(94,56,34,.08);
}
:root[data-theme="dark"] .site-premium .page-premium-visual,
:root[data-theme="dark"] .home-premium .home-hero-stage,
:root[data-theme="dark"] .home-premium .home-essence-figure,
:root[data-theme="dark"] .site-premium.page-products .project-visual{
  background:
    radial-gradient(circle at 82% 12%,rgba(236,207,173,.10),transparent 25%),
    linear-gradient(145deg,#3B2A22 0%,#4A3327 50%,#67472F 100%)!important;
  border-color:rgba(235,212,183,.20)!important;
  box-shadow:0 30px 82px rgba(0,0,0,.30)!important;
}

/* =========================================================
   ABOUT / VALUES — fix the compressed 46px text column
   ========================================================= */
.site-premium.page-about .values-section{
  background:
    radial-gradient(circle at 88% 10%,rgba(255,255,255,.42),transparent 24%),
    linear-gradient(145deg,#E0BC94 0%,#ECD1B1 50%,#F7E7D6 100%)!important;
}
.site-premium.page-about .values-intro{
  align-items:end!important;
  margin-bottom:36px!important;
}
.site-premium.page-about .values-intro .section-title,
.site-premium.page-about .values-intro>p{
  color:var(--v9-ink)!important;
}
.site-premium.page-about .value-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  border:0!important;
}
.site-premium.page-about .value-list article,
.site-premium.page-about .value-list article:nth-child(odd),
.site-premium.page-about .value-list article:nth-child(even){
  min-width:0!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  padding:26px!important;
  border:1px solid rgba(117,70,43,.18)!important;
  border-radius:22px!important;
  background:rgba(255,249,241,.50)!important;
  box-shadow:0 12px 34px rgba(96,60,36,.05)!important;
}
.site-premium.page-about .value-list article>div{
  min-width:0!important;
}
.site-premium.page-about .value-list .card-icon{
  width:34px!important;
  height:34px!important;
  margin-top:2px!important;
  color:var(--v9-bronze-deep)!important;
}
.site-premium.page-about .value-list h3{
  margin:0 0 8px!important;
  color:var(--v9-ink)!important;
  font-size:18px!important;
  line-height:1.25!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.site-premium.page-about .value-list p{
  margin:0!important;
  color:var(--v9-text)!important;
  font-size:14.5px!important;
  line-height:1.68!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
:root[data-theme="dark"] .site-premium.page-about .values-section{
  background:
    radial-gradient(circle at 86% 10%,rgba(236,207,173,.08),transparent 26%),
    linear-gradient(145deg,#3B2A22,#4E3629 58%,#65462F)!important;
}
:root[data-theme="dark"] .site-premium.page-about .values-intro .section-title,
:root[data-theme="dark"] .site-premium.page-about .values-intro>p,
:root[data-theme="dark"] .site-premium.page-about .value-list h3{
  color:var(--v9-light-text)!important;
}
:root[data-theme="dark"] .site-premium.page-about .value-list p{
  color:var(--v9-light-muted)!important;
}
:root[data-theme="dark"] .site-premium.page-about .value-list article{
  background:rgba(30,23,19,.28)!important;
  border-color:rgba(235,212,183,.16)!important;
}

/* =========================================================
   ABOUT / STANDARDS — eliminate white-on-light text
   ========================================================= */
.site-premium.page-about .standards-editorial{
  position:relative!important;
  background:
    radial-gradient(circle at 80% 14%,rgba(255,255,255,.66),transparent 28%),
    linear-gradient(145deg,#F7E9D8 0%,#E9CEAE 100%)!important;
  color:var(--v9-ink)!important;
}
.site-premium.page-about .standards-editorial::before{
  opacity:.34!important;
  background:linear-gradient(120deg,transparent 0 72%,rgba(154,96,56,.08) 72% 73%,transparent 73%)!important;
}
.site-premium.page-about .standards-editorial .section-title,
.site-premium.page-about .standards-editorial .section-head>p,
.site-premium.page-about .standard-lines strong{
  color:var(--v9-ink)!important;
}
.site-premium.page-about .standards-editorial .section-kicker,
.site-premium.page-about .standard-lines span{
  color:var(--v9-bronze-deep)!important;
}
.site-premium.page-about .standard-lines{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  border-color:var(--v9-line)!important;
}
.site-premium.page-about .standard-lines>div{
  padding:30px 32px 30px 0!important;
  border-color:var(--v9-line)!important;
}
.site-premium.page-about .standard-lines>div:nth-child(even){
  padding-left:32px!important;
}
.site-premium.page-about .standard-lines strong{
  font-size:17px!important;
  line-height:1.35!important;
}
.site-premium.page-about .standard-lines p{
  color:var(--v9-text)!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.site-premium.page-about .section-action-row .text-link{
  color:var(--v9-bronze-deep)!important;
}
:root[data-theme="dark"] .site-premium.page-about .standards-editorial{
  background:
    radial-gradient(circle at 82% 12%,rgba(231,199,151,.08),transparent 28%),
    linear-gradient(145deg,#251B16,#33241C 55%,#443025)!important;
}
:root[data-theme="dark"] .site-premium.page-about .standards-editorial .section-title,
:root[data-theme="dark"] .site-premium.page-about .standards-editorial .section-head>p,
:root[data-theme="dark"] .site-premium.page-about .standard-lines strong{
  color:var(--v9-light-text)!important;
}
:root[data-theme="dark"] .site-premium.page-about .standard-lines p{
  color:var(--v9-light-muted)!important;
}
:root[data-theme="dark"] .site-premium.page-about .standard-lines,
:root[data-theme="dark"] .site-premium.page-about .standard-lines>div{
  border-color:rgba(235,212,183,.16)!important;
}

/* =========================================================
   PRODUCT CARDS — official showcase + readable hierarchy
   ========================================================= */
.site-premium .project-card{
  border:1px solid var(--v9-line)!important;
  background:var(--v9-cream)!important;
  box-shadow:var(--v9-shadow-soft)!important;
  overflow:hidden!important;
}
.site-premium .project-card .project-visual{
  min-height:330px!important;
  padding:22px!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.76),transparent 28%),
    linear-gradient(145deg,#F1E1CF,#FFF8EF)!important;
}
.site-premium .project-card .product-logo-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.site-premium .project-card .card-body{
  background:linear-gradient(180deg,#FFF9F1,#F6E8D8)!important;
  color:var(--v9-ink)!important;
}
.site-premium .project-card .card-body h3{
  color:var(--v9-ink)!important;
  font-size:clamp(30px,3vw,46px)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}
.site-premium .project-card .card-body p{
  color:var(--v9-text)!important;
  font-size:16px!important;
  line-height:1.72!important;
}
.site-premium .project-card .text-link{
  color:var(--v9-bronze-deep)!important;
  font-weight:800!important;
}
.site-premium .project-card .tag{
  color:#54463B!important;
  background:#F5EFE8!important;
  border-color:rgba(84,70,59,.16)!important;
}
.site-premium .project-card .status{
  color:#6B472A!important;
  background:#F4DFBF!important;
}
:root[data-theme="dark"] .site-premium .project-card{
  background:#2A1F19!important;
  border-color:rgba(235,212,183,.18)!important;
  box-shadow:var(--v9-shadow)!important;
}
:root[data-theme="dark"] .site-premium .project-card .project-visual{
  background:
    radial-gradient(circle at 82% 12%,rgba(231,199,151,.08),transparent 28%),
    linear-gradient(145deg,#3A2A22,#4B3528)!important;
}
:root[data-theme="dark"] .site-premium .project-card .card-body{
  background:linear-gradient(180deg,#2E211A,#231A15)!important;
}
:root[data-theme="dark"] .site-premium .project-card .card-body h3{
  color:var(--v9-light-text)!important;
}
:root[data-theme="dark"] .site-premium .project-card .card-body p{
  color:var(--v9-light-muted)!important;
}
:root[data-theme="dark"] .site-premium .project-card .text-link{
  color:#F0D2A7!important;
}
:root[data-theme="dark"] .site-premium .project-card .tag{
  color:#F0E1D0!important;
  background:#3B2B23!important;
  border-color:rgba(235,212,183,.18)!important;
}
:root[data-theme="dark"] .site-premium .project-card .status{
  color:#F6E6D2!important;
  background:#5A3D2A!important;
}

/* On the home page the featured product should feel editorial, not split by a blue block */
.home-premium .home-product .project-card{
  grid-template-columns:minmax(420px,1.05fr) minmax(0,.95fr)!important;
}
.home-premium .home-product .project-card .project-visual{
  min-height:470px!important;
}
.home-premium .home-product .project-card .card-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:54px!important;
}

/* =========================================================
   SERVICES / PRINCIPLES — enforce readable text everywhere
   ========================================================= */
.site-premium .service-principles,
.site-premium .product-principles-section,
.site-premium .mibolsillo-scope-section{
  background:
    radial-gradient(circle at 86% 12%,rgba(255,255,255,.42),transparent 28%),
    linear-gradient(145deg,#E2BF97,#EDD3B4 52%,#F7E7D6)!important;
  color:var(--v9-ink)!important;
}
.site-premium .service-principles .section-title,
.site-premium .product-principles-section .section-title,
.site-premium .mibolsillo-scope-section .section-title,
.site-premium .service-principles h3,
.site-premium .product-principles-section h3,
.site-premium .mibolsillo-scope-section h3,
.site-premium .service-principles strong,
.site-premium .product-principles-section strong,
.site-premium .mibolsillo-scope-section strong{
  color:var(--v9-ink)!important;
}
.site-premium .service-principles p,
.site-premium .product-principles-section p,
.site-premium .mibolsillo-scope-section p{
  color:var(--v9-text)!important;
}
.site-premium .service-principles .section-kicker,
.site-premium .product-principles-section .section-kicker,
.site-premium .mibolsillo-scope-section .section-kicker{
  color:var(--v9-bronze-deep)!important;
}
:root[data-theme="dark"] .site-premium .service-principles,
:root[data-theme="dark"] .site-premium .product-principles-section,
:root[data-theme="dark"] .site-premium .mibolsillo-scope-section{
  background:linear-gradient(145deg,#3A2A22,#50382A 54%,#68482F)!important;
}
:root[data-theme="dark"] .site-premium .service-principles .section-title,
:root[data-theme="dark"] .site-premium .product-principles-section .section-title,
:root[data-theme="dark"] .site-premium .mibolsillo-scope-section .section-title,
:root[data-theme="dark"] .site-premium .service-principles h3,
:root[data-theme="dark"] .site-premium .product-principles-section h3,
:root[data-theme="dark"] .site-premium .mibolsillo-scope-section h3,
:root[data-theme="dark"] .site-premium .service-principles strong,
:root[data-theme="dark"] .site-premium .product-principles-section strong,
:root[data-theme="dark"] .site-premium .mibolsillo-scope-section strong{
  color:var(--v9-light-text)!important;
}
:root[data-theme="dark"] .site-premium .service-principles p,
:root[data-theme="dark"] .site-premium .product-principles-section p,
:root[data-theme="dark"] .site-premium .mibolsillo-scope-section p{
  color:var(--v9-light-muted)!important;
}

/* =========================================================
   TYPE / SPACING / READABILITY
   ========================================================= */
.site-premium .story-copy,
.site-premium .values-intro>p,
.site-premium .section-head>p{
  max-width:62ch!important;
}
.site-premium .story-copy p,
.site-premium .values-intro>p,
.site-premium .section-head>p{
  font-size:16px!important;
  line-height:1.75!important;
}
.site-premium .section-title{
  text-wrap:balance;
}
.site-premium .lead{
  max-width:64ch;
}
.site-premium .section-nav-inner{
  overflow-x:auto!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch;
}
.site-premium .section-nav-inner::-webkit-scrollbar{display:none}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1120px){
  .site-premium.page-about .value-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:860px){
  .home-premium .home-product .project-card{
    grid-template-columns:1fr!important;
  }
  .home-premium .home-product .project-card .project-visual{
    min-height:360px!important;
  }
  .home-premium .home-product .project-card .card-body{
    padding:36px!important;
  }
}
@media(max-width:700px){
  .site-premium.page-about .value-list{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .site-premium.page-about .value-list article,
  .site-premium.page-about .value-list article:nth-child(odd),
  .site-premium.page-about .value-list article:nth-child(even){
    grid-template-columns:44px minmax(0,1fr)!important;
    padding:22px!important;
    border-left:1px solid rgba(117,70,43,.18)!important;
  }
  .site-premium.page-about .standard-lines{
    grid-template-columns:1fr!important;
  }
  .site-premium.page-about .standard-lines>div,
  .site-premium.page-about .standard-lines>div:nth-child(even){
    padding:24px 0!important;
    border-right:0!important;
  }
  .site-premium .project-card .project-visual,
  .home-premium .home-product .project-card .project-visual{
    min-height:280px!important;
    padding:14px!important;
  }
  .site-premium .project-card .card-body,
  .home-premium .home-product .project-card .card-body{
    padding:28px 24px!important;
  }
  .site-premium .project-card .card-body h3{
    font-size:34px!important;
  }
}
@media(max-width:420px){
  .site-premium.page-about .value-list article{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:12px!important;
    padding:20px 18px!important;
  }
  .site-premium.page-about .value-list .card-icon{
    width:30px!important;height:30px!important;
  }
  .site-premium.page-about .value-list h3{font-size:17px!important}
  .site-premium.page-about .value-list p{font-size:14px!important}
  .site-premium .project-card .project-top{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
  }
}