.elementor-25203 .elementor-element.elementor-element-03aa30d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-25203 .elementor-element.elementor-element-03aa30d{--margin-top:030px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-b97981b */.manual-index{
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #163A4A;
}

.manual-index__title{
  text-align: center;
  font-size: 35px;
  font-weight: 600;
  margin: 0 0 6px 0;
}

.manual-index__subtitle{
  text-align: center;
  font-size: 18px;
  color: rgba(22,58,74,.70);
  margin: 0 0 22px 0;
}

/* Grid */
.manual-index__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

/* Card base */
.manual-index__card{
  display: flex;
  align-items: center;
  gap: 16px;

  padding: 18px 18px;
  border-radius: 22px;

  background: #fff;
  border: 1px solid rgba(22,58,74,.18);
  box-shadow: 0 14px 28px rgba(22,58,74,.10);

  text-decoration: none;
  color: #163A4A;

  transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease;
}

.manual-index__card:hover{
  border-color: rgba(2,193,203,.65);
  box-shadow: 0 18px 34px rgba(2,193,203,.18);
}

.manual-index__card:active{
  transform: scale(.99);
}

/* Badge */
.manual-index__badge{
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: #163A4A;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 20px;
  flex: 0 0 auto;
}

/* Content */
.manual-index__content{
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
}

.manual-index__cardtitle{
  font-size: 22px;
  line-height: 1.15;
  font-weight: 800;
}

.manual-index__desc{
  font-size: 17px;
  line-height: 1.25;
  color: rgba(22,58,74,.70);
}

/* Arrow */
.manual-index__arrow{
  font-size: 26px;
  font-weight: 900;
  color: #02C1CB;
  flex: 0 0 auto;
}

/* Featured card (como el módulo 8) */
.manual-index__card--featured{
  background: radial-gradient(circle at 20% 30%, rgba(2,193,203,.20), rgba(246,251,252,.95) 60%, #ffffff 100%);
  border-color: rgba(2,193,203,.35);
}

.manual-index__badge--featured{
  background: linear-gradient(135deg, #163A4A, #02C1CB);
}

/* Mobile */
@media (max-width: 767px){
  .manual-index__title{ font-size: 34px; }
  .manual-index__subtitle{ font-size: 16px; }

  .manual-index__grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .manual-index__card{
    padding: 16px 16px;
    border-radius: 18px;
  }

  .manual-index__badge{
    width: 52px;
    height: 52px;
    border-radius: 16px;
    font-size: 18px;
  }

  .manual-index__cardtitle{ font-size: 20px; }
  .manual-index__desc{ font-size: 16px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03aa30d *//* ===== WRAP: crea el “aire” en móvil sí o sí ===== */
.manual-index-wrap{
  padding: 22px 16px !important;   /* <- esto es lo que evita que toque laterales */
}

/* ===== TARJETA PRINCIPAL ===== */
.manual-index-card{
  max-width: 820px;
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid rgba(22,58,74,.12);
  border-radius: 22px;
  box-shadow: 0 18px 36px rgba(22,58,74,.10);
  padding: 34px 26px;
  box-sizing: border-box;
}

/* ===== TITULOS ===== */
.manual-index-title{
  margin: 0 0 12px 0;
  font-size: 35px;
  line-height: 1.1;
  color: #163A4A;
  font-weight: 600;
  text-align: center;
}

.manual-index-subtitle{
  margin: 0 0 22px 0;
  font-size: 20px;
  color: rgba(22,58,74,.85);
  text-align: center;
  line-height: 1.4;
}

/* ===== BLOQUE INTERIOR ===== */
.manual-index-block{
  margin: 0 auto;
  max-width: 680px;
  background: rgba(246,251,252,.9);
  border: 1px solid rgba(22,58,74,.12);
  border-radius: 18px;
  padding: 20px 18px;
}

.manual-index-block-title{
  margin: 0 0 6px 0;
  font-size: 22px;
  font-weight: 600;
  color: #163A4A;
  text-align: center;
}

.manual-index-block-note{
  margin: 0 0 18px 0;
  text-align: center;
  color: rgba(22,58,74,.7);
  font-size: 16px;
}

/* ===== ITEM (MÓDULO) ===== */
.manual-index-item{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 16px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(22,58,74,.16);
  text-decoration: none;
  color: #163A4A;
  box-shadow: 0 12px 24px rgba(22,58,74,.06);
  transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease;
  margin-bottom: 12px;
}

.manual-index-item:last-child{ margin-bottom: 0; }

.manual-index-item:hover{
  border-color: rgba(2,193,203,.7);
  box-shadow: 0 16px 30px rgba(2,193,203,.15);
}

.manual-index-item:active{ transform: scale(.99); }

.manual-index-badge{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: #163A4A;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  flex: 0 0 auto;
}

.manual-index-text{
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 auto;
  min-width: 0;
}

.manual-index-item-title{
  font-weight: 500;
  font-size: 15px;
  line-height: 1.2;
}

.manual-index-item-desc{
  font-size: 12px;
  color: rgba(22,58,74,.70);
  line-height: 1.3;
}

.manual-index-arrow{
  font-size: 22px;
  color: #02C1CB;
  font-weight: 500;
  flex: 0 0 auto;
}

/* ===== MÓVIL ===== */
@media (max-width: 767px){
  .manual-index-wrap{
    padding: 18px 14px !important;
  }

  .manual-index-card{
    padding: 22px 16px;
    border-radius: 18px;
  }

  .manual-index-title{
    font-size: 30px;
  }

  .manual-index-subtitle{
    font-size: 18px;
    margin-bottom: 18px;
  }

  .manual-index-block{
    padding: 16px 14px;
    border-radius: 16px;
  }

  .manual-index-block-title{
    font-size: 24px;
  }

  .manual-index-item{
    padding: 14px 14px;
    border-radius: 16px;
  }

  .manual-index-badge{
    width: 40px;
    height: 40px;
    border-radius: 13px;
  }
}/* End custom CSS */
/* Start custom CSS *//* ===== Password form: centrado y alineado ===== */
.post-password-form{
  max-width: 560px;
  margin: 140px auto;
  padding: 50px 46px;
  background: #ffffff;
  border-radius: 22px;
  box-shadow: 0 18px 50px rgba(0,0,0,.12);
  text-align: center;
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Texto superior */
.post-password-form p{
  color: rgba(22,58,74,.85);
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 18px 0;
}

/* Label centrado */
.post-password-form label{
  display: block;
  font-weight: 700;
  color: #163A4A;
  margin: 8px 0 12px 0;
}

/* Contenedor de input + botón en línea */
.post-password-form form,
.post-password-form{
  display: block;
}

.post-password-form label input{
  margin-top: 10px;
}

/* Truco: WordPress mete input+submit en la misma línea: lo convertimos en “grid” */
.post-password-form p:last-child{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
}

/* Input */
.post-password-form input[type="password"]{
  width: 100%;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(22,58,74,.22);
  font-size: 15px;
  font-family: "Montserrat", system-ui, sans-serif;
  outline: none;
  box-sizing: border-box;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.post-password-form input[type="password"]:focus{
  border-color: #02C1CB;
  box-shadow: 0 0 0 4px rgba(2,193,203,.18);
}

/* Botón */
.post-password-form input[type="submit"]{
  background: linear-gradient(90deg, #163A4A, #02C1CB);
  color: #ffffff;
  border: none;
  padding: 14px 26px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .3px;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(2,193,203,.30);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
  white-space: nowrap;
}

.post-password-form input[type="submit"]:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(2,193,203,.40);
  filter: brightness(1.03);
}

/* Móvil: input y botón en columna */
@media (max-width: 520px){
  .post-password-form{
    margin: 90px 16px;
    padding: 32px 22px;
  }
  .post-password-form p:last-child{
    grid-template-columns: 1fr;
  }
  .post-password-form input[type="submit"]{
    width: 100%;
  }
}/* End custom CSS */