@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//competent-villani.74-208-68-51.plesk.page/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.4") format("woff2");
}

:root {
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,74,136);
	--wd-alternative-color: rgb(0,132,62);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,74,136);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

ul {
	font-size: 1.2rem;}
h1 {
  font-size: clamp(24px, 3vw, 30px);
}
h2 {
  font-size: clamp(20px, 2.5vw, 25px);
}
h3 {
  font-size: clamp(18px, 2vw, 22px);
}
.texto-blanco {
	color: #FFFFFF;
}
.texto-azul {
	color: #004A88;
}
.verde {
	 color: #00843E;
}
.azul {
	color: #004A88;
}
.blanco{
	color:white;
}



/** RESLTADO EN BLANCO*/
.titulo-resaltado {
  color: #ffffff;
  font-size: clamp(22px, 2vw, 36px);
  font-weight: bold;
  line-height: 1.3;
}

.caja-blanca {
  background-color: #ffffff;
  color: #003366;
  padding: 2px 10px;
  display: inline-block;
  border-radius: 3px;
}

/*RESLTADO EN VERDE*/
.caja-verde {
  background-color: #00873e; /* Cámbialo al hex exacto de tu verde */
  color: #ffffff !important;
  padding: 2px 10px;
  display: inline-block;
  border-radius: 3px;
}
/*rESLTADO EN AZUL*/
.caja-azul {
  background-color: #003366; /* Ajusta este hex al tono de azul exacto que manejes */
  color: #ffffff !important;   /* Letra blanca */
  padding: 2px 10px;
  display: inline-block;
  border-radius: 3px;
}
/*RESLTADO EN VERDE LIMA*/
.caja-lima {
  background-color: #C3D117;
  color: #004789 !important;
  padding: 2px 10px;
  display: inline-block;
  border-radius: 3px;
}
/*RESLTADO primaria*/
.caja-verde-primaria {
  background-color: #79B429;
  color:  !important;
  padding: 2px 10px;
  display: inline-block;
  border-radius: 3px;
}
/*RESLTADO secundaria*/
.caja-azul-secundaria {
  background-color: #1C9ED8;
  color: white !important;
  padding: 2px 10px;
  display: inline-block;
  border-radius: 3px;
}
/*RESLTADO prepa*/
.caja-azul-preparatoria {
  background-color: #4379B9;
  color: white !important;
  padding: 2px 10px;
  display: inline-block;
  border-radius: 3px;
}

/* tarjetas de propuesta educativa */
.tarjetas {
  max-width: 450px !important;
  margin: 0 10px !important;
  border-radius: 25px !important;
  padding: 30px 20px !important;
  text-align: center !important;
}
/* tarjeta azul */
.vc_custom_1787344515051:hover {
	 background:white !important;
	border:solid 3px #003366;
}
.vc_custom_1787344515051:hover h3 {
		 color: #003366 !important;
}
.vc_custom_1787344515051:hover p {
		 color: #003366 !important;
}
/* tarjeta azul cielo */
.vc_custom_1787344502891:hover {
	 background:white !important;
	border:solid 3px #1C9ED8;
}
.vc_custom_1787344502891:hover h3 {
		 color: #003366 !important;
}
.vc_custom_1787344502891:hover p {
		 color: #003366 !important;
}
/* tarjeta verde */
.vc_custom_1787343655764:hover {
	 background:white !important;
	border:solid 3px #00843E;
}
.vc_custom_1787343655764:hover h3 {
		 color: #003366 !important;
}
.vc_custom_1787343655764:hover p {
		 color: #003366 !important;
}
/* tarjeta lima */
.vc_custom_1787343628068:hover {
	 background:white !important;
	border:solid 3px #C3D117;
}
.vc_custom_1787343628068:hover h3 {
		 color: #003366 !important;
}
.vc_custom_1787343628068:hover p {
		 color: #003366 !important;
}

.vc_row:has(.tarjetas) {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
}
.vc_row:has(.tarjetas) > .vc_column_container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


