/* NP-STEP1-RESPONSIVE-REPLACEMENT-V4: mismas clases y plantilla de escritorio. */
@media (max-width:799px) {
body.np-body-publish.np-responsive-step1 { width:auto !important; min-width:0 !important; margin:0 6px !important; padding:0 !important; background:#552C50 !important; }
body.np-body-publish.np-responsive-step1 .np-page-step1 {
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  box-sizing:border-box !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-contenido-shell.contenido {
  display:block !important;
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 0 10px !important;
  border:2px solid #2C0928 !important;
  border-radius:8px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-container,
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-columns,
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-content,
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-pasion-step1 {
  position:static !important;
  float:none !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  box-sizing:border-box !important;
  transform:none !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-container {
  display:block !important;
  padding:12px !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-columns {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 136px !important;
  align-items:start !important;
  gap:12px !important;
  padding:0 !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-content,
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-pasion-step1 {
  display:block !important;
  padding:0 !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .cab.cabbg {
  display:grid !important;
  position:relative !important;
  grid-template-columns:150px minmax(0,1fr) !important;
  grid-template-areas:"logo title" "description description" !important;
  align-items:center !important;
  gap:6px 10px !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  min-height:80px !important;
  max-height:none !important;
  margin:0 0 8px !important;
  padding:6px !important;
  border:2px solid #fff !important;
  border-radius:8px !important;
  box-shadow:0 0 5px #000 !important;
  background:linear-gradient(160deg,#A86AA0 6%,#F8EEF7 90%) !important;
  box-sizing:border-box !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .cab > .logo {
  grid-area:logo !important;
  display:block !important;
  position:static !important;
  float:none !important;
  width:150px !important;
  height:74px !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .cab .logo a,
body.np-body-publish.np-responsive-step1 .np-page-step1 .cab .logo img {
  display:block !important;
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
  height:74px !important;
  min-height:74px !important;
  max-height:74px !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  transform:none !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .cab > .txtClaim4 {
  display:block !important;
  position:static !important;
  float:none !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  color:#552C50 !important;
  text-align:center !important;
  white-space:normal !important;
  transform:none !important;
  font-family:Verdana,Arial,sans-serif !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .cab > .txtClaim4:first-child {
  grid-area:title !important;
  font-size:15px !important;
  line-height:1.4 !important;
  overflow-wrap:anywhere !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .cab > .txtClaim4:first-child > br {
  display:none !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .cab > .txtClaim4:last-child {
  grid-area:description !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .cab .descripcion {
  display:block !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#68235D !important;
  font-size:11px !important;
  line-height:1.4 !important;
  white-space:normal !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-pasion-paso {
  display:grid !important;
  position:static !important;
  grid-template-columns:40px minmax(0,1fr) !important;
  align-items:start !important;
  gap:10px !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  color:#884D80 !important;
  font-family:Verdana,Arial,sans-serif !important;
  font-size:10pt !important;
  font-weight:700 !important;
  line-height:1.45 !important;
  text-align:left !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-pasion-paso > div {
  position:static !important;
  float:none !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-pasion-paso > div:first-child {
  grid-column:1 !important;
  grid-row:1 !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-pasion-paso > div:first-child img {
  display:block !important;
  float:none !important;
  width:40px !important;
  height:40px !important;
  margin:0 !important;
  padding:0 !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-pasion-paso > div:nth-child(2) {
  grid-column:2 !important;
  grid-row:1 !important;
  font-weight:700 !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-pasion-paso > .np-pasion-consejos {
  grid-column:2 !important;
  grid-row:2 !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-pasion-consejos a {
  display:inline !important;
  color:#AB0000 !important;
  font-family:Verdana,Arial,sans-serif !important;
  font-size:10pt !important;
  font-weight:700 !important;
  line-height:1.45 !important;
  text-decoration:none !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-pasion-arbol {
  display:block !important;
  position:static !important;
  float:none !important;
  width:auto !important;
  max-width:none !important;
  margin:20px 0 24px 18px !important;
  padding:0 !important;
  text-align:left !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 ul.np-pasion-mktree {
  display:block !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 ul.np-pasion-mktree > li {
  display:block !important;
  position:relative !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  margin:7px 0 0 !important;
  padding:0 0 0 14px !important;
  color:#884D80 !important;
  list-style:none !important;
  box-sizing:border-box !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 ul.np-pasion-mktree > li::before {
  content:"•" !important;
  position:absolute !important;
  left:0 !important;
  top:6px !important;
  color:#884D80 !important;
  font-size:14px !important;
  line-height:18px !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-pasion-cat-form {
  display:block !important;
  position:static !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-pasion-cat-link {
  display:block !important;
  appearance:none !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:30px !important;
  margin:0 !important;
  padding:6px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#884D80 !important;
  font-family:Verdana,Arial,sans-serif !important;
  font-size:10pt !important;
  font-weight:700 !important;
  line-height:18px !important;
  text-align:left !important;
  text-transform:uppercase !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  box-shadow:none !important;
  cursor:pointer !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-sidebar,
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-sidebar .np-menu {
  display:block !important;
  position:static !important;
  float:none !important;
  width:136px !important;
  min-width:0 !important;
  max-width:136px !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  box-sizing:border-box !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-sidebar {
  grid-column:2 !important;
  grid-row:1 !important;
  border:0 !important;
  background:transparent !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-menu-title {
  display:block !important;
  width:136px !important;
  height:auto !important;
  margin:0 !important;
  padding:4px 0 0 !important;
  border:0 !important;
  border-radius:5px 5px 0 0 !important;
  background:#F0DCED !important;
  color:#fff !important;
  font-family:Verdana,Arial,sans-serif !important;
  font-size:8pt !important;
  font-weight:700 !important;
  line-height:normal !important;
  text-align:center !important;
  box-sizing:border-box !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-menu > a,
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-search-menu-row {
  position:relative !important;
  display:block !important;
  width:136px !important;
  min-width:0 !important;
  max-width:136px !important;
  height:auto !important;
  min-height:29px !important;
  margin:0 !important;
  padding:2px 3px !important;
  border:1px solid #F0DCED !important;
  border-top:0 !important;
  background:#F8F1F7 !important;
  box-sizing:border-box !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-menu-row-content,
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-search-menu-row {
  display:flex !important;
  align-items:center !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-menu-row-content {
  position:static !important;
  width:100% !important;
  height:auto !important;
  min-height:24px !important;
  margin:0 !important;
  padding:0 !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-menu-icon,
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-search-menu-icon {
  display:block !important;
  position:static !important;
  float:none !important;
  flex:0 0 26px !important;
  width:26px !important;
  min-width:26px !important;
  height:24px !important;
  min-height:24px !important;
  margin:0 5px 0 0 !important;
  padding:0 !important;
  transform:none !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-menu-label,
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-search-menu-label {
  display:block !important;
  position:static !important;
  float:none !important;
  flex:1 !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#884D80 !important;
  font-family:Verdana,Arial,sans-serif !important;
  font-size:7pt !important;
  font-weight:700 !important;
  line-height:12px !important;
  text-align:left !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-menu-free {
  position:absolute !important;
  top:3px !important;
  left:80px !important;
  right:auto !important;
  width:48px !important;
  margin:0 !important;
  padding:0 !important;
  font-size:8px !important;
  line-height:10px !important;
  transform:rotate(30deg) !important;
  transform-origin:center !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-sidebar-search {
  display:block !important;
  position:static !important;
  width:136px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 3px 12px !important;
  border:1px solid #F0DCED !important;
  border-top:0 !important;
  background:#F8F1F7 !important;
  box-sizing:border-box !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-sidebar-search input[type="text"] {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:26px !important;
  margin:0 !important;
  padding:2px !important;
  box-sizing:border-box !important;
  font-size:16px !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-search-submit {
  display:block !important;
  position:static !important;
  width:74px !important;
  min-width:74px !important;
  max-width:74px !important;
  height:20px !important;
  min-height:20px !important;
  max-height:20px !important;
  margin:12px auto 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent url("/assets/img/ui/pasion-original-sprite.png") no-repeat -106px -127px !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-search-submit > * {
  display:none !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-publish-side-actions {
  display:block !important;
  position:static !important;
  width:136px !important;
  height:auto !important;
  margin:20px 0 0 !important;
  padding:0 !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-original-side-button,
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-original-side-button img {
  display:block !important;
  position:static !important;
  width:136px !important;
  min-width:136px !important;
  max-width:136px !important;
  height:35px !important;
  min-height:35px !important;
  max-height:35px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-original-side-button + .np-original-side-button {
  margin-top:8px !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-footer-links,
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-copyright {
  display:block !important;
  position:static !important;
  clear:both !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  margin:10px 0 !important;
  padding:4px 6px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  line-height:1.6 !important;
  box-sizing:border-box !important;
}
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-footer-links a {
  display:inline !important;
}
}
@media (max-width:549px) {
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-columns { grid-template-columns:minmax(0,1fr) !important; }
body.np-body-publish.np-responsive-step1 .np-page-step1 .np-sidebar { grid-column:1 !important; grid-row:2 !important; margin:10px auto 0 !important; }
}
@media (max-width:379px) {
body.np-body-publish.np-responsive-step1 .np-page-step1 .cab > .txtClaim4:first-child { font-size:12px !important; }
}

/* NP-MOBILE-LOGO-NATURAL-HEIGHT-V1 */
@media (max-width: 799px) {
    html body.np-body-publish.np-responsive-step1 .np-page-step1 .cab .logo img {
        height: auto !important;
        min-height: 0 !important;
        max-height: 74px !important;
        object-position: left top !important;
    }
}
