/* TP UNIVERSO PREVIEW V3.2 FIX */
.tp-world-hero-media{
  object-position:center 22%;
}

.tp-world-intro{
  padding:78px 0 82px!important;
}

.tp-world-intro-grid{
  display:block!important;
}

.tp-world-intro-copy{
  width:100%!important;
  max-width:760px!important;
}

.tp-world-traits{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin-top:44px!important;
  border-top:0!important;
}

body.page-id-4913 .tp-world-trait{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding:28px 27px 30px!important;
  border:1px solid var(--line)!important;
  border-top:4px solid #789fb2!important;
  background:#f8fafb!important;
}

body.page-id-4913 .tp-world-trait-number{
  display:block!important;
  width:auto!important;
  margin:0 0 18px!important;
}

body.page-id-4913 .tp-world-trait>div{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  float:none!important;
  position:static!important;
  columns:auto!important;
  column-width:auto!important;
  writing-mode:horizontal-tb!important;
}

body.page-id-4913 .tp-world-trait h3,
body.page-id-4913 .tp-world-trait p{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  float:none!important;
  position:static!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  writing-mode:horizontal-tb!important;
}

body.page-id-4913 .tp-world-trait h3{
  margin:0!important;
}

body.page-id-4913 .tp-world-trait p{
  margin:10px 0 0!important;
}

@media(max-width:900px){
  .tp-world-traits{
    grid-template-columns:1fr!important;
    gap:18px!important;
    margin-top:36px!important;
  }
}

@media(max-width:620px){
  .tp-world-hero-media{
    object-position:center 18%;
  }

  .tp-world-intro{
    padding:58px 0 62px!important;
  }
}