.tarjetas-blancas{
	max-width:240px;
	height: 285px !important;}
	
	
/* CSS PARA EL FORMULARIO*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
  width: 100%;
  background-color: #ffffff !important;
  color: #003366 !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 12px 20px !important;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}
.wpcf7 select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23003366" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: left 15px center !important;
  padding-left: 42px !important; 
  cursor: pointer;
}
.wpcf7 select::-ms-expand {
  display: none;
}
.wpcf7 textarea {
  border-radius: 18px !important;
  height: 120px;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder,
.wpcf7 ::placeholder {
  color: #003366 !important;
  opacity: 0.8;
}
.wpcf7 .btn-container {
  text-align: center;
}
.wpcf7 input[type="submit"] {
  background-color: #00873d !important;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 16px;
  border-radius: 30px !important;
  padding: 12px 35px !important;
  border: none !important;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.wpcf7 input[type="submit"]:hover {
  background-color: #006b30 !important;
}
.wpcf7 .wpcf7-acceptance,
.wpcf7 .wpcf7-acceptance label,
.wpcf7 .wpcf7-acceptance span,
.wpcf7 .wpcf7-list-item-label,
.wpcf7 .checkbox-container {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}
.wpcf7 input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  vertical-align: middle !important;
  margin-right: 10px !important;
  border: 2px solid #ffffff !important;
  border-radius: 4px !important;
  accent-color: #00873d !important;
  cursor: pointer;
}



/* Texto en blanco (fuerza el sobregrabado del style inline) */
.vc_do_toggle .vc_toggle_title h4,
.vc_do_toggle .vc_toggle_title .vc_custom_heading {
  color: #ffffff !important;
}

/* Ocultar las líneas del icono '+' original */
.vc_do_toggle .vc_toggle_icon::before,
.vc_do_toggle .vc_toggle_icon::after {
  display: none !important;
}

/* Reemplazar por flecha desplegable en blanco */
.vc_do_toggle .vc_toggle_icon {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #ffffff !important;
  border-bottom: 2px solid #ffffff !important;
  transform: rotate(45deg); /* Apunta hacia abajo */
  transition: transform 0.3s ease, border-color 0.3s ease;
  margin-right: 10px;
  background: transparent !important;
}
/* Texto azul al desplegar */
.vc_do_toggle.vc_toggle_active .vc_toggle_title h4,
.vc_do_toggle.vc_toggle_active .vc_toggle_title .vc_custom_heading {
  color: #ffffff !important;
}
/* Flecha azul y rotada hacia arriba */
.vc_do_toggle.vc_toggle_active .vc_toggle_icon {
  border-color: #004A88 !important;
  transform: rotate(-135deg); /* Apunta hacia arriba */
}




/* Cambiar el texto del checkbox a blanco */
.wpcf7-form-control-wrap[data-name="acepto-informacion"] {
  color: #ffffff !important;
}

/* En caso de que el texto esté dentro o fuera del span dentro de ese párrafo */
.wpcf7 form p:has(.wpcf7-form-control-wrap[data-name="acepto-informacion"]) {
  color: #ffffff !important;
}

.mod360{
  --bg:#004A88;
  --blue:#0056b3;
  --green:#00a86b;
  --accent:#63d1a2;
  --accent-blue:#9cc9f0;
  --ink:#ffffff;
  --ink-soft:#c3d5e5;
  --line:#dde5ec;

  font-family:'Nunito', system-ui, sans-serif;
  color:var(--ink);
  background-color:var(--bg);
  padding:clamp(48px, 7vw, 96px) 20px;
  -webkit-font-smoothing:antialiased;
}
.mod360__inner{ max-width:1180px; margin:0 auto; }

