/* === Iconos en el menú principal === */
header,
body{
  background:white;
}

.site-branding {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 0.5rem 2rem;
}

.main-navigation ul {
  gap: 0.5rem !important;
}

.header-container .logo-text *{
  color:#1b4967 !important;
  font-size:10px;
  margin-bottom: -13px;
  font-style: italic;
}

.main-navigation a::after{
  background-color:#c02a3c;
  height:2px;
  bottom:5px;
}

.site-logo img {
  max-height: 45px;
}

.main-navigation .nav-menu a {
  display: flex;
  align-items: center;
  gap: 6px;
  color:#1b4967 !important;
  font-size: 12px;
}

/* INICIO */
#menu-item-46 a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%231b4967" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l-2 0l9 -9l9 9l-2 0"/><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"/><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"/></svg>') no-repeat center;
  background-size: contain;
}

/* CARACTERÍSTICAS */
#menu-item-73 a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%231b4967" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 16h-6a1 1 0 0 1 -1 -1v-10a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v6.5" /><path d="M7 20h3.5" /><path d="M9 16v4" /><path d="M17.8 20.817l-2.172 1.138a.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a.39 .39 0 0 1 -.567 .411l-2.172 -1.138z" /></svg>') no-repeat center;
  background-size: contain;
}

/* APP SOCIOS */
#menu-item-71 a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%231b4967" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 5a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-14z" /><path d="M11 4h2" /><path d="M12 17v.01" /></svg>') no-repeat center;
  background-size: contain;
}

/* PLANES Y PRECIOS */
#menu-item-70 a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%231b4967" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 19v-10a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1v1.5" /><path d="M18 8v-3a1 1 0 0 0 -1 -1h-13a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h9" /><path d="M16 9h2" /><path d="M21 15h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5" /><path d="M19 21v1m0 -8v1" /></svg>') no-repeat center;
  background-size: contain;
}

/* BENEFICIOS */
#menu-item-72 a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%231b4967" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 4h-6a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h8" /><path d="M18 20v-17" /><path d="M15 6l3 -3l3 3" /></svg>') no-repeat center;
  background-size: contain;
}

/* CONTACTO */
#menu-item-49 a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%231b4967" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5h8" /><path d="M13 9h5" /><path d="M13 15h8" /><path d="M13 19h5" /><path d="M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /></svg>') no-repeat center;
  background-size: contain;
}

main#site-content .hero,
main#site-content .features,
main#site-content .pricing,
main#site-content .benefits{
  background-color: white !important;
}

.wp-theme-tpvclub .button,
.post-24.page button[type="submit"]{
  position: relative;
  display: inline-block;
  border-radius: 5px;
  text-decoration: none;
  text-transform: initial;
  font-weight: 400;
  letter-spacing: 0.5px;
  overflow: hidden; /* mantiene el efecto dentro del borde */
  background-color: #c62828;
  z-index: 1;
  color: white;
  padding:8px 35px;
}

.wp-theme-tpvclub .button:hover,
.post-24.page button[type="submit"]:hover{
  color:white !important;
}

.wp-theme-tpvclub .button:hover,
.post-24.page button[type="submit"]:hover{
  box-shadow:unset;
}

/* capa animada más oscura */
.wp-theme-tpvclub .button::before,
.post-24.page button[type="submit"]::before{
  content: "";
  position: absolute;
  top: 0;
  left: -15%;
  width: 130%;
  height: 100%;
  background-color: #f83936; /* rojo más oscuro */
  z-index: -1;
  transform: translate3d(-100%, 0, 0) skew(25deg);
  transition: transform 0.8s cubic-bezier(0.33, 0, 0, 1);
  border-radius: 15px; /* ← hereda el redondeo */
}

/* color base detrás */
.wp-theme-tpvclub .button::after,
.post-24.page button[type="submit"]::after{
  content: "";
  position: absolute;
  inset: 0;
  color: #c02a3c !important;
  background-color: #c02a3c;
  z-index: -2;
  border-radius: 5px; /* ← hereda el redondeo */
}

/* animación de izquierda a derecha */
.button:hover::before,
.post-24.page button[type="submit"]:hover::before{
  transform: translate3d(0, 0, 0) skew(25deg);
}

.footer-legal {
  background: white;
  border-top: 1px solid #e9e9e994;
  color: #1b4967;
  padding: 12px 0;
  font-size: 14px;
}

.footer-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}


/*** HOME ***/

.feature,
.benefit{
  background: #f9f9f9;
}

.plan{
  transform: unset;
  box-shadow:unset;
  transition: none;
}

.plan:hover{
  transform: unset;
  box-shadow:unset;
}

.plan.popular:hover{
  transform: scale(1.05);
}


.plan.basico h3,
.plan.popular h3,
.plan.premium h3{
	background: white;
    color:#1b4967;
}


.custom-plan.visible{
    padding: 20px 60px;
    text-align: center;
    background:white !important;
    border: 2px solid #c02a3c;
}

.custom-plan h3 {
  color:#1b4967;
    margin-bottom: 10px;
}

.custom-plan p {
  color:#1b4967;
  margin-bottom: 0px;
  max-width: 600px;
  text-align: center;
  margin: auto;
}

.custom-plan .price {
  color:#c02a3c;
    margin-bottom: 1px;
    font-size: 1.1em;
}

.custom-plan::before {
  content: "A la perfección";
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  background: #c02a3c;
  color: #fff;
  font-size: 0.85rem;
  padding: 4px 10px;
  border-radius: 20px;
}


/*** FORMULARIO ***/

.post-24.page{
  padding:30px;
  margin: 50px auto;
  box-shadow:0 3px 30px rgba(0, 0, 0, 0.08);
  border:unset
}

.post-24.page .wp-block-heading{
  padding-top:15px;
  font-size:15px;
  font-weight:400;
}

.post-24.page p{
  padding-top:10px;
  font-size:15px;
  font-weight:400 !important;
}

.post-24.page .wpforms-field input[type="number"],
.post-24.page .wpforms-field input[type="text"],
.post-24.page .wpforms-field input[type="email"],
.post-24.page .wpforms-field select{
  min-width: 100%;
  width: 100%;
}

.post-24.page .wpforms-field input[type="number"]:hover,
.post-24.page .wpforms-field input[type="text"]:hover,
.post-24.page .wpforms-field input[type="email"]:hover,
.post-24.page .wpforms-field select:hover,
.post-24.page .wpforms-field textarea:hover{
  border:1px solid #c02a3c;
  background:#c02a3c14;
  outline: none !important;
}

.post-24.page .wpforms-field input[type="number"]:focus,
.post-24.page .wpforms-field input[type="text"]:focus,
.post-24.page .wpforms-field input[type="email"]:focus,
.post-24.page .wpforms-field select:focus,
.post-24.page .wpforms-field textarea:focus{
  border:1px solid #c02a3c;
  box-shadow: 0px 0px 5px #c02a3c !important;
  outline: none !important;
}

.post-24.page .wpforms-field label.wpforms-field-label,
.post-24.page .wpforms-field legend.wpforms-field-label{
  font-weight:400;
  font-style:italic;
}

.post-24.page button[type="submit"]{
  color:white !important;
  margin-top:30px;
  width: 100%;
}

.post-24.page button[type="submit"]{
  color:white !important;
  margin-top:30px;
}