/* TP UNIVERSO PREVIEW V3.8 START */
body.page-id-4913 .tp-world-actions{
  display:grid!important;
  grid-template-columns:repeat(2,184px)!important;
  grid-auto-rows:52px!important;
  align-items:stretch!important;
  justify-content:start!important;
  gap:16px!important;
  flex-wrap:initial!important;
}
body.page-id-4913 .tp-world-actions .tp-world-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  flex:none!important;
  padding:0 18px!important;
  margin:0!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  transform:none!important;
}
body.page-id-4913 .tp-world-actions .tp-world-button-primary{
  border-color:#fff!important;
}
body.page-id-4913 .tp-world-actions .tp-world-button-outline{
  border-color:rgba(255,255,255,.68)!important;
}
body.page-id-4913 .tp-world-final-actions .tp-world-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:50px!important;
  padding:0 18px!important;
  margin:0!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
  line-height:1!important;
  text-align:center!important;
}
body.page-id-4913 .tp-world-intro .tp-world-shell.tp-world-intro-grid{
  display:block!important;
  width:min(1120px,calc(100% - 48px))!important;
  max-width:1120px!important;
  margin-right:auto!important;
  margin-left:auto!important;
}
body.page-id-4913 .tp-world-intro-copy,
body.page-id-4913 .tp-world-intro-copy h2,
body.page-id-4913 .tp-world-intro-copy>p:last-child,
body.page-id-4913 .tp-world-route-head,
body.page-id-4913 .tp-world-route-head>p:last-child{
  width:100%!important;
  max-width:none!important;
}
body.page-id-4913 .tp-world-intro-copy>p:last-child,
body.page-id-4913 .tp-world-route-head>p:last-child{
  white-space:normal!important;
  text-wrap:pretty!important;
}
body.page-id-4913 .tp-world-traits{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  margin-top:36px!important;
  border-top:0!important;
}
body.page-id-4913 .tp-world-trait{
  display:block!important;
  min-width:0!important;
  min-height:178px!important;
  padding:24px 24px 26px!important;
  border:1px solid #cbdce4!important;
  border-top:3px solid #739eb4!important;
  background:#f8fbfc!important;
}
body.page-id-4913 .tp-world-trait>div,
body.page-id-4913 .tp-world-trait h3,
body.page-id-4913 .tp-world-trait p{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  text-wrap:pretty!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
body.page-id-4913 .tp-world-trait h3{
  margin:10px 0!important;
}
body.page-id-4913 .tp-world-trait p{
  margin:0!important;
  font-size:16px!important;
  line-height:1.58!important;
}
body.page-id-4913 .tp-world-book{
  display:grid!important;
  grid-template-columns:112px 180px minmax(320px,1fr) 175px!important;
  column-gap:28px!important;
  row-gap:12px!important;
  align-items:center!important;
  padding:38px 0!important;
}
body.page-id-4913 .tp-world-step{
  width:112px!important;
  max-width:112px!important;
  align-self:start!important;
  padding-top:5px!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  line-height:1.35!important;
}
body.page-id-4913 .tp-world-cover{
  width:180px!important;
  height:240px!important;
}
body.page-id-4913 .tp-world-book>div:nth-of-type(2){
  min-width:0!important;
}
body.page-id-4913 .tp-world-book h3,
body.page-id-4913 .tp-world-book-copy,
body.page-id-4913 .tp-world-book-type{
  width:100%!important;
  max-width:none!important;
  white-space:normal!important;
  text-wrap:pretty!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
body.page-id-4913 .tp-world-book-copy{
  max-width:620px!important;
}
body.page-id-4913 .tp-world-book-link{
  width:175px!important;
  max-width:175px!important;
  justify-self:end!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  line-height:1.4!important;
  text-align:left!important;
}
@media(max-width:1050px){
  body.page-id-4913 .tp-world-book{
    grid-template-columns:96px 155px minmax(0,1fr)!important;
  }
  body.page-id-4913 .tp-world-step{
    width:96px!important;
    max-width:96px!important;
  }
  body.page-id-4913 .tp-world-cover{
    width:155px!important;
    height:220px!important;
  }
  body.page-id-4913 .tp-world-book-link{
    grid-column:3!important;
    width:auto!important;
    max-width:none!important;
    justify-self:start!important;
  }
}
@media(max-width:720px){
  body.page-id-4913 .tp-world-intro .tp-world-shell.tp-world-intro-grid{
    width:calc(100% - 36px)!important;
    max-width:none!important;
  }
  body.page-id-4913 .tp-world-traits{
    grid-template-columns:1fr!important;
  }
  body.page-id-4913 .tp-world-trait{
    min-height:0!important;
  }
  body.page-id-4913 .tp-world-actions{
    grid-template-columns:1fr!important;
    grid-auto-rows:50px!important;
    gap:12px!important;
  }
  body.page-id-4913 .tp-world-actions .tp-world-button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
  }
  body.page-id-4913 .tp-world-book{
    grid-template-columns:1fr!important;
    gap:19px!important;
  }
  body.page-id-4913 .tp-world-step{
    width:auto!important;
    max-width:none!important;
    padding-top:0!important;
  }
  body.page-id-4913 .tp-world-cover{
    width:100%!important;
    height:315px!important;
  }
  body.page-id-4913 .tp-world-book-link{
    grid-column:auto!important;
    width:auto!important;
    max-width:none!important;
  }
}
/* TP UNIVERSO PREVIEW V3.8 END */

/* TP UNIVERSO HERO V4.4 START */

/*
 * Botones alineados.
 */

body.page-id-4913 .tp-world-actions{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;

  width:max-content !important;
  max-width:100% !important;

  align-items:stretch !important;
  justify-content:flex-start !important;

  gap:16px !important;
}

body.page-id-4913
.tp-world-actions
.tp-world-button{
  display:flex !important;

  width:184px !important;
  min-width:184px !important;
  max-width:184px !important;

  height:52px !important;
  min-height:52px !important;
  max-height:52px !important;

  flex:0 0 184px !important;

  align-items:center !important;
  justify-content:center !important;

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

  box-sizing:border-box !important;

  line-height:1.15 !important;
  text-align:center !important;
  white-space:normal !important;

  transform:none !important;
}

/*
 * Arri y Eli emergen desde la esquina inferior derecha.
 *
 * - mayor tamaño;
 * - giro hacia la izquierda;
 * - recorte por abajo y por el borde exterior;
 * - degradado azul sobre la zona inferior.
 */

body.page-id-4913 .tp-world-hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
}

body.page-id-4913 .tp-world-hero-media{
  z-index:0 !important;
}

body.page-id-4913 .tp-world-hero::after{
  z-index:1 !important;
}