.mod360__head{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:28px; margin-bottom:clamp(30px, 4vw, 52px);
  animation:m360-fadeup .7s ease both;
}
.mod360__eyebrow{
  display:flex; align-items:center; gap:12px;
  margin:0 0 14px; font-size:12px; font-weight:800;
  letter-spacing:.2em; text-transform:uppercase; color:var(--accent);
}
.mod360__eyebrow::before{
  content:''; width:34px; height:3px; border-radius:99px;
  background:linear-gradient(90deg, var(--accent), var(--accent-blue));
}
.mod360__title{
  margin:0 0 14px; font-family:'Poppins', sans-serif; font-weight:800;
  font-size:clamp(28px, 4.6vw, 52px); line-height:1.06; letter-spacing:-.5px;
  color:#fff;
}
.mod360__title span{ color:var(--accent); }
.mod360__lede{
  margin:0; max-width:56ch; font-size:clamp(14px, 1.6vw, 18px);
  line-height:1.65; color:var(--ink-soft);
}

.mod360__badge{ flex:0 0 auto; width:118px; }
.mod360__badge svg{ width:100%; height:auto; display:block; overflow:visible; }
.mod360__badge-ring{
  font-family:'Poppins', sans-serif; font-size:9.5px; font-weight:600;
  letter-spacing:2.4px; fill:rgba(255,255,255,.45);
  transform-origin:60px 60px; animation:m360-spin 30s linear infinite;
}
.mod360__badge-num{
  font-family:'Poppins', sans-serif; font-size:21px; font-weight:800; fill:#fff;
}

.mod360__stage{ display:grid; gap:clamp(30px, 4vw, 52px); }

@media (min-width:1100px){
  .mod360__stage{ grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr); align-items:center; }
  .mod360__panel{ position:sticky; top:24px; }
}

.mod360__wheelwrap{ width:min(620px, 100%); margin:0 auto; padding-bottom:26px; }

.mod360__wheel{
  position:relative; width:100%; aspect-ratio:1/1;
  container-type:inline-size;
}

.mod360__spokes{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.mod360__spoke{
  stroke:rgba(255,255,255,.28); stroke-width:.5;
  stroke-dasharray:1; stroke-dashoffset:1;
  animation:m360-draw .8s ease-out forwards;
  animation-delay:calc(.35s + var(--i) * .07s);
}

.mod360__ring{
  position:absolute; inset:8%; border-radius:50%;
  border:1.5px dashed rgba(255,255,255,.25); pointer-events:none;
  animation:m360-spin 46s linear infinite, m360-fade .9s .3s ease both;
}
.mod360__sat{
  position:absolute; top:-7px; left:50%; margin-left:-7px;
  width:14px; height:14px; border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.18);
}
.mod360__sat--b{
  top:auto; bottom:-5px; width:10px; height:10px; margin-left:-5px;
  background:var(--accent); box-shadow:0 0 0 3px rgba(99,209,162,.25);
}

