@import url('https://fonts.googleapis.com/css2?family=Exo:wght@700&family=Roboto:wght@400&display=swap');

#ag-strengths,
#ag-strengths * {
  box-sizing: border-box !important;
}

#ag-strengths {
  --ag-yellow: #EAAA04;
  --ag-card: #242424;
  --ag-white: #ffffff;
  --ag-text: #d4d4d4;

  width: 100% !important;
  margin: 0 !important;
  padding: 60px 32px !important;
  overflow: visible !important;

  background:
    radial-gradient(
      circle at 50% 100%,
      rgba(255, 255, 255, .025),
      transparent 38%
    ),
    #050505 !important;
}

#ag-strengths .ag-strengths__inner {
  width: min(1338px, 100%) !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

#ag-strengths .ag-strength-card {
  position: relative !important;
  z-index: 1 !important;

  width: 100% !important;
  height: 352px !important;
  min-height: 352px !important;

  margin: 0 !important;
  padding: 42px 44px 44px !important;

  overflow: visible !important;

  display: flex !important;
  align-items: flex-start !important;

  background: var(--ag-card) !important;
  border: 1px solid rgba(255, 255, 255, .015) !important;

  transform: none !important;
}

/* Fondo amarillo visual más alto, sin mover nada */
#ag-strengths .ag-strength-card::before {
  content: "" !important;

  position: absolute !important;
  top: -18px !important;
  right: 0 !important;
  bottom: -18px !important;
  left: 0 !important;

  z-index: -1 !important;

  background: var(--ag-yellow) !important;
  border: 1px solid var(--ag-yellow) !important;

  opacity: 0 !important;
  visibility: hidden !important;

  box-shadow:
    0 28px 65px rgba(0, 0, 0, .38) !important;

  transition:
    opacity .25s ease,
    visibility .25s ease !important;
}

#ag-strengths .ag-strength-card::after {
  content: none !important;
  display: none !important;
}

#ag-strengths .ag-strength-card:hover {
  z-index: 10 !important;

  background: transparent !important;
  border-color: transparent !important;

  transform: none !important;
}

#ag-strengths .ag-strength-card:hover::before {
  opacity: 1 !important;
  visibility: visible !important;
}

/* El contenido no se mueve */
#ag-strengths .ag-strength-card__content {
  position: relative !important;
  z-index: 2 !important;

  width: 100% !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
}

#ag-strengths .ag-strength-card__icon {
  width: 72px !important;
  height: 72px !important;

  margin: 0 0 25px !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  color: var(--ag-yellow) !important;

  transform: none !important;
  transition: color .25s ease !important;
}

#ag-strengths .ag-strength-card__icon svg {
  display: block !important;

  width: 64px !important;
  height: 64px !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;

  transform: none !important;
}

#ag-strengths .ag-strength-card:hover .ag-strength-card__icon {
  color: #111111 !important;
  transform: none !important;
}

#ag-strengths .ag-strength-card__title {
  margin: 0 0 14px !important;
  padding: 0 !important;

  font-family: "Exo", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;

  font-size: 40px !important;
  line-height: 45px !important;
  letter-spacing: 0 !important;

  text-transform: none !important;

  color: var(--ag-white) !important;

  transform: none !important;

  transition: color .25s ease !important;
}

#ag-strengths .ag-strength-card__text {
  max-width: 580px !important;

  margin: 0 !important;
  padding: 0 !important;

  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;

  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0 !important;

  text-transform: none !important;

  color: var(--ag-text) !important;

  transform: none !important;

  transition: color .25s ease !important;
}

#ag-strengths .ag-strength-card:hover .ag-strength-card__title {
  color: #111111 !important;
  transform: none !important;
}

#ag-strengths .ag-strength-card:hover .ag-strength-card__text {
  color: #2f2f2f !important;
  transform: none !important;
}

