/* Copia aislada de la sección "Por qué Taller Manager" del proyecto OPT_WebAssembly. */
.home-photo-restored .talleropt-manager-bento {
  background: transparent;
  color: #f0f2f8;
  overflow: hidden;
  padding: 120px 24px;
  position: relative;
  z-index: 2;
}

.home-photo-restored .talleropt-manager-bento::before {
  content: "";
  display: none;
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.home-photo-restored .talleropt-manager-bento .tm-inner {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-head {
  margin-bottom: 60px;
  text-align: left;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-head .tm-block-title {
  text-align: center;
}

.home-photo-restored .talleropt-manager-bento .tm-block-tag {
  color: rgba(255, 140, 0, 0.7);
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.home-photo-restored .talleropt-manager-bento .tm-block-title {
  color: #f0f2f8;
  font-size: clamp(1.9rem, 4vw, 2.8rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.12;
  margin: 0 0 20px;
}

.home-photo-restored .talleropt-manager-bento .tm-orange-accent {
  color: #ff8c00;
}

.home-photo-restored .talleropt-manager-bento .tm-block-desc {
  color: rgba(255, 255, 255, 0.55);
  font-size: 1.05rem;
  line-height: 1.75;
  margin: 0 0 22px;
}

.home-photo-restored.tm-motion-ready .talleropt-manager-bento .tm-reveal {
  opacity: 0;
  transform: translateY(34px);
}

.home-photo-restored .talleropt-manager-bento .tm-tilt {
  --tm-tilt-x: 0deg;
  --tm-tilt-y: 0deg;
  transform-style: preserve-3d;
  transition:
    transform 0.42s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.4s,
    box-shadow 0.4s;
  will-change: transform;
}

.home-photo-restored .talleropt-manager-bento .tm-card-glow {
  background: radial-gradient(circle at var(--glow-x, 50%) var(--glow-y, 50%), rgba(255, 140, 0, 0.1), transparent 58%);
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.4s ease;
  z-index: 0;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-card:hover .tm-card-glow {
  opacity: 1;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-grid {
  display: grid;
  gap: 18px;
  grid-auto-rows: minmax(230px, auto);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-photo-restored .talleropt-manager-bento .tm-bento-card {
  background: rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 22px;
  min-height: 230px;
  overflow: hidden;
  padding: 28px;
  position: relative;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-card:hover {
  border-color: rgba(255, 140, 0, 0.25);
  box-shadow: 0 24px 78px rgba(255, 100, 0, 0.14);
  transform: perspective(800px) rotateY(var(--tm-tilt-x, 0deg)) rotateX(var(--tm-tilt-y, 0deg)) translateY(-7px) scale(1.015);
}

.home-photo-restored .talleropt-manager-bento .tm-bento-card--wide {
  display: grid;
  gap: 22px;
  grid-column: span 2;
  grid-row: span 2;
  grid-template-rows: auto 1fr;
  min-height: 478px;
  padding: 0;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-card--wide .tm-bento-copy {
  padding: 32px 32px 0;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-card--wide .tm-bento-visual {
  border-radius: 0 0 22px 22px;
  min-height: 240px;
  overflow: hidden;
  position: relative;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-card--wide .tm-bento-visual img {
  height: 100%;
  inset: 0;
  object-fit: cover;
  opacity: 0.6;
  position: absolute;
  transition:
    transform 0.8s ease,
    opacity 0.5s;
  width: 100%;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-card--wide:hover .tm-bento-visual img {
  opacity: 0.75;
  transform: scale(1.05);
}

.home-photo-restored .talleropt-manager-bento .tm-bento-visual-overlay {
  background: linear-gradient(to top, rgba(3, 8, 18, 0.95) 0%, rgba(3, 8, 18, 0.4) 50%, transparent 100%);
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-card > span,
.home-photo-restored .talleropt-manager-bento .tm-bento-copy span {
  color: rgba(255, 180, 100, 0.85);
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-card h3 {
  color: #fff;
  font-size: 1.22rem;
  font-weight: 800;
  line-height: 1.22;
  margin: 0 0 12px;
  position: relative;
  z-index: 1;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-card--wide h3 {
  font-size: 1.72rem;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-card p {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.94rem;
  line-height: 1.66;
  margin: 0 0 18px;
  position: relative;
  z-index: 1;
}

.home-photo-restored .talleropt-manager-bento .tm-bento-icon {
  align-items: center;
  bottom: 22px;
  color: #ff8c00;
  display: inline-flex;
  height: 42px;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: 22px;
  width: 42px;
  z-index: 1;
}

@media (max-width: 1100px) {
  .home-photo-restored .talleropt-manager-bento .tm-bento-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-photo-restored .talleropt-manager-bento .tm-bento-card--wide {
    grid-column: span 2;
  }
}

@media (max-width: 900px) {
  .home-photo-restored .talleropt-manager-bento {
    padding: 80px 20px;
  }
}

@media (max-width: 768px) {
  .home-photo-restored .talleropt-manager-bento .tm-bento-grid {
    grid-template-columns: 1fr;
  }

  .home-photo-restored .talleropt-manager-bento .tm-bento-card--wide {
    display: flex;
    flex-direction: column;
    grid-column: span 1;
    min-height: auto;
  }

  .home-photo-restored .talleropt-manager-bento .tm-bento-card--wide .tm-bento-visual {
    min-height: 180px;
  }
}

@media (max-width: 480px) {
  .home-photo-restored .talleropt-manager-bento .tm-block-title {
    font-size: 1.5rem;
  }

  .home-photo-restored .talleropt-manager-bento .tm-bento-card {
    padding: 22px;
  }

  .home-photo-restored .talleropt-manager-bento .tm-bento-card--wide .tm-bento-copy {
    padding: 24px 24px 0;
  }
}


/* Integration with the site's existing SSR lifecycle and stable card movement. */
.home-photo-restored .talleropt-manager-bento .tm-bento-card.tm-reveal.is-pending { opacity:0; transform:translateY(34px); }
.home-photo-restored .talleropt-manager-bento .tm-bento-card.tm-reveal.is-visible { opacity:1; transform:none; }
.home-photo-restored .talleropt-manager-bento .tm-bento-head.tm-reveal.is-pending { opacity:0; transform:translateY(34px); }
.home-photo-restored .talleropt-manager-bento .tm-tilt.tm-tilting { transition:opacity .8s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s; }
.home-photo-restored .talleropt-manager-bento .tm-bento-card.tm-tilting { border-color:rgba(255,140,0,.25); box-shadow:0 24px 78px rgba(255,100,0,.14); }
.home-photo-restored .talleropt-manager-bento .tm-bento-card.tm-tilting .tm-card-glow { opacity:1; }
.home-photo-restored .talleropt-manager-bento .tm-bento-card--wide.tm-tilting .tm-bento-visual img { opacity:.75; transform:scale(1.05); }
.home-photo-restored .talleropt-manager-bento .tm-bento-card.tm-tilt>.tm-bento-icon { position:absolute; }
@media(prefers-reduced-motion:reduce) {
    .home-photo-restored .talleropt-manager-bento .tm-reveal.is-pending { opacity:1; transform:none; }
    .home-photo-restored .talleropt-manager-bento .tm-bento-card:hover { transform:none; }
}


/* Bloque original añadido por talleropt/agent.js debajo de las cinco tarjetas. */
.home-photo-restored .talleropt-manager-bento .oa-teaser {
  --oa-white:#f0f2f8;
  font-family:"Mona Sans",Arial,sans-serif;
  color:var(--oa-white);text-align:left;
  background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.055);
  border-radius:22px;overflow:clip;position:relative;min-width:0;
  display:grid;grid-template-columns:120px 1fr;align-items:center;gap:28px;
  padding:28px 32px 28px 20px;margin-top:18px;
  transition:transform .42s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s,opacity .8s cubic-bezier(.16,1,.3,1);
}
.home-photo-restored .talleropt-manager-bento .oa-teaser * { box-sizing:border-box; }
.home-photo-restored .talleropt-manager-bento .oa-teaser :where(h3,p) { margin:0; }
.home-photo-restored .talleropt-manager-bento .oa-teaser .oa-eyebrow {
  color:rgba(255,180,100,.85);display:block;font-size:.72rem;font-weight:800;
  letter-spacing:.08em;line-height:1.6;margin-bottom:14px;text-transform:uppercase;
}
.home-photo-restored .talleropt-manager-bento .oa-teaser h3 {
  color:#fff;font-size:1.72rem;font-weight:800;letter-spacing:-.02em;line-height:1.22;margin-bottom:14px;
}
.home-photo-restored .talleropt-manager-bento .oa-teaser p { color:rgba(255,255,255,.55);font-size:.94rem;line-height:1.66;margin:0; }
.home-photo-restored .talleropt-manager-bento .oa-teaser-avatar { width:120px;height:146px;overflow:clip;align-self:end; }
.home-photo-restored .talleropt-manager-bento .oa-teaser-avatar img { width:166px;max-width:none;height:146px;object-fit:cover;object-position:center top;margin-left:-23px; }
.home-photo-restored .talleropt-manager-bento .oa-teaser-copy { max-width:920px;min-width:0; }
.home-photo-restored .talleropt-manager-bento .oa-teaser.tm-reveal.is-pending { opacity:0;transform:translateY(34px); }
.home-photo-restored .talleropt-manager-bento .oa-teaser.tm-tilting { border-color:rgba(255,140,0,.25);box-shadow:0 24px 78px rgba(255,100,0,.14);transition:opacity .8s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s; }
@media(max-width:768px) {
  .home-photo-restored .talleropt-manager-bento .oa-teaser { grid-template-columns:82px 1fr;gap:20px;padding:24px; }
  .home-photo-restored .talleropt-manager-bento .oa-teaser-avatar { width:82px;height:108px;align-self:start; }
  .home-photo-restored .talleropt-manager-bento .oa-teaser-avatar img { width:120px;height:108px;margin-left:-19px; }
  .home-photo-restored .talleropt-manager-bento .oa-teaser h3 { font-size:1.35rem; }
  .home-photo-restored .talleropt-manager-bento .oa-teaser .oa-eyebrow { font-size:.6rem; }
}
@media(max-width:480px) {
  .home-photo-restored .talleropt-manager-bento .oa-teaser { grid-template-columns:1fr;padding:24px; }
  .home-photo-restored .talleropt-manager-bento .oa-teaser p { font-size:.86rem; }
  .home-photo-restored .talleropt-manager-bento .oa-teaser-avatar { position:absolute!important;right:20px;top:10px;width:64px;height:76px; }
  .home-photo-restored .talleropt-manager-bento .oa-teaser-avatar img { width:88px;height:76px;margin-left:-12px; }
  .home-photo-restored .talleropt-manager-bento .oa-teaser .oa-eyebrow,
  .home-photo-restored .talleropt-manager-bento .oa-teaser h3 { padding-right:65px; }
  .home-photo-restored .talleropt-manager-bento .oa-teaser h3 { font-size:1.3rem;margin-bottom:24px; }
  .home-photo-restored .talleropt-manager-bento .oa-teaser .oa-eyebrow { font-size:.55rem; }
}
@media(prefers-reduced-motion:reduce) {
  .home-photo-restored .talleropt-manager-bento .oa-teaser.tm-reveal.is-pending { opacity:1;transform:none; }
  .home-photo-restored .talleropt-manager-bento .oa-teaser { transition:none; }
}