/* ============================================================================
   Página 01 - Home
   Archivo: css/12-pages-pagina01.css

   Fix crítico:
   - Bloque .p01-page fuerza escala normal (sin zoom/transform heredado)
   - Contención de SVG para evitar icono gigante
============================================================================ */

.p01-page{
  /* Blindaje contra escalas raras heredadas */
  transform: none !important;
  zoom: 1 !important;
}

.p01-home-shell{
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 72px 24px 32px;
  box-sizing: border-box;
}

.p01-home-card{
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid #d5dee8;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(16, 47, 83, 0.06);
  padding: 34px 38px 30px;
  box-sizing: border-box;
  text-align: center;
}

/* Contener SIEMPRE SVG */
.p01-home-card svg,
.p01b-benefits svg{
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.p01-home-hero-icon{
  width: 92px;
  height: 92px;
  margin: 0 auto 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  color:#2b3138;
}

.p01-home-title{
  margin:0;
  font-size:34px;
  line-height:1.15;
  font-weight:700;
  letter-spacing:-0.02em;
  color:#232933;
}

.p01-home-title-accent{
  width:114px;
  height:4px;
  background:#1976D2;
  border-radius:999px;
  margin:14px auto 18px;
}

.p01-home-subtitle{
  margin:0;
  font-size:18px;
  line-height:1.45;
  font-weight:400;
  color:#4e5f73;
}

.p01-home-actions{
  display:flex;
  justify-content:center;
  align-items:stretch;
  gap:22px;
  margin-top:30px;
  flex-wrap:wrap;
}

.p01-home-btn{
  width:100%;
  max-width:320px;
  min-height:84px;
  padding:18px 24px;
  border:2px solid #1b67b2;
  border-radius:14px;
  background:#ffffff;
  color:#173d67;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  cursor:pointer;
  box-sizing:border-box;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.p01-home-btn:hover{
  background:#f4f9ff;
  border-color:#155b9f;
  box-shadow:0 4px 14px rgba(25,118,210,0.10);
}

.p01-home-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(25,118,210,0.16);
}

.p01-home-btn:active{ transform: translateY(1px); }

.p01-home-btn-icon{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#2e3135;
}

.p01-home-btn-text{
  font-size:17px;
  font-weight:600;
  letter-spacing:0.01em;
}

.p01-home-note{
  margin-top:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#66768a;
  font-size:15px;
}

.p01-home-note-icon{
  width:21px;
  height:21px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#7fb2f5;
}

/* Responsive */
@media (max-width: 900px){
  .p01-home-shell{ padding:56px 18px 28px; }
  .p01-home-card{ padding:28px 22px 24px; }
  .p01-home-title{ font-size:30px; }
  .p01-home-subtitle{ font-size:17px; }
  .p01-home-btn{ max-width:100%; min-height:76px; }
}

@media (max-width: 640px){
  .p01-home-shell{ padding:40px 14px 22px; }
  .p01-home-card{ border-radius:16px; padding:24px 16px 20px; }
  .p01-home-hero-icon{ width:80px; height:80px; }
  .p01-home-title{ font-size:26px; }
  .p01-home-title-accent{ width:92px; }
  .p01-home-subtitle{ font-size:16px; }
  .p01-home-actions{ gap:14px; margin-top:24px; }
  .p01-home-btn{ min-height:70px; padding:16px 18px; }
}