body.page-id-4913 .tp-world-hero::before{
  content:"" !important;

  position:absolute !important;
  z-index:2 !important;

  right:-105px !important;
  bottom:-108px !important;

  width:clamp(
    350px,
    27vw,
    470px
  ) !important;

  height:clamp(
    350px,
    27vw,
    470px
  ) !important;

  background-image:
    linear-gradient(
      to top,
      rgba(3,39,68,.98) 0%,
      rgba(5,53,89,.78) 13%,
      rgba(7,65,105,.40) 28%,
      rgba(7,65,105,.10) 44%,
      rgba(7,65,105,0) 60%
    ),
    url("https://tomasperanton.es/wp-content/uploads/2026/07/arri-y-eli-saludando-al-autor-tomas-a-peranton.png") !important;

  background-repeat:
    no-repeat,
    no-repeat !important;

  background-position:
    center bottom,
    center bottom !important;

  background-size:
    100% 100%,
    contain !important;

  opacity:1 !important;

  filter:
    drop-shadow(
      0 8px 14px rgba(0,25,48,.14)
    ) !important;

  transform:
    rotate(-8deg) !important;

  transform-origin:
    bottom right !important;

  pointer-events:none !important;
}

body.page-id-4913 .tp-world-hero-copy{
  position:relative !important;
  z-index:3 !important;
}

/*
 * Portátil.
 */

@media(max-width:1180px){

  body.page-id-4913 .tp-world-hero::before{
    right:-90px !important;
    bottom:-92px !important;

    width:390px !important;
    height:390px !important;

    transform:
      rotate(-7deg) !important;
  }
}

/*
 * Tablet.
 */

@media(max-width:940px){

  body.page-id-4913 .tp-world-hero::before{
    right:-68px !important;
    bottom:-70px !important;

    width:290px !important;
    height:290px !important;

    transform:
      rotate(-6deg) !important;
  }
}

/*
 * En móvil se retiran.
 */

@media(max-width:700px){

  body.page-id-4913 .tp-world-hero::before{
    display:none !important;
  }
}

/*
 * Botones apilados solo cuando no caben.
 */

@media(max-width:520px){

  body.page-id-4913 .tp-world-actions{
    flex-direction:column !important;
    width:100% !important;
    gap:12px !important;
  }

  body.page-id-4913
  .tp-world-actions
  .tp-world-button{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:50px !important;
    min-height:50px !important;

    flex:0 0 50px !important;
  }
}

/* TP UNIVERSO HERO V4.4 END */

/* TP UNIVERSO POLISH V4.6 START */

/*
 * Botón exterior y texto interior centrado.
 */

body.page-id-4913
.tp-world-actions
.tp-world-button{
  display:flex !important;

  align-items:stretch !important;
  justify-content:stretch !important;

  height:52px !important;
  min-height:52px !important;
  max-height:52px !important;

  padding:0 !important;

  line-height:normal !important;
  text-align:center !important;
}

body.page-id-4913
.tp-world-actions
.tp-world-button
.tp-world-button-label{
  display:flex !important;

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

  align-items:center !important;
  justify-content:center !important;

  box-sizing:border-box !important;

  padding:2px 18px 0 !important;
  margin:0 !important;

  font:inherit !important;
  line-height:1 !important;
  text-align:center !important;

  transform:translateY(1px) !important;
}

/*
 * Tarjetas compactas y sin espacio artificial.
 */

body.page-id-4913 .tp-world-traits{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;

  align-items:stretch !important;
  gap:20px !important;
}

body.page-id-4913 .tp-world-trait{
  display:block !important;

  box-sizing:border-box !important;

  min-width:0 !important;
  min-height:0 !important;
  height:100% !important;

  padding:21px 24px 24px !important;

  border:1px solid #c9dce6 !important;
  border-top:3px solid #739eb4 !important;
  border-radius:14px !important;

  overflow:hidden !important;

  background:#f8fbfc !important;

  box-shadow:
    0 7px 20px rgba(15,55,83,.035) !important;
}

body.page-id-4913 .tp-world-trait > *{
  display:block !important;

  width:100% !important;
  max-width:none !important;

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

body.page-id-4913 .tp-world-trait > div{
  margin-top:11px !important;
}

body.page-id-4913 .tp-world-trait h3{
  width:100% !important;
  max-width:none !important;

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

  line-height:1.2 !important;

  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

body.page-id-4913 .tp-world-trait p{
  width:100% !important;
  max-width:none !important;

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

  font-size:15px !important;
  line-height:1.55 !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;

  text-wrap:pretty !important;
}

@media(max-width:900px){

  body.page-id-4913 .tp-world-traits{
    grid-template-columns:1fr !important;
  }

  body.page-id-4913 .tp-world-trait{
    height:auto !important;
  }
}

@media(max-width:520px){

  body.page-id-4913
  .tp-world-actions
  .tp-world-button{
    height:50px !important;
    min-height:50px !important;
    max-height:50px !important;
  }
}

/* TP UNIVERSO POLISH V4.6 END */