.mod360__core{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  z-index:6; width:36%; aspect-ratio:1/1; border-radius:50%;
  background:linear-gradient(135deg, #1f82d4 0%, #00c17f 100%);
  border:0; cursor:pointer; color:#fff; text-align:center;
  display:grid; place-content:center; gap:.8cqw; padding:2cqw;
  font-family:'Poppins', sans-serif;
  box-shadow:0 0 0 5px rgba(255,255,255,.10), 0 20px 45px rgba(0,15,40,.45);
  transition:background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease, opacity .3s ease;
  animation:m360-core-in .7s .15s cubic-bezier(.2,.9,.3,1.3) both;
  touch-action:manipulation;
}
.mod360__core::before{
  content:''; position:absolute; inset:0; border-radius:50%;
  border:2px solid rgba(99,209,162,.5); pointer-events:none;
  animation:m360-pulse 2.8s ease-out infinite;
}
.mod360__core-kicker{
  font-size:max(1.8cqw, 9px); font-weight:700; letter-spacing:.22em;
  text-transform:uppercase; opacity:.85;
  color:inherit;
}
.mod360__core strong{
  font-size:max(4.3cqw, 16px); font-weight:800; line-height:1.15; letter-spacing:-.3px;
  color:inherit;
}
.mod360__core:active{
  background:#fff;
  color:var(--blue);
  transform:translate(-50%,-50%) scale(.98);
}
@media (hover: hover){
  .mod360__core:hover{
    background:#fff;
    color:var(--blue);
    transform:translate(-50%,-50%) scale(1.035);
    box-shadow:0 0 0 5px rgba(255,255,255,.35), 0 20px 45px rgba(0,15,40,.45);
  }
}
.mod360__core:focus-visible{ outline:3px solid #fff; outline-offset:5px; }
.mod360__core.is-active{
  transform:translate(-50%,-50%) scale(1.035);
  box-shadow:0 0 0 8px rgba(255,255,255,.22), 0 20px 45px rgba(0,15,40,.5);
}

.mod360__node{
  position:absolute; left:var(--x); top:var(--y);
  transform:translate(-50%,-50%); z-index:5;
  background:none; border:0; padding:0; cursor:pointer;
  font:inherit; color:inherit;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  animation:m360-pop .6s cubic-bezier(.2,.9,.3,1.4) both;
  animation-delay:calc(.45s + var(--i) * .09s);
}
.mod360__dot{
  position:relative; width:19cqw; aspect-ratio:1/1; border-radius:50%;
  background:#fff; border:2px solid var(--c); color:var(--c);
  display:grid; place-content:center; gap:.6cqw;
  box-shadow:0 10px 24px rgba(0,15,40,.30);
  transition:transform .28s cubic-bezier(.34,1.56,.64,1),
             background-color .25s, color .25s, border-color .25s,
             box-shadow .25s, opacity .3s, filter .3s;
}
.mod360__dot i{ font-size:max(4.9cqw, 20px); }
.mod360__dot-name{
  font-family:'Poppins', sans-serif; font-weight:700;
  font-size:max(2.05cqw, 8px); letter-spacing:.01em;
}
.mod360__dot-num{
  position:absolute; top:-4px; right:-4px;
  width:4.4cqw; height:4.4cqw; border-radius:50%;
  background:var(--c); color:#fff; border:2px solid var(--bg);
  display:grid; place-content:center;
  font-family:'Poppins', sans-serif; font-size:max(1.9cqw, 9px); font-weight:700;
  transition:background-color .25s, border-color .25s;
}

@media (hover: hover){
  .mod360__node:hover .mod360__dot,
  .mod360__node:focus-visible .mod360__dot{
    background:var(--green);
    color:#fff;
    border-color:var(--green);
    transform:scale(1.09);
    box-shadow:0 16px 32px rgba(0,15,40,.45);
  }
  .mod360__node:hover .mod360__dot-num,
  .mod360__node:focus-visible .mod360__dot-num{
    background:var(--green);
  }
}

.mod360__node:active .mod360__dot{
  background:var(--green);
  color:#fff;
  border-color:var(--green);
  transform:scale(.95);
}
.mod360__node:active .mod360__dot-num{ background:var(--green); }

.mod360__node:focus-visible{ outline:none; }
.mod360__node:focus-visible .mod360__dot{ outline:3px solid var(--green); outline-offset:4px; }

.mod360__node.is-active .mod360__dot{
  background:var(--green); color:#fff;
  border-color:var(--green);
  transform:scale(1.06);
  box-shadow:0 0 0 .9cqw rgba(0,168,107,.3), 0 16px 32px rgba(0,15,40,.45);
}
.mod360__node.is-active .mod360__dot-num{ background:var(--green); }

.mod360__wheel.has-active .mod360__node:not(.is-active) .mod360__dot{
  opacity:.45; filter:saturate(.55);
}
.mod360__wheel.has-active .mod360__core:not(.is-active){ opacity:.75; }

.mod360__tip{
  position:absolute; z-index:40; transform:translate(-50%, calc(-100% - 14px));
  background:#fff; color:#33475a; padding:11px 14px; border-radius:10px;
  font-size:13px; line-height:1.5; width:max-content; max-width:235px;
  box-shadow:0 14px 30px rgba(0,15,40,.45);
  opacity:0; pointer-events:none; text-align:left;
  transition:opacity .18s ease, margin-top .18s ease;
  margin-top:6px;
}
.mod360__tip.is-on{ opacity:1; margin-top:0; }
.mod360__tip::after{
  content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%);
  border:7px solid transparent; border-top-color:#fff;
}
.mod360__tip strong{
  display:block; font-family:'Poppins', sans-serif; font-size:11px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--blue); margin-bottom:3px;
}