@media (max-width: 1100px) {
  #ag-strengths {
    padding: 54px 24px !important;
  }

  #ag-strengths .ag-strength-card {
    height: 360px !important;
    min-height: 360px !important;
    padding: 38px 34px 40px !important;
  }

  #ag-strengths .ag-strength-card::before {
    top: -15px !important;
    bottom: -15px !important;
  }

  #ag-strengths .ag-strength-card__title {
    font-size: 34px !important;
    line-height: 40px !important;
  }

  #ag-strengths .ag-strength-card__text {
    font-size: 18px !important;
    line-height: 28px !important;
  }
}

@media (max-width: 820px) {
  #ag-strengths .ag-strengths__inner {
    grid-template-columns: 1fr !important;
    gap: 44px !important;
  }

  #ag-strengths .ag-strength-card {
    height: 330px !important;
    min-height: 330px !important;
  }
}

@media (max-width: 560px) {
  #ag-strengths {
    padding: 42px 16px !important;
  }

  #ag-strengths .ag-strengths__inner {
    gap: 38px !important;
  }

  #ag-strengths .ag-strength-card {
    height: 300px !important;
    min-height: 300px !important;
    padding: 18px 24px 32px !important;
  }

  #ag-strengths .ag-strength-card::before {
    top: -12px !important;
    bottom: -12px !important;
  }

  #ag-strengths .ag-strength-card__icon {
    width: 62px !important;
    height: 62px !important;
    margin-bottom: 14px !important;
  }

  #ag-strengths .ag-strength-card__icon svg {
    width: 56px !important;
    height: 56px !important;
  }

  #ag-strengths .ag-strength-card__title {
    font-size: 30px !important;
    line-height: 36px !important;
    margin-bottom: 12px !important;
  }

  #ag-strengths .ag-strength-card__text {
    font-size: 16px !important;
    line-height: 26px !important;
  }


  /* En móvil el texto descriptivo se ajusta solo al ancho de la tarjeta. */
  #ag-strengths .ag-strength-card__text br {
    display: none !important;
  }
}

@media (hover: none) {
  #ag-strengths .ag-strength-card:active {
    background: transparent !important;
    border-color: transparent !important;
    transform: none !important;
  }

  #ag-strengths .ag-strength-card:active::before {
    opacity: 1 !important;
    visibility: visible !important;
  }

  #ag-strengths .ag-strength-card:active .ag-strength-card__icon {
    color: #111111 !important;
    transform: none !important;
  }

  #ag-strengths .ag-strength-card:active .ag-strength-card__title {
    color: #111111 !important;
    transform: none !important;
  }

  #ag-strengths .ag-strength-card:active .ag-strength-card__text {
    color: #2f2f2f !important;
    transform: none !important;
  }
}


/* =========================================================
   MÓDULO 2 DEL WIDGET FORTALEZAS
   MISIÓN / VISIÓN / POLÍTICA DE CALIDAD
   Totalmente aislado del módulo Fortalezas existente.
========================================================= */
#ag-values-block,
#ag-values-block *{
  box-sizing:border-box !important;
}

#ag-values-block{
  --ag-yellow:#EAAA04;
  --ag-text:#d7d7d7;
  --ag-line:rgba(255,255,255,.25);

  width:100% !important;
  margin:0 !important;
  padding:0 !important;

  background:#000000 !important;
  overflow:hidden !important;
}

#ag-values-block .ag-values__inner{
  width:min(1080px,calc(100% - 70px)) !important;
  min-height:420px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:center !important;
}

#ag-values-block .ag-values__item{
  position:relative !important;
  width:100% !important;
  min-height:278px !important;
  padding:18px 34px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

#ag-values-block .ag-values__item:not(:last-child)::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  right:0 !important;
  transform:translateY(-50%) !important;
  width:1px !important;
  height:278px !important;
  background:var(--ag-line) !important;
}

#ag-values-block .ag-values__title{
  margin:0 0 20px !important;
  padding:0 !important;
  font-family:"Exo",sans-serif !important;
  font-weight:600 !important;
  font-style:normal !important;
  font-size:35px !important;
  line-height:1.08 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-transform:none !important;
  color:var(--ag-yellow) !important;
}

#ag-values-block .ag-values__text{
  margin:0 auto !important;
  padding:0 !important;
  font-family:"Roboto",sans-serif !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-size:17px !important;
  line-height:25px !important;
  letter-spacing:0 !important;
  text-align:center !important;
  color:var(--ag-text) !important;
}