.mod360__panel{ width:100%; max-width:660px; margin:0 auto; }
.mod360__card{
  position:relative; background:#fff; border:1px solid var(--line);
  border-radius:18px; padding:28px 30px 22px 36px;
  box-shadow:0 20px 45px rgba(0,15,40,.35);
  overflow:hidden;
}
.mod360__card-bar{
  position:absolute; left:0; top:18px; bottom:18px; width:5px;
  border-radius:99px; background:var(--c, #93a7ba);
}
.mod360__card-head{ display:flex; align-items:center; gap:16px; margin-bottom:14px; }
.mod360__card-ico{
  flex:0 0 auto; width:54px; height:54px; border-radius:14px;
  display:grid; place-content:center; font-size:22px;
  background:var(--c, #66788e); color:#fff;
  box-shadow:0 8px 18px rgba(0,15,40,.18);
}
.mod360__card-kicker{
  margin:0 0 2px; font-size:11px; font-weight:800;
  letter-spacing:.18em; text-transform:uppercase; color:var(--c, var(--blue));
}
.mod360__card-title{
  margin:0; font-family:'Poppins', sans-serif; font-weight:800;
  font-size:clamp(21px, 2.4vw, 27px); line-height:1.1; letter-spacing:-.3px;
}
.mod360__card-desc{ margin:0 0 16px; font-size:15.5px; line-height:1.7; color:#5b6b7b; }
.mod360__chips{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; }
.mod360__chips li{
  font-size:12px; font-weight:800; color:#5b6b7b;
  background:#f4f7fa; border:1px solid var(--line);
  padding:6px 12px; border-radius:99px;
}
.mod360__card-nav{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin-top:18px; padding-top:14px; border-top:1px dashed var(--line);
}
.mod360__navbtn{
  width:44px; height:44px; border-radius:50%; cursor:pointer;
  background:#fff; border:1.5px solid var(--line); color:#5b6b7b;
  display:grid; place-content:center; font-size:14px;
  transition:border-color .2s, color .2s, background .2s, transform .2s;
  touch-action:manipulation;
}
@media (hover: hover){
  .mod360__navbtn:hover{ border-color:var(--blue); color:var(--blue); background:#f1f6fb; transform:scale(1.08); }
}
.mod360__navbtn:active{ transform:scale(.92); background:#f1f6fb; border-color:var(--blue); color:var(--blue); }
.mod360__navbtn:focus-visible{ outline:3px solid var(--blue); outline-offset:2px; }
.mod360__closebtn{
  background:none; border:0; cursor:pointer; font-family:'Nunito', sans-serif;
  font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:#5b6b7b; transition:color .2s;
  touch-action:manipulation;
}
@media (hover: hover){
  .mod360__closebtn:hover{ color:var(--blue); }
}
.mod360__closebtn:active{ color:var(--blue); }
.mod360__closebtn:focus-visible{ outline:2px solid var(--blue); outline-offset:3px; }

@keyframes m360-fadeup{ from{ opacity:0; transform:translateY(18px);} to{ opacity:1; transform:none;} }
@keyframes m360-fade{ from{ opacity:0; } to{ opacity:1; } }
@keyframes m360-pop{
  0%{ opacity:0; transform:translate(-50%,-50%) scale(.3); }
  70%{ transform:translate(-50%,-50%) scale(1.08); }
  100%{ opacity:1; transform:translate(-50%,-50%) scale(1); }
}
@keyframes m360-core-in{
  from{ opacity:0; transform:translate(-50%,-50%) scale(.6); }
  to{ opacity:1; transform:translate(-50%,-50%) scale(1); }
}
@keyframes m360-draw{ to{ stroke-dashoffset:0; } }
@keyframes m360-spin{ to{ transform:rotate(360deg); } }
@keyframes m360-pulse{
  0%{ transform:scale(1); opacity:.7; }
  100%{ transform:scale(1.22); opacity:0; }
}
@keyframes m360-panel-in{
  from{ opacity:0; transform:translateY(12px); }
  to{ opacity:1; transform:none; }
}

/* ==========================================================
   MÓVIL Y TABLET (<720px): se ocultan solo la insignia y el
   tooltip. La rueda SE MANTIENE visible (más pequeña).
========================================================== */
@media (max-width:719px){
  .mod360__badge{ display:none; }
  .mod360__tip{ display:none; }        /* el tooltip no aplica en táctil */
  .mod360__wheelwrap{ padding-top:34px; } /* espacio para el nodo superior */
}

/* ==========================================================
   SOLO MÓVIL MUY PEQUEÑO (<480px): se cambia a cuadrícula.
   De 480px en adelante, la rueda 360 sigue intacta.
========================================================== */
@media (max-width:350px){
  .mod360__spokes, .mod360__ring{ display:none; }
  .mod360__wheelwrap{ width:100%; padding:0; }
  .mod360__wheel{
    display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
    gap:22px 12px; aspect-ratio:auto; container-type:normal;
  }
  .mod360__core{
    grid-column:1/-1; position:static; transform:none;
    width:100%; aspect-ratio:auto; border-radius:18px; padding:22px 18px;
    animation:none;
  }
  .mod360__core::before{ display:none; }
  .mod360__core:hover, .mod360__core.is-active, .mod360__core:active{ transform:none; }
  .mod360__core-kicker{ font-size:11px; }
  .mod360__core strong{ font-size:20px; }

  .mod360__node{ position:static; transform:none; animation:none; justify-self:center; }
  .mod360__dot{ width:clamp(96px, 28vw, 124px); gap:5px; min-height:96px; }
  .mod360__dot i{ font-size:28px; }
  .mod360__dot-name{ font-size:13px; }
  .mod360__dot-num{ width:26px; height:26px; font-size:11px; }
}

@media (prefers-reduced-motion: reduce){
  .mod360 *, .mod360 *::before, .mod360 *::after{
    animation:none !important; transition:none !important;
  }
}
:is([type=button]):hover {
	color:white;
	background:#004A88 !important;
}
.mod360__core.is-active {
    background: white !important;
	color: #004A88;}

.wd-nav:where(:not(.wd-dis-act))>li:where(.current-menu-item,.wd-active,.active)>a {
	color: none !important;}
.leap:hover {
  filter:contrast(0.4);
}
@media (min-width: 1025px) {
	.vc_custom_1787762510363 {
	position:absolute;
	left:-20%;
}

.vc_custom_1788974913228
{
background-image:url(https://competent-villani.74-208-68-51.plesk.page/wp-content/uploads/2026/09/FONDO-3_webp.webp?id=830) !important;
}

}

@media (min-width: 768px) and (max-width: 1024px) {
	.vc_custom_1787762510363 {
	position:absolute;
	left:-20%;
}
.vc_custom_1788974913228
{
background-image:url(https://competent-villani.74-208-68-51.plesk.page/wp-content/uploads/2026/09/FONDO-3_webp.webp?id=830) !important;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.vc_custom_1788974913228
{
background-image:url(https://competent-villani.74-208-68-51.plesk.page/wp-content/uploads/2026/09/FONDO-3_webp.webp?id=830) !important;
}
}

@media (max-width: 576px) {
	.vc_custom_1787681239680 {
	display:none !important;}

.vc_custom_1788974913228
{
	background-image:url(https://competent-villani.74-208-68-51.plesk.page/wp-content/uploads/2026/08/VERSION-MOVIL-1.png) !important;
}
}