#ag-values-block .ag-values__text--mission,
#ag-values-block .ag-values__text--vision,
#ag-values-block .ag-values__text--quality{
  width:100% !important;
  max-width:315px !important;
}

#ag-values-block .ag-values-pc-break{
  display:inline !important;
}

@media (max-width:1200px) and (min-width:1101px){
  #ag-values-block .ag-values__inner{
    width:calc(100% - 50px) !important;
  }

  #ag-values-block .ag-values__item{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  #ag-values-block .ag-values__title{
    font-size:32px !important;
    line-height:38px !important;
  }

  #ag-values-block .ag-values__text{
    font-size:16px !important;
    line-height:24px !important;
  }
}

@media (max-width:1100px) and (min-width:769px){
  #ag-values-block .ag-values__inner{
    width:calc(100% - 40px) !important;
    min-height:390px !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    padding:0 !important;
  }

  #ag-values-block .ag-values__item{
    width:100% !important;
    min-height:250px !important;
    padding:18px 20px !important;
  }

  #ag-values-block .ag-values__title{
    font-size:30px !important;
    line-height:34px !important;
    margin-bottom:16px !important;
  }

  #ag-values-block .ag-values__text,
  #ag-values-block .ag-values__text--mission,
  #ag-values-block .ag-values__text--vision,
  #ag-values-block .ag-values__text--quality{
    width:100% !important;
    max-width:260px !important;
    font-size:15px !important;
    line-height:22px !important;
  }

  #ag-values-block .ag-values-pc-break{
    display:none !important;
  }

  #ag-values-block .ag-values__item:not(:last-child)::after{
    top:50% !important;
    right:0 !important;
    bottom:auto !important;
    left:auto !important;
    transform:translateY(-50%) !important;
    width:1px !important;
    height:240px !important;
    background:var(--ag-line) !important;
  }

  #ag-values-block .ag-values__item--quality .ag-values__title{
    max-width:210px !important;
  }
}

@media (max-width:768px){
  #ag-values-block .ag-values__inner{
    width:calc(100% - 50px) !important;
    min-height:auto !important;
    grid-template-columns:1fr !important;
    padding:50px 0 !important;
  }

  #ag-values-block .ag-values__item{
    width:100% !important;
    min-height:auto !important;
    padding:38px 22px !important;
  }

  #ag-values-block .ag-values__item:not(:last-child)::after{
    top:auto !important;
    right:auto !important;
    left:50% !important;
    bottom:0 !important;
    transform:translateX(-50%) !important;
    width:72% !important;
    height:1px !important;
  }

  #ag-values-block .ag-values__title{
    font-size:32px !important;
    line-height:38px !important;
    margin-bottom:16px !important;
  }

  #ag-values-block .ag-values__text,
  #ag-values-block .ag-values__text--mission,
  #ag-values-block .ag-values__text--vision,
  #ag-values-block .ag-values__text--quality{
    width:100% !important;
    max-width:520px !important;
    font-size:17px !important;
    line-height:25px !important;
    text-wrap:balance !important;
  }

  #ag-values-block .ag-values-pc-break{
    display:none !important;
  }
}

@media (max-width:560px){
  #ag-values-block .ag-values__inner{
    width:calc(100% - 30px) !important;
    padding:40px 0 !important;
  }

  #ag-values-block .ag-values__item{
    padding:30px 12px !important;
  }

  #ag-values-block .ag-values__title{
    font-size:30px !important;
    line-height:36px !important;
    margin-bottom:14px !important;
  }

  #ag-values-block .ag-values__text,
  #ag-values-block .ag-values__text--mission,
  #ag-values-block .ag-values__text--vision,
  #ag-values-block .ag-values__text--quality{
    width:100% !important;
    max-width:100% !important;
    font-size:16px !important;
    line-height:24px !important;
    text-wrap:balance !important;
  }

  #ag-values-block .ag-values__item:not(:last-child)::after{
    width:82% !important;
  }

  #ag-values-block .ag-values-pc-break{
    display:none !important;
  }
}