:root {
  --rojo: #a42212;
  --naranja: #ea791b;
  --azul: #00a7d6;
  --azul_oscuro: #13478a;
  --oscuro: #114585;
  --verde: #004e25;
  --colorTx:dodgerblue;
  --fontSize:15px;
  --fontSizeP:16px;
}
* {margin: 0 auto;padding: 0;box-sizing: border-box}
* {font-family: "Quicksand", "Roboto Condensed", "Trebuchet MS", Helvetica, sans-serif; font-optical-sizing: auto; font-weight: 500;font-size: var(----fontSize); font-style: normal;outline: none; }
body #AA {z-index:1 !important;width: 80px; height: 80px; left: 50%; top: 50%; position: absolute; transition: 0s ease-in-out; -webkit-animation: swirl 2s ease-in-out infinite alternate; animation: swirl 3s ease-in-out infinite alternate; background: url(/img/a.png) center center no-repeat;background-size: contain; } body .AA {transition: 4s cubic-bezier(0.175, 0.885, 0.32, 1.275); width: 96px; height: 96px; margin-left: calc(96px / -2); margin-top: calc(96px / -2); z-index: 19 !important; -webkit-animation-delay: 0.0333333333s; animation-delay: 0.0333333333s; } body .AA:before {content: ""; position: absolute; width: 10px; height: 10px; background: transparent; border-radius: 100%; top: calc(50% - 5px); left: calc(50% - 5px); -webkit-animation: bubbling 3s linear infinite; animation: bubbling 3s linear infinite; filter: blur(5px); background: url(/img/a.png) center center no-repeat;background-size: contain; } body .AA:before {-webkit-animation-delay: 3s; animation-delay: 3s; opacity: 0.25; } @-webkit-keyframes bubbling {0% {box-shadow: 50px 150px 0 rgba(255, 255, 255, 0); } 50% {box-shadow: -100px 0px 0 white; } 100% {box-shadow: 50px -150px 0 rgba(255, 255, 255, 0); } } @keyframes bubbling {0% {box-shadow: 50px 150px 0 rgba(255, 255, 255, 0); } 50% {box-shadow: -100px 0px 0 white; } 100% {box-shadow: 50px -150px 0 rgba(255, 255, 255, 0); } } @keyframes swirl {100% {transform: translateX(100px); } }
body .AA {transition: 4s cubic-bezier(0.175, 0.885, 0.32, 1.275); width: 96px; height: 96px; margin-left: calc(96px / -2); margin-top: calc(96px / -2); z-index: 19; -webkit-animation-delay: 0.0333333333s; animation-delay: 0.0333333333s; } body .AA:before {content: ""; position: absolute; width: 10px; height: 10px; background: transparent; border-radius: 100%; top: calc(50% - 5px); left: calc(50% - 5px); -webkit-animation: bubbling 3s linear infinite; animation: bubbling 3s linear infinite; filter: blur(5px); background: url(/img/a.png) center center no-repeat;background-size: contain; } body .AA:before {-webkit-animation-delay: 3s; animation-delay: 3s; opacity: 0.25; } @-webkit-keyframes bubbling {0% {box-shadow: 50px 150px 0 rgba(255, 255, 255, 0); } 50% {box-shadow: -100px 0px 0 white; } 100% {box-shadow: 50px -150px 0 rgba(255, 255, 255, 0); } } @keyframes bubbling {0% {box-shadow: 50px 150px 0 rgba(255, 255, 255, 0); } 50% {box-shadow: -100px 0px 0 white; } 100% {box-shadow: 50px -150px 0 rgba(255, 255, 255, 0); } } @keyframes swirl {100% {transform: translateX(100px); } }
body {width: 100vw;overflow-x: hidden !important; overflow-y: auto !important;}
p {font-size: var(--fontSizeP);font-weight: 400 !important} 
span, label, caption {font-size: 1em}
i {z-index: 9989 !important}
#br-botom {background-image: linear-gradient(90deg, rgba(212,187,21,1) 0%, rgba(212,187,21,1) 20%, rgba(255,131,17,1) 21%, rgba(255,131,17,1) 40%, rgba(139,37,24,1) 41%, rgba(139,37,24,1) 60%, rgba(0,78,39,1) 61%, rgba(0,78,39,1) 80%, rgba(18,68,131,1) 81%, rgba(18,68,131,1) 100%);z-index: -1 !important}
.TT * {font-size: 1em;font-weight: 600}
strong,  b {font-weight: 600}
.nav {content: ""; position: absolute; top: 65%; left: 65%; width: 1em; height: 0.15em; background: white; box-shadow: 0 0.25em 0 0 white, 0 0.5em 0 0 white; transform: scale(2); }
.td {width: 100%}
body {cursor: default;text-align: center;cursor: url('/img/rocket.png'), default;user-select: none;color: #251b29;background: #f1f1f1;letter-spacing: 0em}
bodyy {background-size: 100% 100%};
bodyy {background-image:radial-gradient(#fff 0%, rgb(241, 254, 255) 35%, #fefefe 100%)}
bodyy {background-image: radial-gradient(18% 28% at 24% 50%, #CEFAFFFF 7%, #073AFF00 100%),radial-gradient(18% 28% at 18% 71%, #f2f9fe59 6%, #073AFF00 100%),radial-gradient(70% 53% at 36% 76%, #CBFAFFFF 0%, #073AFF00 100%),radial-gradient(42% 53% at 15% 94%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(42% 53% at 34% 72%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(18% 28% at 35% 87%, #FFFFFFFF 7%, #073AFF00 100%),radial-gradient(31% 43% at 7% 98%, #FFFFFFFF 24%, #073AFF00 100%),radial-gradient(21% 37% at 72% 23%, #B3EEFF9C 3%, #073AFF00 100%),radial-gradient(35% 56% at 91% 74%, #F8FFE69C 28%, #FFFFFFFF 81%, #073AFF00 100%),radial-gradient(74% 86% at 67% 38%, #E0FDEDF5 24%, #073AFF00 100%),linear-gradient(125deg, #FFFFFFFF 1%, #FFFFFFFF 100%)}
bodyy { background-size: cover; background-position: right bottom; background-repeat: no-repeat;background-attachment: fixed}
bodyy { background: rgb(245,253,255); background: radial-gradient(circle, rgba(245,253,255,1) 0%, rgba(255,255,255,1) 15%, rgba(231,250,255,1) 30%, rgba(235,255,251,1) 45%, rgba(234,248,255,1) 60%, rgba(255,255,255,1) 79%, rgba(249,255,250,1) 92%); }
big, big * {font-weight: 600}

#bg {background-color: var(--azul);background-image: url(/img/waves.svg) !important; background-position: bottom center !important; background-repeat: no-repeat; background-size: 100% 200px;; }
#navbar {position: relative;}

#Phones {position: relative;}
#Phones i {opacity: 1 !important}
#Phones i::before {position: relative;background: var(--rojo) !important;opacity: 1 !important}
#PhonesView {display: none;position: absolute;top: 110%;left: -2.5em;min-width: 280px;opacity: 1;text-align: left;font-size: 1em}
#PhonesView table {background: var(--rojo);border-radius: 1em;color: #fff}
#PhonesView td {padding: .2em;text-align: left;border-bottom: 1px solid rgba(255, 255, 255, .05);color: rgba(0, 0, 0, .7);font-weight: 600}
#PhonesView td a {color: #fff;font-weight: 600;font-size: 1.1em;opacity: .9}
#Phones:hover #PhonesView {display: block;z-index: 9999;}

seccion {display: block;position: relative;overflow: hidden;padding: 3em 0}
#banner, #data {padding: 0 !important}
a {text-decoration: none;z-index: 9998 !important}
.td, #FDhome {max-width: 1200px;position: relative;text-align: left;}
.izq {position: absolute;top: 0;left: 0;text-align: left;}
.der {position: absolute;top: 0;right: 0;text-align: right;}
i {min-width: 1em;text-align: center;min-height: 1em;font-size: 1em;}
.btn {border-radius: 1.5em;color: #fff;cursor: pointer;z-index: 9998 !important}
.btn.rojo {background: var(--rojo);border-radius: 1.5em;color: #fff;cursor: pointer;}
.btn.azul {background: var(--azul);border-radius: 1.5em;color: #fff;cursor: pointer;}
.btn.naranja {background: var(--azul);border-radius: 1.5em;color: #fff;cursor: pointer;}
.tx_rojo {color: var(--rojo);}
.tx_azul {color: var(--azul_oscuro);}

.la-medapps, .la-sun {color: yellow;}

#br-top {position: relative;height: 2.7em}
#br-botomm {background: linear-gradient(to right, var(--azul), var(--rojo))}
#br-botom {height: 2px;position: absolute;bottom: 0;left: 0;right: 0;display: none;z-index: -1 !important}
.br-top {height: 4px;position: absolute;bottom: -3px;left: 0;right: 0;}
#br-top #social {display: none;}
#calendar-download {display: none;}

.T {position: relative;padding: 0;}
.T.br::before {content: '';border-top: 3px solid var(--rojo);position: absolute;left: 0;bottom: -.3em;width: 2em;border-radius: 1em}

.dropbtn {position: relative;}
.dropbtn:before {content: ''; width: 0; height: 0; border-left: .4em solid transparent; border-right: .4em solid transparent; border-top: .6em solid rgba(0, 0, 0, .5); position: absolute; right: -1em; top: .2em; transition: .2s}

header {position: relative;}
header .td {position: relative;height: 120px;}
header logo {height: 80%;width: 100%;position: absolute;top: 25%;left: 0;background-position: center center;background-repeat: no-repeat;background-size: contain;margin: .5em .7em;transform: scale(1.2);max-width: 200px;z-index: 8888 !important}
header a {color: #000}
header i {display: inline-block;vertical-align: top;font-size: 1.6em;transition: .2}
header i {font-size: 1em;line-height: 1em;margin-right: .5em;color: #000;opacity: .6;transform: scale(1.5);}
header ul, li {list-style: none; display: inline-block;vertical-align: top;margin: 0}
header ul li {display: inline-block;vertical-align: top;}
header #social {display: none}

nav {position: absolute;left: 250px;top: 50%;margin-top: -1em;right: 220px;z-index: 9997 !important}
nav #mn-grp {position: relative;}
nav .mn {border-bottom:4px solid transparent;border-top-left-radius: .2em;border-top-right-radius: .2em;overflow: hidden;height: 3em}
nav .m-it {padding: .8em .7em;cursor: pointer;transition: color 0.5s;transition:.2s;font-weight: 600;color: rgba(0, 0, 0, .8);}
#mn .mn .dropbtn {padding-right: .4em}
#mn .mn .dropbtn::before {position: absolute;right: .2em;top: 50%;margin-top: -.5em;}
.mn .mx {display: none;position: absolute;top:100%;left: 0;right: -250px;background: #fff;padding: 2em 1em 0 0;border: 1px solid rgba(0, 0, 0, .1);  border-bottom-right-radius: 3em;border-bottom-left-radius: 3em;border: solid 3px var(--azul_oscuro);overflow: hidden;}
.mn .mx-grp {position: relative;height: 100%;width: 100%;position:relative}
.mx_ {display: inline-block;}
.mx2 {display: none;position: absolute;top: -1.2em;left: 210px;right: 37%;background-size: cover;background-repeat: no-repeat;background-position: center center;border-top-left-radius: 3em;bottom: -2em !important}
.mx3 {display: none;width: 40%;position: absolute;top: -2em;right: -1em;bottom: -2em;background: #eee}
.mx1 {width: 230px;color: #000}
.m-opt {cursor: pointer;}
.mx1 li.mx1 {width: 100%;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.mx1 .m-opt {padding: .7em .5em .7em 1.5em !important;}
.mx1 input[type="radio"] {position: absolute;left: -100px;top: 0}
.mx4 {padding: 2em;line-height: 1.2em;color: rgba(0, 0, 0, .6)}
.mx4 .T {font-size: 1 !important;color: var(--azul_oscuro);padding-bottom: 4em}
.mx4 .T .obs {margin-left: -.2em}
.mx4 .T .obs, .mx4 .T .obs * {font-size: 1em !important}
.tx-mx4, .tx-mx4 * {font-weight: 600}
.tx-mx4 b, .tx-mx4 b {font-weight: 600}
.mx_ .btn {background-color:  var(--azul_oscuro);border-radius: 1.5em;color: #000;overflow: hidden;display: inline-block;padding: .3em .5em;margin-top: 1em;font-size: .9em;color:  #FFF}

#g-mx0 .mx3, #g-mx0 .mx2 {display: block;}


#info {position: relative;}
#info .tx {line-height: 25px}
#info i {cursor: pointer;display: inline-block;vertical-align: top;color: #fff !important;opacity: .7;font-size: 1.5em;transition:.2s}
#info i::before {border: 1px solid rgba(255, 255, 255, .2);border-radius: 50%;padding: .2em}
#info .tx {cursor: pointer;display: inline-block;vertical-align: top;color: #000 !important;opacity: .8;transition:.2s;padding-left: .5em;font-weight:600;}
#info li {padding: .5em .7em;cursor: pointer; position: relative;transition: 0.5s;margin: 0 !important}
#info .on {background: var(--azul_oscuro);color: #fff;overflow: hidden;border-left: 1px solid rgba(0, 0, 0, .3);}
#info .on .tx {color: #FFF !important;text-shadow: 0px 1px 2px rgba(0,0,0,0.5)}
#info .on1 {border: none !important;border-bottom-left-radius: 1.5em !important;padding-left: 1em}
#info .on2 {border-bottom-right-radius: 1.5em !important;padding-right: 1em}
#info .on3 {background: #004e25 !important}

#social li i {transition: .2s}
#social {position: absolute;top: 0;right: 0}

header .btn-grp {position:absolute;top: 40px;z-index: 8888 !important}
.btn-grp li {padding: .7em}
.btn-grp i {margin-right: 1em;opacity: 1;color: rgb(0, 144, 185, .8);}
.btn-grp i:before {border-color: var(--azul_oscuro);transition: .2s}
.btn-grp .i-tx {display: inline-block;vertical-align: top;}
.btn-grp .btn, .btn-grp .btn-pagos {display: inline-block;vertical-align: top;border-radius: 1.5em;margin: 0;transition: .2s;border: 3px solid transparent;color: rgba(0, 0, 0, .7);}
.btn-grp .btn-pagos {border-color: transparent}
.btn-grp .btn-pagos i {color: var(--rojo) !important}
.btn-grp .btn-admisiones {background: var(--rojo) !important;color: #fff !important;border-color: rgba(0, 0, 0, .2) !important}
.btn-admisiones a {color: #fff;text-shadow: 0px 1px 2px rgba(0,0,0,0.5)}

.fixed {position: fixed; top: 0; width: 100%;z-index:9990 !important;background: rgba(255, 255, 255, .97)}
.fixed .td {position: relative;height: 70px;}
.fixed logo {top: 10px;height: 45px;margin: 0;padding: 0}
.fixed #social {display: block;top: -2.2em;}
.fixed #social li {margin-right: -1em}
.fixed #social i {transition: .2s}
.fixed nav {top: 22px}
.fixed .btn-grp {margin-top: -2em}
.fixed #social i::before {border: 1px solid rgba(36, 36, 36, 0.2);border-radius: 50%;padding: .1em;background: #fff;}
.fixed #br-botom {display: block;}

.la-shopping-cart {transform: scale(2) !important;margin-left: .7em}
.la-shopping-cart::before {border: 1px solid rgba(0, 0, 0, .1);border-radius: 50%;padding: .2em;background: #fff;}

.banner {height: calc(100vh - 180px);max-height: 500px;min-height: 240px;position: relative;}
#banner .td {width: 100%;height: 100%;border-radius: .5em;position: relative}
#banner .msg {width: 100%;height: 100%;transition: opacity 0.5s ease-in-out;opacity: 0;display: inline-block;vertical-align: top}
#banner .msg.on {opacity: 1;}
#banner .msg-img {position: absolute;top: 0;right: 0;bottom: 0;height: 100%;width: 60%;z-index: 90 !important;}
#banner .msg-img {background-repeat: no-repeat;background-size: contain;}
#banner .msg-img-box {position: absolute;top: -4vh;right: 0;bottom: 0;height: 100%;width: 20%;transition: transform 3s ease-in-out; animation: fadeInOut 5s ease-in-out;z-index: 0 !important}
#banner .msg-img-box {width: 200vh;height: 200vh;box-sizing: border-box;background: url(/img/logo-white-crop.png) no-repeat center center ; background-size: cover; opacity: .7;z-index: 0 !important;display: none;}

.msg-tx {position: absolute;top:20%;width: 42%;z-index: 1000 !important;}
#banner .T {color: #fff;font-size: 2.1em;padding: .2em 0;font-weight: 600;text-shadow: 0px 1px 2px rgba(0,0,0,0.5)}
#banner .T h1 {color: #fff;font-size: 1.3em;padding: .2em 0;font-weight: 900;text-shadow: 0px 1px 2px rgba(255,255,255,0.5);color: rgb(11, 54, 98);}
#banner .tx {color: rgba(0, 0, 0, .7);font-size: 1.5em;line-height: 1.7em;font-weight: 600}
#banner .fd1, #banner .fd2 {width: 100%; height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0 !important;}
#banner .fd2 {background-attachment: fixed;background-repeat: no-repeat;background-size: cover;background-clip: padding-box;}
#banner .fd1 {}
#banner .fd3 {background: var(--azul) url(/img/curve.png) bottom center;background-repeat: no-repeat;background-size: contain;position: absolute;top: 0;left: 0;right: 0;bottom: 0}
#banner .iq {position: absolute; transition: transform 0.3s ease-in-out; font-size: 30em; z-index: 1 !important; transition: transform 3s ease-in-out; opacity: .1; left: 50%; top: 20%;opacity:0;margin-left: -.3em;opacity: 0}

._3D {text-shadow: 0 1px 0 #ccc, 0 2px 0 rgba( 0, 0, 0, .5), 0 3px 0 rgba( 0, 0, 0, .2), 0 4px 0 rgba( 0, 0, 0, .3), 0 5px 0 rgba( 0, 0, 0, .1), 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);}
.obs {margin: auto; position: absolute;perspective: 9998px; transform-style: preserve-3d}
x {position: absolute; transform-style: preserve-3d; transform: rotateY(-15deg) rotateX(-10deg) translateZ(0); }
x:after {content: var(--tx);white-space: pre;font: 1.7em "Quicksand", "Roboto Condensed", "Trebuchet MS", Helvetica, sans-serif; text-align: center;position: absolute;letter-spacing: 1px; text-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); color: var(--colorTx) !important;font-weight: 600}
x:nth-child(2):after {transform: translateZ(0px); text-shadow: .5px 0 0 rgba(255, 255, 255, 0.3)}
x:nth-child(3):after {transform: translateZ(-3px); }
x:nth-child(4):after {transform: translateZ(-4.5px); }
x:nth-child(5):after {transform: translateZ(-6px); }
x:nth-child(6):after {transform: translateZ(-7.5px); }
x:nth-child(7):after {transform: translateZ(-9px); }
x:nth-child(8):after {transform: translateZ(-10.5px); }
x:nth-child(9):after {transform: translateZ(-12px); }
x:nth-child(10):after {transform: translateZ(-13.5px); }
x:nth-child(11):after {transform: translateZ(-15px); }
x:nth-child(12):after {transform: translateZ(-16.5px); }
x:nth-child(13):after {transform: translateZ(-18px); }
x:nth-child(14):after {transform: translateZ(-19.5px); }
x:nth-child(15):after {transform: translateZ(-21px); }
x:nth-child(16):after {transform: translateZ(-22.5px); }
x:nth-child(17):after {transform: translateZ(-24px); }
x:nth-child(18):after {transform: translateZ(-25.5px); }
x:nth-child(19):after {transform: translateZ(-27px); }
x:nth-child(20):after {transform: translateZ(-28.5px); }
x:nth-child(n+11):after {-webkit-text-stroke: 15px #fff; text-shadow: 7px 0 7px rgba(0, 0, 0, .02), 7px 7px 5px rgba(0, 0, 0, .02), 0 7px 7px rgba(0, 0, 0, .08); }
x:nth-child(n+12):after {-webkit-text-stroke: 10px rgba(255, 255, 255, 1); }
x:last-child:after {-webkit-text-stroke: 11px rgba(0,0,0,.2)}
x:first-child:after {color: #fff; text-shadow: none; }

#data {margin-top: -5em;z-index: 8888 !important}
#data .td {padding: 0 0 2em;text-align: center;}
#data .msg-grp {width: 17%;margin: .8em;display: inline-block;vertical-align: top;position: relative;text-align: center}
#data .msg-grp {box-sizing: border-box;overflow: hidden;}
#data .msg-grps {clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
#data .msg {min-height: 200px;vertical-align: middle;display: grid;align-items: center}
#data .T {font-size: 2.5em;position: absolute;top: 20%;right: 0;left: 0;font-weight: 600;color: rgba(0, 0, 0, .65);box-sizing: border-box;transition: .3s;opacity: .9; transition: transform 1s;color:  #fff}
#data .tx {font-size: .9em;position: absolute;top: 48%;right: 0;left: 0;color: #fff;letter-spacing: .02em;line-height: 1.4em;opacity: .7; transition: transform 1s;font-size: 1.2em;text-align: center;padding: 0 2em;font-weight: 900 !important;;text-shadow: 0px 2px 4px rgba(0,0,0,0.5)}
.card-face {position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%}
#data .back {display: none;transform: rotateY( 180deg );}
#data .back .tx {opacity: 0}
.card {position: relative; width: 100%;height: 100%; transform-style: preserve-3d; transition: transform .2s;background: url(/img/escudo.svg) top center no-repeat;background-size: cover}
.card-face {position: absolute; backface-visibility: hidden; }
.card, .front, .back {width: 100%; height: 100%; }

#novedades {background: linear-gradient(to bottom, white, transparent);}
.novedad {display: inline-block;vertical-align: top;height: 520px}

#novedad-video {position: relative;z-index: 100}
.novedad-video {padding: 10px;background: var(--naranja);border-radius: 500px;height: 520px;width: 300px;overflow: hidden;}
.novedad-video .iframee {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#videoBienvenida ._img {background-image: url(/img/vvv.jpg);background-size: contain;background-repeat: no-repeat;border-radius: 500px;height: 100%;width: 100%;overflow: hidden;}

#novedad-btn {width: calc(100% - 905px);margin-left: 30px;overflow: hidden;cursor: pointer;position: relative;z-index: 500;}
#novedad-btn #maca {background-image: url(/img/maca/default.png);background-size: contain;background-position: center bottom;background-repeat: no-repeat;}
#novedad-btn #maca {position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;transition: .5s;z-index: -1;}
#novedad-btn #maca {max-height: 250px;max-width: 300px}
.novedad-btn {display: block;text-align: center;width: 100%;height: 2.7em}

.novedad-btn:nth-child(1) { --colorTx: var(--rojo) !important;}
.novedad-btn:nth-child(2) { --colorTx: var(--azul_oscuro) !important}
.novedad-btn:nth-child(3) { --colorTx: var(--naranja) !important}
.novedad-btn:nth-child(4) { --colorTx: var(--verde) !important}
.novedad-btn:nth-child(5) { --colorTx: var(--azul_oscuro) !important}
.novedad-btn:nth-child(6) { --colorTx: var(--rojo) !important}

body[panel="panel_0"] #panel_0 {--panel-color: var(--rojo)}
body[panel="panel_1"] #panel_1 {--panel-color: var(--azul_oscuro)}
body[panel="panel_2"] #panel_2 {--panel-color: var(--naranja);}
body[panel="panel_3"] #panel_3 {--panel-color: var(--verde);}
body[panel="panel_4"] #panel_4 {--panel-color: var(--azul_oscuro)}
body[panel="panel_5"] #panel_5 {--panel-color: var(--rojo)}

body[panel="panel_0"] #maca {background-image: url(/img/maca/0.png) !important}
body[panel="panel_1"] #maca {background-image: url(/img/maca/1.png) !important}
body[panel="panel_2"] #maca {background-image: url(/img/maca/2.png) !important}
body[panel="panel_3"] #maca {background-image: url(/img/maca/3.png) !important}
body[panel="panel_4"] #maca {background-image: url(/img/maca/4.png) !important}
body[panel="panel_5"] #maca {background-image: url(/img/maca/5.png) !important}

.novedad-btn:nth-child(1) {background-position: top left; }
.novedad-btn:nth-child(2) {background-position: top right; }
.novedad-btn:nth-child(3) {background-position: center left; }
.novedad-btn:nth-child(4) {background-position: center right; }
.novedad-btn:nth-child(5) {background-position: bottom left; }
.novedad-btn:nth-child(6) {background-position: bottom right; }

#novedad-info {position: absolute;top: 0;left: 0;bottom: 0;right: 340px;z-index: 9997;display: none;}
.novedad-panel {position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-top-right-radius: 4em;border-bottom-left-radius: 4em;padding-right: .5em;background: #fff;border: 4px solid orange;display: none;transition: .2s;border-color: var(--panel-color);overflow: hidden;}
.novedad-panel .T {--colorTx: var(--panel-color);padding: 1em;font-size: 1em !important;position: absolute;left: 0;right: 0;top: 1em;text-align: center;margin-left: 3em}
.novedad-panel .T x:after {font-size: 3em !important}
.panel-grp {padding: 2em 1.5em;line-height: 1.5em;margin-top: 6em}
.panel-grp p {margin-bottom: 1em}
.panel-grp i {font-size: 30em;position: absolute;right: -.2em;top: .2em;opacity: .05}
.panel-grp img {margin-right: 1em;width: 100%;margin-bottom: 5em;border-top-right-radius: 3em !important;border-bottom-left-radius: 3em !important;}
.panel-grp .pn {display: inline-block;vertical-align: top}
.panel-grp .pn_img {width: 40%;height: 0;padding-bottom: 38%;border-radius: 100%;overflow: hidden;border: 10px solid var(--panel-color);}
.panel-grp .pn_tx {width: 58%;font-weight: 600 !important}
.panel-grp .pn_tx * {font-size: 1em;line-height: 1.5em}
.panel-grp .tx {margin-left: 1em}
.panel-grp .tx big, .panel-grp .tx big * {font-size: 1.5em !important}

body[panel="panel_0"] #panel_0, body[panel="panel_0"] #novedad-info.panel_0 {display: block !important}
body[panel="panel_1"] #panel_1, body[panel="panel_1"] #novedad-info.panel_1 {display: block !important}
body[panel="panel_2"] #panel_2, body[panel="panel_2"] #novedad-info.panel_2 {display: block !important}
body[panel="panel_3"] #panel_3, body[panel="panel_3"] #novedad-info.panel_3 {display: block !important}
body[panel="panel_4"] #panel_4, body[panel="panel_4"] #novedad-info.panel_4 {display: block !important}
body[panel="panel_5"] #panel_5, body[panel="panel_5"] #novedad-info.panel_5 {display: block !important}

#novedad-info li {display: inline-block;vertical-align: top;border: 1px solid rgba(0, 0, 0, .2);padding: .2em .5em;margin: .2em;border-radius: .2em}

#servicios .TT {margin: 2em 0}

#comunidad .td {text-align: center;}
#comunidad .TT {margin-top: 2em}
#comunidad p {text-align: left;}
.tx_comunidad {max-width: 500px}
.grp_comunidad {position: relative;}
.grp_comunidad ._img {width: 30%;display: inline-block;vertical-align: top;max-width: 300px;border-radius: .4em;background: rgba(255, 255, 255, .3);overflow: hidden;text-align: center;padding: 1em;text-align: center;margin: .5em}
.grp_comunidad img {width: 100%;height: auto}
.grp_comunidad .nombre {font-weight: 600 !important;font-size: 1.2em;line-height: 1.2em}
.grp_comunidad .cargo {opacity: .7}
.grp_comunidad ._img {filter: drop-shadow(0px 0px 1px rgba(17,24,28,.16)) drop-shadow(0px 1px 4px rgba(17,24,28,.16)); box-sizing: border-box;}

#logos .td {text-align: center;padding: 1em 0;display: block;margin: 5em auto;display: flex;flex-direction: row;text-align: center;justify-content: center;align-items: center;white-space: nowrap;}
#logos .img-logo {position: relative;}
.logotipo.increase {animation: fadeInOut 2s ease-in-out;animation-fill-mode: forwards;}

.logotipo {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: attr(src url);
  height: 100%;
  max-height: 160px;
  min-height: 100px;
  position: relative;
  width: 80%;transition: .2s;opacity: .95;
  max-width: 160px;
  min-width: 100px;
  z-index: 8888;
}

.logotipo:before,
.logotipo:after {
  background-position: bottom center;
  bottom: -50%;
  content: "";
  height: 50%;
  position: absolute;
  width: 100%;
  left: 0;
}

.logotipo:before {
  background-image: inherit;
  background-size: inherit;
  opacity: 0.05;
  transform: scaley(-1);
}

.logotipo:after {
  opacity: 0.01;
  background-image: linear-gradient(
    0deg,
    white 30%,
    transparent 100%
  );
}

#cookies {position: fixed;bottom: 0;left: 0;right: 0;background:var(--azul_oscuro);text-align: left;z-index: 9997 !important;color: rgba(255, 255, 255, .7);text-align: center;border-top: 1px solid #fff; display: none;}
#cookies a {color: #fff;font-weight: 900}
#cookies button {border: none;background: var(--rojo);color: #FFF;padding: .5em .7em;border-radius: 1em;margin-top: 1em;cursor: pointer;}
.cookies2 {text-align: center;padding: 1em 0;line-height: 1.2em;width: 80%;max-width: 1200px;margin: 0;margin-left: 9%}

@keyframes fadeInOut {
  0% {opacity: .81; transform: scale(1); }
  100% {opacity: 1; transform: scale(1.3); }
}

@keyframes rotateAnimation {
    0% {
        transform: translateX(50%);
    }
    50% {
        transform:  translateX(50%);
    }
    100% {
        transform: rotateZ(60deg);
    }
}

@media (max-width: 300px) {
  #logos {flex-direction: column; }
  #logos .img-logo {flex: 100%;}
}

.tx-rojo {color: var(--rojo) !important}
.tx-azul {color: var(--azul) !important}
.tx-naranja {color: var(--azul) !important}

._p {font: inherit;;opacity: 1; transform: scale(1); transition: transform 0.1s ease, opacity 0.5s ease; }
._ ._fd {position: absolute;top: 0;left: 0;right: 0;bottom: 0}
._2 {background-image: radial-gradient(circle, #F9A72B 0%, #FA9026 70%, #FB6C1F 100%);margin: 4em 0}
._ ._grp {position: relative;}
._ ._tx {display: flex; flex-direction: column; align-items: center; text-align: left;padding: 1em;z-index: 8888}
._ .T {margin: .5em 0;font-weight: 600;font-size: 2.5em;text-emphasis: left;font-weight: 900}
._ .S {}
._ p {padding: 1em 0;line-height: 1.4em;opacity: .9;}
._ p * {font-size: 1em}
._ .btn {border: 2px solid var(--azul);border-radius: 1.5em;color: #000;padding: .5em .7em}

#educacion .T {margin: 1em auto .7em;color: var(--rojo);}
#educacion .TT {color: #000;}
#educacion a {color: #000}
#educacion a .T {color: var(--rojo);}
#educacion ._grp {z-index: 8888}

#articulos {}
._1 {background-color: transparent;margin: 5em 0;padding: 2em 0;position: relative;}
._1 ._fd {clip-path: circle(50% at 30%);background: var(--azul_oscuro);color:  #fff}
._1 p, ._1 .TT {color:  #fff}
.dorado {background: linear-gradient(to bottom right, #ffd700, #b8860b); box-shadow: 0 0 20px rgba(255, 215, 0, 0.5); border: 2px solid #ffd700;}
._1 .td {text-align: left;height: 100%;display: flex;justify-content: center;}
._1 ._grp {width: 100%;height: 100%;position: relative}
._1 ._tx {width: 45%;margin: 0}
._1 ._imgMASK {-webkit-mask-image: url('/img/mask17.svg');mask-image: url('/img/mask17.svg'); mask-repeat: no-repeat; mask-position: center right; mask-size: contain;}
._1 ._img_der {float: right;position: relative;}
._1 ._img_izq {float: left;}
._1 ._img {width: 100%;height: 100%;box-sizing: border-box;background-size: cover;background-repeat: no-repeat;}
._1 .playVideo {background: var(--rojo);padding: .5em}
._1 ._img-br, ._1 ._img {border-top-right-radius: 3em !important;border-bottom-left-radius: 3em !important;height: 100%}
._1 ._img-br {width: 50%;max-width: 500px;min-width: 300px}
._img_play {position: absolute;top: 50%;left: 50%;font-size: 4em;color: #fff;width: 4em;height: 4em;text-align: center;margin-left: -2em;margin-top: -.8em;cursor: pointer;z-index: 8888}
._img_play i::before {border: 2px solid rgba(255, 255, 255, .2); border-radius: 50%; padding: .2em;animation: borderAnimation 2s infinite alternate; color: rgba(255, 255, 255, .8);}
@keyframes borderAnimation {
    0% {
        border-width: 2px;
        border-color: rgba(255, 255, 255, .5);
    }
    50% {
        border-width: 10px;
        border-color: rgba(255, 255, 255, .2);
    }
    100% {
        border-width: 2px;
        border-color: rgba(255, 255, 255, .5);
    }
}

#servicios {overflow: visible !important;}
._2 ._grp {width: 50%;display: inline-block;vertical-align:top }

._3 .td {display: flex;align-items: stretch;}
._3 ._grp {width: 31%;position: relative;}
._3 img, ._3 .N6 {width: 100%;height: auto;transition: .3s}
._3 ._img {min-height: 200px;max-height: 300px}
._3 p {color: #000}
._3 .T {width: 100%;text-align: center;padding: 1em .5em;margin-top: 1em;color: #fff;z-index: 999 !important;font-size: 1.6em;;white-space: nowrap}
._3 ._grp0 {border-top-left-radius: 12em}
._3 ._grp1 {text-align: center}
._3 ._grp2 {text-align: right;}
._3 ._grp2 {border-top-right-radius: 12em}
._3 ._grp_all {background:#FFF;margin: 0 1%;position: relative;;overflow: hidden;height: 100%;border: 4px solid var(--naranja);}
._3 ._grpN6 {margin: 0 1%;position: relative}
._3 ._grp0 .T {background: var(--azul_oscuro);}
._3 ._grp1 .T {background: var(--rojo);}
._3 ._grp2 .T {background: var(--verde);}
._3 .N6, ._3 ._grpN6 {position: absolute;top: 0; left: 0;right: 0;width: 100%;margin-top: -80px}
._3 .N6.NB {margin-left: -4px;margin-top: -4px}
._3 .T {clip-path: polygon(90% 100%, 100% 0%, 10% 15%, 0% 100%);}

._4 .td {text-align: center;}
._4 ._grp {width: 49%;display: inline-block;vertical-align:top;}
._4 ._grp4 {background: #FFF; border-radius: 20em; margin: 2em 1em 0em 1em; overflow: hidden; padding: .5em 3em; padding-left: 30%; position: relative; min-height: 180px; border: 4px solid var(--verde);}
._4 ._grp4 .T {font-size: 1.4em;color: var(--tx_azul);font-weight: 900;margin-top: .5em;font-weight: 600}
._4 ._grp4, ._4 ._grp4 * {text-align: left;}
._4 ._img {height: 100%;width: 30%;position: absolute;left: 0;top: 0;bottom: 0;overflow: hidden;}
._4 ._img img {height: 100%;width: auto;margin-left: 0;transition: .2s}

#comunidad .td {border: 2px solid rgba(0, 0, 0, .04);padding-bottom: 3em;margin: 4em auto 3em;border-radius: .2em;background: rgba(255, 255, 255, .07);backdrop-filter: blur(20px);ilter: drop-shadow(0px 0px 1px rgba(17,24,28,.16)) drop-shadow(0px 1px 4px rgba(17,24,28,.16)); box-sizing: border-box;}
#comunidad .TT {color: rgba(0, 0, 0, .8);}
.grp_comunidad .person {width: 32%;display:inline-block;vertical-align:top;text-align:center;position:relative;}
.grp_comunidad .container {border-radius: 50%; -webkit-tap-highlight-color: transparent; transform: scale(0.48); transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;position: absolute;top: -35px}
.grp_comunidad .img {width: 90%;height: auto;margin: 1em auto 2em;max-width: 200px}
.grp_comunidad .divider {background-color: #ca6060; height: 1px; width: 160px; }
.grp_comunidad .name {color: var(--rojo); font-size: 1.2em; font-weight: 600; margin-top: -20px; text-align: center; text-align: center;}
.grp_comunidad .title {color: #6e6e6e;  margin-top: 4px;text-align:center; }

.fd_ {
    position: relative; width: 100%; height: 100vh;
    background: url(bg.jpg); background-size: cover; background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: circle(180vh at 50% -80vh);
}


.background-shapes {
  z-index: 0 !important;
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-size: 100%;
  background-repeat-x: repeat;
  background-image: url(/img/fd.svg);
  overflow: hidden;
  animation: 50s infiniteScroll linear infinite;
}

@keyframes infiniteScroll {
  0% {transform: scale(1); }
  50% {transform: scale(.8); }
  0% {transform: scale(1); }
}


footer {height: 350px;color: rgba(255, 255, 255, 0.8);position: relative;}
#FDhome {height: 1200px;width: 100%}
#FDhome2 {background: transparent url(/img/FD.jpg) center bottom no-repeat}
footer.home {text-align: center;}

#footerr, .ff_NO {background: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486)}
footer {background:var(--rojo); position: relative;}
#footer {position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%}
#footer {background: var(--azul_oscuro);clip-path: polygon(0% 0%, 0% 82.5%, 1.69492% 84.3293%, 3.38983% 86.1385%, 5.08475% 87.9078%, 6.77966% 89.6179%, 8.47458% 91.25%, 10.1695% 92.7862%, 11.8644% 94.2098%, 13.5593% 95.505%, 15.2542% 96.6578%, 16.9492% 97.6555%, 18.6441% 98.487%, 20.339% 99.1435%, 22.0339% 99.6176%, 23.7288% 99.9041%, 25.4237% 100%, 27.1186% 99.9041%, 28.8136% 99.6176%, 30.5085% 99.1435%, 32.2034% 98.487%, 33.8983% 97.6555%, 35.5932% 96.6578%, 37.2881% 95.505%, 38.9831% 94.2098%, 40.678% 92.7862%, 42.3729% 91.25%, 44.0678% 89.6179%, 45.7627% 87.9078%, 47.4576% 86.1385%, 49.1525% 84.3293%, 50.8475% 82.5%, 52.5424% 80.6708%, 54.2373% 78.8616%, 55.9322% 77.0922%, 57.6271% 75.3821%, 59.322% 73.75%, 61.017% 72.2138%, 62.7119% 70.7902%, 64.4068% 69.495%, 66.1017% 68.3422%, 67.7966% 67.3446%, 69.4915% 66.513%, 71.1864% 65.8565%, 72.8814% 65.3824%, 74.5763% 65.0959%, 76.2712% 65%, 77.9661% 65.0959%, 79.661% 65.3824%, 81.3559% 65.8565%, 83.0509% 66.513%, 84.7458% 67.3446%, 86.4407% 68.3422%, 88.1356% 69.495%, 89.8305% 70.7902%, 91.5254% 72.2138%, 93.2203% 73.75%, 94.9153% 75.3821%, 96.6102% 77.0922%, 98.3051% 78.8616%, 100% 80.6708%, 100% 0%); shape-outside: polygon(0% 0%, 0% 82.5%, 1.69492% 84.3293%, 3.38983% 86.1385%, 5.08475% 87.9078%, 6.77966% 89.6179%, 8.47458% 91.25%, 10.1695% 92.7862%, 11.8644% 94.2098%, 13.5593% 95.505%, 15.2542% 96.6578%, 16.9492% 97.6555%, 18.6441% 98.487%, 20.339% 99.1435%, 22.0339% 99.6176%, 23.7288% 99.9041%, 25.4237% 100%, 27.1186% 99.9041%, 28.8136% 99.6176%, 30.5085% 99.1435%, 32.2034% 98.487%, 33.8983% 97.6555%, 35.5932% 96.6578%, 37.2881% 95.505%, 38.9831% 94.2098%, 40.678% 92.7862%, 42.3729% 91.25%, 44.0678% 89.6179%, 45.7627% 87.9078%, 47.4576% 86.1385%, 49.1525% 84.3293%, 50.8475% 82.5%, 52.5424% 80.6708%, 54.2373% 78.8616%, 55.9322% 77.0922%, 57.6271% 75.3821%, 59.322% 73.75%, 61.017% 72.2138%, 62.7119% 70.7902%, 64.4068% 69.495%, 66.1017% 68.3422%, 67.7966% 67.3446%, 69.4915% 66.513%, 71.1864% 65.8565%, 72.8814% 65.3824%, 74.5763% 65.0959%, 76.2712% 65%, 77.9661% 65.0959%, 79.661% 65.3824%, 81.3559% 65.8565%, 83.0509% 66.513%, 84.7458% 67.3446%, 86.4407% 68.3422%, 88.1356% 69.495%, 89.8305% 70.7902%, 91.5254% 72.2138%, 93.2203% 73.75%, 94.9153% 75.3821%, 96.6102% 77.0922%, 98.3051% 78.8616%, 100% 80.6708%, 100% 0%);}

#footer {height: 100%;}
footer #br-botom {top: 0}
#grpFooter {padding-top: 2em;position: relative;}
#grpFooter .logo-white {max-width: 200px;margin-bottom: 1em}
#grpFooter seccion {width: 25%;display: inline-block;vertical-align: top}
#grpFooter li {display: block;margin: .5em 0;position: relative;width: 1em;height: 1em;font-size: 1.2em}
#grpFooter a {color: rgba(0, 0, 0, .8);z-index: 8888;position: absolute;top: 0;left: 0}
#grpFooter h2 {color: rgba(255, 255, 255, .8);margin-bottom: 1em;}
#grpFooter seccion:nth-child(1) {width: 300px;margin-left: 1em}
#grpFooter p {margin: .5em 0}
#grpFooter .links {color: #fff !important;font-size: .9em}
#grpFooter .links big {font-size: 2.5em;font-weight: 900}
#grpFooter .links label {font-weight: 900}
#grpFooter .links a {color: #fff !important}
#grpFooter .links li {position: relative;padding-left: 1em;white-space: nowrap}
#grpFooter .links li:before {content: '❯';color: orange !important;padding-left: 1em;transition: .2s;position: absolute;left: -2em;top: 0;white-space: nowrap}
#grpFooter #social {position: absolute;right: 0;top: 2em;font-size: 1.5em}
#grpFooter #social li {margin-right: .5em !important}
#grpFooter #social i {color: rgba(255, 255, 255, .7) !important;z-index: 8888;font-size: 1.8em}

.grp-links {width: 45% !important;padding-left: 1em}
.grp-links .links {width: 47% !important;display: inline-block;vertical-align: top;margin-left:2% !important}


@keyframes fadeOutScale {
  to {
    transform: scale(0);
    opacity: 0;
  }
}

.gallery {border-radius: 4em;position: relative; max-width: 100%; overflow: hidden; height: 100%; }
.gallery .slider-container {display: flex; overflow-x: scroll; width: 100%; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; height: 100%; }
.gallery .slider-container::-webkit-scrollbar {display: none;}
.gallery .slide {flex: 0 0 auto; width: 100%; height: 100%; object-fit: cover; font-size: 4em; color: #fff;z-index:8887 !important }
.gallery .slide {background-position: center center;background-repeat: no-repeat;background-size: contain;height: 100%;}
.gallery .prev, .gallery .next {position: absolute; top: 50%; transform: translateY(-50%); color: white; border: none; cursor: pointer;z-index: 9998 !important; font-size: 3em;background:transparent; display: block;border-radius: 100%;color: #FFF;border: 4px solid transparent;}
.gallery .prev {left: -.7em;z-index:9998 !important }
.gallery .next {right: -.7em; z-index:9998 !important}
.gallery .av:after {content: "";border-radius: 100%;height: 2em;width:2em !important;display: block;line-height: 2em}
.gallery .prev:after {content: "❮";}
.gallery .next:after {content: "❯";}

#novedad-box {width: 520px;margin-left: 30px}
.novedad-box {height: 100%}

.fc-daygrid-event {white-space: wrap !important;margin-bottom: .2em !important}
.fc .fc-daygrid-day-number {font-size: 1.1em !important;font-weight: 900 !important}

body {background-image: url(/img/bg.jpg);background-size: 100% 100%; background-position: right bottom; background-repeat: no-repeat;background-attachment: fixed;}

.la-bars {display:none !important;position: absolute;left: 0;top: .5em}
.playVideo {width: 100% !important;padding-bottom: 56.25% !important;margin-top: 1em;position: relative;height: 0;overflow: hidden;}
.videoAlvernia {width: 100% !important;height: 100%;object-fit: cover;position: absolute;top: .5em;left: .5em;bottom: 0;right: .5em}
.videoAlvernia, .playVideo,#videoAlvernia iframe {border-top-right-radius: 3em !important; border-bottom-left-radius: 3em !important}

#our_family {width: 100%}
#our_family .grp_info_video {display: background: #004e24;width: 100%;margin: auto;}
#our_family .grp_info_video ._tx {padding: 0}
#our_family .info_video {border-radius: 5em ; padding: 2em;;text-align: center;margin: 0 auto;}
#our_family .info_video { position: relative; border-radius: 3em ; padding: 2em;margin:  0}
#our_family .info_video { background: #fff; box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15), -6px -6px 10px -1px rgba(255, 255, 255, 0.7);width: 100%}
#our_family .TTT {width:  100%; padding-bottom: 0;color:#13478a;font-size: 2.3em }
#our_family .TT {background: linear-gradient(45deg, #f3ec78, #af4261); background-clip: text;color: #0a481d;font-size: 1.8em;margin-top:0  }
#our_family p {color: #000; font-size: 1em; padding: .2em 0;font-size:  1.1em;font-weight: 900 }
#our_family .tx_azul {color: #13478a;font-weight: 900 !important}
#our_family .tx-html-2 {display:  none  ;}

/*Matriculas*/
.hexagon {--mix-percentage: calc(var(--column) * var(--index) * 3%); width: var(--hexagon-size); aspect-ratio: 1; position: relative; background: var(--color-surface-container, color-mix(in srgb, var(--color-secondary), var(--color-primary) var(--mix-percentage))); -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); -webkit-clip-path: polygon(98.66024% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%); clip-path: polygon(98.66024% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%); cursor: pointer; }
#modal_matriculas {position: fixed;top: 0;left: 0;right: 0;bottom: 0; ;z-index: 9998; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); justify-content: center; align-items: center; display: flex; }
#matricula {background: orange; background-image: radial-gradient(circle at 20% 100%, #f7941e 0%, #ed8912 33%, #f7941e 33%, #f7941e 66%, #ffa234 66%, #ffa234 99% ), linear-gradient(40deg, #040a22, #162561, #202e64, #6f7aa6); background-repeat: no-repeat; background-size: cover; max-width: 700px; max-height: 450px; position: relative; border-radius: 2em ; }
#matricula h1 {font-size: 2.5em; font-weight: 700; line-height: 1em; letter-spacing: 1px; margin-bottom: .7em; color: #fff; }
#matricula p {text-align: left;font-size: 1.2em; font-weight: 900 !important; line-height: 1.5; margin-bottom: 30px; padding: 0 2em;color: #fff}
#matricula button {background: #eaeaea; color: #202134; font-weight: 600; border: 0; outline: 0; padding: 8px 14px; border-radius: 7px; transform: scale(1); transition: all 0.4s ease-in; cursor: pointer;text-transform: uppercase;}
#matricula img {height: 460px;width: auto;position: absolute;bottom: 0;right: -10%}
#matricula #wa {position: absolute;bottom: .1em;left: 60%;margin-left: -.5em;font-size: 5em;color: #25D366 ;}
#matricula #wa {box-shadow: 0px 0px 15px 0px rgba(7,94,84,1);}
.matricula {padding: .5em;padding-right: 40%}
.matricula .cerrar {margin-left: .5em;background: transparent !important;font-weight: 900}
.tx_matricula {text-shadow: 0px 1px 2px rgba(0,0,0,0.5); }
.whatsapp-btn {z-index: 9998; width: 60px; height: 60px; border-radius: 50%; background-color: #25D366; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); animation: breathe 2s ease-in-out infinite; }
.whatsapp-btn i {color: #fff; font-size: .9em; animation: beat 2s ease-in-out infinite; text-decoration: none; }

/*Estilos con animation contorno respirando*/
@keyframes breathe {
  0% {box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); }
  70% {box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
  100% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}

/*Estilos de animacion del icono latiendo*/
@keyframes beat {
  0% {transform: scale(1); }
  50% {transform: scale(1.2); }
  100% {transform: scale(1); }
}

#box_banner {display: flex; align-items: center; justify-content: center; }
.grp_banner {perspective: 1000px; position: relative; }
.box_banner {width: 450px; height: 300px; position: relative; transform-style: preserve-3d; animation: rotate 15s ease infinite; }
.box_banner .face {position: absolute; width: 450px; height: 300px; text-align: center; display: flex; align-items: center; justify-content: center; top: 35%; ; background-size: 100% 100%;background-repeat:no-repeat;background-position:center center;background-color: #707070; padding: 0;border-top: 10px solid #707070;border-bottom: 10px solid #707070; }
.box_banner .front  { transform: rotateY(  0deg) translateZ(225px);background-image:url(/img/1a.jpg)}
.box_banner .back   { transform: rotateY(180deg) translateZ(225px);background-image:url(/img/2a.jpg)}
.box_banner .left   { transform: rotateY(-90deg) translateZ(225px);background-image:url(/img/3b.jpg)}
.box_banner .right  { transform: rotateY( 90deg) translateZ(225px);background-image:url(/img/4b.jpg)}
.box_banner h6 {text-shadow: -1px -1px 0 rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.25), 3px 3px 3px rgba(0,0,0,.25), 10px 10px 20px rgba(0,0,0,.5), 20px 40px 40px rgba(0,0,0,.5); }
.box_banner h6 {-webkit-background-clip: text; background-clip: text; background-image: linear-gradient(to right, #ff8b10 0%, #8f2316 50%, #114483 60%, #114483 100%); color: #FFF; letter-spacing: var(--letter-spacing); -webkit-text-stroke-color: transparent; -webkit-text-stroke-width: var(--stroke-width); -webkit-text-stroke-width: var(--stroke-width); text-transform: uppercase; }
.box_banner h6 {font-size: 2em; margin-top: 1.5em; position: relative; color: #fff; text-align: left; display: inline-block; }

@keyframes rotate {
    0%, 7.14% {transform: rotateY(0deg); }
    28.57%, 35.71% {transform: rotateY(-90deg); }
    50%, 57.14% {transform: rotateY(-180deg); }
    71.43%, 78.57% {transform: rotateY(-270deg); }
    92.86%, 100% {transform: rotateY(-360deg); }
}  
/*Matriculas*/

#btWA {display: none;}


@media screen and (min-width:1100px) {
#our_family:hover .tx-html-1 {display:  none ;}
#our_family:hover .tx-html-2 {display:  block ;}
#our_family .tx-html-1 {display:  none ;}
#our_family .tx-html-2 {display:  block ;}
#btWA {display: block;position: fixed; right: .2em; bottom: .2em; font-size: 4em;}
body.pluzze {height: 100vh;width: 100vw;overflow: hidden;z-index: 9998 !important}
#pluzze {position: absolute;height: 100%;width: 100%;top:0;left: 0;right: 0;bottom: 0;z-index: 9998 !important;visibility: visible !important;object-fit: cover;}
#matricula button:is(:hover, :focus) {transform: scale(0.98); background-color: blueviolet; color: #eaeaea; }
._st1 {fill:var(--rojo);}
._st2 {fill:var(--naranja);}
._st3 {fill:transparent;}
._st4 {fill:var(--verde);}
._st5 {fill:var(--azul_oscuro);}
._st6 {fill:var(--rojo);}
._st7 {fill:var(--naranja);}
._st8 {fill:transparent;}
._st9 {fill:var(--verde);}
._st10 {fill:var(--azul_oscuro);}
._st11 {fill:var(--rojo);}
._st12 {fill:var(--naranja);}
._st13 {fill:var(--azul);}
._st14 {fill:var(--verde);}
._st15 {fill:var(--azul_oscuro);}
._st16 {fill:var(--verde);}
._st17, ._st22 {fill:transparent;}
._st18 {fill:var(--naranja);}
._st19 {fill:var(--azul);}
._st20 {fill:var(--verde);}
._st21 {fill:var(--azul_oscuro);}
._st0, ._st23 {fill:var(--rojo);}

._st1 { animation: fadeOutScale 1s ease-out 0.1s both; }
._st2 { animation: fadeOutScale 1s ease-out 0.2s both; }
._st3 { animation: fadeOutScale 1s ease-out 0.3s both; }
._st4 { animation: fadeOutScale 1s ease-out 0.2s both; }
._st5, ._st22  { animation: fadeOutScale 1s ease-out 0.5s both; }
._st6 { animation: fadeOutScale 1s ease-out 0.1s both; }
._st7 { animation: fadeOutScale 1s ease-out 0.4s both; }
._st8 { animation: fadeOutScale 1s ease-out 0.3s both; }
._st9 { animation: fadeOutScale 1s ease-out 0.4s both; }
._st10 { animation: fadeOutScale 1s ease-out .1s both; }
._st11 { animation: fadeOutScale 1s ease-out .5s both; }
._st12, ._st23 { animation: fadeOutScale 1s ease-out .2s both; }
._st13 { animation: fadeOutScale 1s ease-out .6s both; }
._st14 { animation: fadeOutScale 1s ease-out .4s both; }
._st15 { animation: fadeOutScale 1s ease-out .5s both; }
._st16 { animation: fadeOutScale 1s ease-out .3s both; }
._st17 { animation: fadeOutScale 1s ease-out .5s both; }
._st18 { animation: fadeOutScale 1s ease-out .3s both; }
._st19 { animation: fadeOutScale 1s ease-out .4s both; }
._st20 { animation: fadeOutScale 1s ease-out .2s both; }
._st21, ._st22, ._st23 { animation: fadeOutScale 1s ease-out .3s both; }
._st0 { animation: fadeOutScale 1s ease-out .2s both; }

.hidden {opacity: 0}
  header li:hover i {transform: scale(2)}
  nav .mn:hover {border-color: var(--azul_oscuro) !important;background: var(--azul_oscuro);opacity: 1;right: auto;color: #fff}
  nav .m-it:hover::after {top: 50%; opacity: 1; }
  #mn .mn:hover .mx {display: block;z-index: 9998 !important !important}
  #mn .mn:hover .dropbtn::before {rotate: 180deg}
  li.mx1:hover .mx3 {display: block !important;}
  li.mx1:hover .mx2 {display: block !important;}
  li.mx1:hover {background: var(--rojo);color: #fff !important}
  #mn .mn:hover .m-it, .mx1 .mx1:hover a, .mx1 .mx1:hover .m-opt {color: #fff !important}
  #info #icons li:hover i {transform: scale(2) rotate(-15deg);color: #fff;opacity: 1}
  #info li:hover .tx {opacity: 1;z-index: 999 !important}
  #info li:hover i::before {border: 1px solid rgba(255, 255, 255, .1)}
  #info li.on:hover {background: var(--rojo);}
  #social li:hover i {transform: scale(2);opacity: 1}
  .btn-grp .btn-pagos:hover {border-color: var(--azul_oscuro);color: #000;background: #fff}
  .btn-grp .btn-pagos:hover i {border-color: transparent;background: transparent;transform: scale(3) !important}
  .btn-grp .btn-pagos:hover i:before {border-color: transparent;background: transparent;}
  .btn-grp .btn-admisiones:hover {background: var(--rojo) !important;color: #fff !important;border-color: #fff !important}
  .fixed #social li:hover i {transform: scale(2);color: var(--azul);opacity: 1}
  #banner:hover .msg-img-box {transform: scale(5);}
  #banner:hover .iq {transform: scale(2); }
  #logos .logotipo:hover {transform: scale(1.1);opacity: 1 !important;}
  ._3 ._grp:hover img {transform: scale(1.25);top: 1.25Pem}
  ._4 ._grp4:hover img {transform: scale(1.3);}
  .grp_comunidad .container:hover {transform: scale(0.54)}
  #grpFooter .links li:hover:before {font-size: 1.5em;top: -.2em}
  #grpFooter #social i:hover {color: rgba(255, 255, 255, 1) !important}
  .gallery .av:hover {border-color:var(--naranja);}
  .gallery .av:hover::after {background-color:rgba(255, 255, 255, .95);color: var(--naranja);}
  #data .msg-grp:hover .T {transform: scale(1.2);margin-top: -.1em;}
  #data .msg:hover .front {display: none;}
  #data .msg:hover .front .T {opacity: 0;}
  #data .msg:hover .front .tx {opacity: 0;text-shadow: 0px 1px 2px rgba(0,0,0,0.5)}
  #data .msg:hover .card { transform: rotateY( 180deg ); }
  #data .msg:hover .back {display: block;}
  #data .msg:hover .back .T {opacity: 1;}
  #data .msg:hover .back .tx {opacity: 1;text-shadow: 0px 1px 2px rgba(0,0,0,0.5)}
  .novedad-grp:hover i {transform: scale(1.1);color: #fff;opacity: 1 !important}
  .novedad-grp:hover .T {color: rgba(255, 255, 255, .9);bottom: .5em;}
#btn-msg-pago .i-tx {position: relative;}
#btn-msg-pago:hover .i-tx::before {background: #0053aa;color: #fff;padding: .3em;border:2px solid #fff;position: absolute;left: -85px;top: 150%;content: '¡Realiza el pago con facilidad en la interfaz actualizada!';border-radius: .2em;width: 170px;text-align: center;z-index: 9998}
}
@media screen and (max-width: 1200px) {
  #novedades{background:transparent;padding: 0;text-align: center;}
  #novedad-box {position: relative;}
  #novedad-info {display: none}
  #novedad-btn {position: relative !important;display: block !important;width: 80%;margin: 5% auto;text-align: center;border-radius: 2em !important}
  #novedad-btn {height: auto !important}
  .novedad-btn {width: 30%;border-radius: 1em !important;vertical-align: top;margin: 1% !important;height: 8em}
  .novedad-panel {display: none !important;}
  .novedad-grp .T {top: auto;bottom: .5em;font-size: 1em;font-weight: 400}
  .novedad-grp i {display: block;opacity: .5;top: 0;color: #fff}
  #novedades .td {text-align: center !important;}

  #novedad-info, .novedad-panel {display: none !important;}
  body[panel="panel_0"] #panel_0, body[panel="panel_0"] #novedad-info.panel_0 {display: none !important}
  body[panel="panel_1"] #panel_1, body[panel="panel_1"] #novedad-info.panel_1 {display: none !important}
  body[panel="panel_2"] #panel_2, body[panel="panel_2"] #novedad-info.panel_2 {display: none !important}
  body[panel="panel_3"] #panel_3, body[panel="panel_3"] #novedad-info.panel_3 {display: none !important}
  body[panel="panel_4"] #panel_4, body[panel="panel_4"] #novedad-info.panel_4 {display: none !important}
  body[panel="panel_5"] #panel_5, body[panel="panel_5"] #novedad-info.panel_5 {display: none !important}

  #novedad-btn .panel {height: 3.5em !important}
  #novedad-btn #maca {background-position: right bottom;height: 100% !important;max-height: 350px !important;left: auto !important;right: 2em;max-width: 350px !important;z-index: -1}
}
@media screen and (max-width:1100px) {
  logo {max-width: 120px !important}
  nav {left: 150px;}
  #novedad-btn #maca {max-height: 300px  !important;max-width: 300px  !important}
}
@media screen and (max-width:1200px) {
  #social {display: none !important;}
}
@media screen and (max-width: 1000px) {
  #pluzze {all: revert;display:none !important;}
  #bg, .background-shapes {all: revert;background-image: none !important;}
  #br-top {padding: .2em 0;text-align: center;background:var(--azul_oscuro);text-align: center;padding-top: 0 !important}
  #br-top .tx {display: none;}
  #br-top .on {background:  transparent;border: none;margin: 0;padding: 0;}
  #br-top li {all: revert;width: 2.2em;height: 2.2em}
  #br-top ul, #br-top li {list-style: none;display: inline-block !important;vertical-align: top !important;margin: .4em;margin-top: 0 !important}
  #br-top i::before {border: none}
  #br-top {padding: .2em 0;text-align: center;background:var(--azul_oscuro);}
  #info li, #info li.on {padding: .4em .3em 0}
  header logo {width: 150px;height: 50px;background-position: center right;z-index: 1 !important}
  #mn {padding: 0;margin: 0 !important}
  #mn li {list-style: none;width: 100%;white-space: nowrap;}
  nav {position: static !important;margin-left: 3em;margin-top: .5em !important}
  .la-bars{padding:.5em}
  #mn-grp {text-align:left;margin: 0;position: absolute;left: 0;top: 0;height: 2.5em;width: 2.5em;overflow:  hidden;background: #fff;z-index:9998 !important}
  #mn-grp.activo {width: 250px;height: auto;border-radius: .2em; background: rgba(255, 255, 255, .95); backdrop-filter: blur(20px); box-sizing: border-box;z-index: 9998 !important;box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 2px 0px, rgba(0, 0, 0, 0.28) 0px 2px 4px 0px}
  #mn-grp li {text-align:left;max-width: 250px;display:block;}
  #mn-grp .dropbtn:before {border: none;}
  #mn-grp .dropbtn:before {display: none;}
  #mn-grp .m-it {padding: .4em !important;border-top: 1px solid rgba(0, 0, 0, .2) !important;}
  #mn-grp .m-it:first-child {border: none !important;}
  #mn-grp .mx {position: static !important;all: revert !important;}
  #mn-grp .mx2 {display:none !important;}
  #mn-grp .mx3 {display:none !important;}
  .la-bars {display: inline-block !important;padding:.5em}
  #navbar {background-color: #fff}
  .msg{background:transparent;text-align: center;}
  .msg .msg-tx{padding: 0;margin: 0;width: 50%}
  .msg .T{font-size: 1.5em !important;padding:1em !important;}
  .msg-img {position: static !important;width:50% !important;padding: 0 !important;margin: 0 !important;height: 200px !important;background-position: center top !important;margin-left: 50% !important}
  #banner {overflow: hidden}
  #banner .td {height:auto !important;padding: 0 !important;margin: 0 !important;}
  #banner .td:after{content: '';background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1));position: absolute;right: 0;left: 0;bottom: 0;height: 100%;width: 100%;z-index: -2}
  #banner .tx-html {display:none;}
  #banner .msg-img {margin-top: 1em !important;z-index: 5}
  #banner .msg{overflow: hidden;}
  .banner{height: auto;}
  #mn .mn {border-bottom: 1px solid rgba(0, 0, 0, .1);}
  #mn .mn .mx, #mn-grp .mx {display: block !important;position: static !important;}
  nav .mn {height: auto !important;min-height: 3em !important}

  seccion#data {margin-top: auto;padding: .5em !important;}
  seccion#data .msg-grp {margin: 1px .3em;border-radius: .5em !important}
  seccion#data .msg, seccion#data .msg-grp {height: auto;min-height:auto;text-align: left;}
  seccion#data .msg * {position: static}
  seccion#data .T, seccion#data .tx {line-height:2em !important;font-size: 1em !important;padding: .5em !important;margin: 0}
  seccion#data .T {transform: scale(1.2);color: #fff;background-color: rgba( 0, 0, 0, .5);min-width: 3em;text-align: center;font-size: 2em !important;padding: 0 !important}
  seccion#data .tx {line-height: 1.1em !important;margin: .5em 0}
  .card {background-image:none;}

  .btn-pagos {padding-left:0 !important}
  nav #mn a {text-decoration: none;}
  nav #mn .m-it {font-weight: 300 !important }
  .mx1 li.mx1:last-child {border-color: transparent ;}

  #AA {display: none;}
  .gallery .av {border-color: transparent !important;font-size: 2em}
  .gallery .av::after {border: 3px solid var(--naranja) !important;height: 1.4em !important; width: 1.4em !important; line-height: 1.4em !important;background: #fff;color: var(--naranja) !important }
  .gallery .next {right: 0}
  .gallery .prev {left: 0}

  #br-top .icons {top: 0}
  #banner .msg:after{content: '';background-color: var(--naranja);background-image: radial-gradient(circle at 10% 20%, var(--azul) 0%, var(--azul_oscuro) 90%);;position: absolute;right: 0;left: 0;bottom: 0;height: 100%;width: 100%;z-index: -1;clip-path: polygon(0% 0%, 0% 82.5%, 1.69492% 84.3293%, 3.38983% 86.1385%, 5.08475% 87.9078%, 6.77966% 89.6179%, 8.47458% 91.25%, 10.1695% 92.7862%, 11.8644% 94.2098%, 13.5593% 95.505%, 15.2542% 96.6578%, 16.9492% 97.6555%, 18.6441% 98.487%, 20.339% 99.1435%, 22.0339% 99.6176%, 23.7288% 99.9041%, 25.4237% 100%, 27.1186% 99.9041%, 28.8136% 99.6176%, 30.5085% 99.1435%, 32.2034% 98.487%, 33.8983% 97.6555%, 35.5932% 96.6578%, 37.2881% 95.505%, 38.9831% 94.2098%, 40.678% 92.7862%, 42.3729% 91.25%, 44.0678% 89.6179%, 45.7627% 87.9078%, 47.4576% 86.1385%, 49.1525% 84.3293%, 50.8475% 82.5%, 52.5424% 80.6708%, 54.2373% 78.8616%, 55.9322% 77.0922%, 57.6271% 75.3821%, 59.322% 73.75%, 61.017% 72.2138%, 62.7119% 70.7902%, 64.4068% 69.495%, 66.1017% 68.3422%, 67.7966% 67.3446%, 69.4915% 66.513%, 71.1864% 65.8565%, 72.8814% 65.3824%, 74.5763% 65.0959%, 76.2712% 65%, 77.9661% 65.0959%, 79.661% 65.3824%, 81.3559% 65.8565%, 83.0509% 66.513%, 84.7458% 67.3446%, 86.4407% 68.3422%, 88.1356% 69.495%, 89.8305% 70.7902%, 91.5254% 72.2138%, 93.2203% 73.75%, 94.9153% 75.3821%, 96.6102% 77.0922%, 98.3051% 78.8616%, 100% 80.6708%, 100% 0%);
  shape-outside: polygon(0% 0%, 0% 82.5%, 1.69492% 84.3293%, 3.38983% 86.1385%, 5.08475% 87.9078%, 6.77966% 89.6179%, 8.47458% 91.25%, 10.1695% 92.7862%, 11.8644% 94.2098%, 13.5593% 95.505%, 15.2542% 96.6578%, 16.9492% 97.6555%, 18.6441% 98.487%, 20.339% 99.1435%, 22.0339% 99.6176%, 23.7288% 99.9041%, 25.4237% 100%, 27.1186% 99.9041%, 28.8136% 99.6176%, 30.5085% 99.1435%, 32.2034% 98.487%, 33.8983% 97.6555%, 35.5932% 96.6578%, 37.2881% 95.505%, 38.9831% 94.2098%, 40.678% 92.7862%, 42.3729% 91.25%, 44.0678% 89.6179%, 45.7627% 87.9078%, 47.4576% 86.1385%, 49.1525% 84.3293%, 50.8475% 82.5%, 52.5424% 80.6708%, 54.2373% 78.8616%, 55.9322% 77.0922%, 57.6271% 75.3821%, 59.322% 73.75%, 61.017% 72.2138%, 62.7119% 70.7902%, 64.4068% 69.495%, 66.1017% 68.3422%, 67.7966% 67.3446%, 69.4915% 66.513%, 71.1864% 65.8565%, 72.8814% 65.3824%, 74.5763% 65.0959%, 76.2712% 65%, 77.9661% 65.0959%, 79.661% 65.3824%, 81.3559% 65.8565%, 83.0509% 66.513%, 84.7458% 67.3446%, 86.4407% 68.3422%, 88.1356% 69.495%, 89.8305% 70.7902%, 91.5254% 72.2138%, 93.2203% 73.75%, 94.9153% 75.3821%, 96.6102% 77.0922%, 98.3051% 78.8616%, 100% 80.6708%, 100% 0%);}

  seccion#data .msg-grp {background: #fff !important;color: #fff !important;text-shadow: none;border:2px solid var(--naranja) !important;border-radius: .5em;min-height: 110px}
  seccion#data .T {background: transparent;font-size: 1.2em !important;text-shadow: none;color:#fff;background: var(--naranja);opacity: 1 !important}
  seccion#data .tx {text-align: center;line-height:1.2em !important;padding: .5em !important;margin: 0;text-shadow: none !important;color: rgba(0, 0, 0, .9);padding: 1em 0 !important;margin: auto !important;}
}
@media screen and (max-width: 850px) {
  header logo {top: 10px !important;left: 39px !important}
  header .btn-grp {top: 27px !important;right: 0 !important}
  header .td {height: 90px}
  body, p, ._tx .tx-html, .tx-html *, .tx-html p {font-size: 14px !important;--fontSize:14px;--fontSizeP:14px;}
  seccion#data .tx {font-size: .9em !important}

#our_family .grp_info_video  {display: block;}
#our_family .grp_info_video ._tx {width: 100%;padding-top: 2em}
#our_family ._img-br, #our_family ._img_der {width: 100% !important;max-width: none !important;min-width: none !important;max-width: auto !important;min-width: auto !important}
#articulos ._img-br, #articulos ._img_der {width: 100% !important;max-width: none !important;min-width: none !important;max-width: auto !important;min-width: auto !important}
.TTT {font-size: 1.2em !important}

  nav #mn .m-it {font-weight: 600 !important;margin: 0;padding: 0}
  .mx1 .m-opt {font-weight: 600 !important;margin: 0;padding: .5em !important;padding-left: 1em !important;min-height: auto !important;opacity: .7}
  nav .mn {min-height: auto !important}
  #novedad-btn #maca {max-height: 250px  !important;max-width: 250px  !important}

.box_banner, .box_banner .face {width: 225px !important;height: 150px !important}
.box_banner .face {top: 25%}
.box_banner .front  { transform: rotateY(  0deg) translateZ(112.5px);background-image:url(/img/1.jpg)}
.box_banner .back   { transform: rotateY(180deg) translateZ(112.5px);background-image:url(/img/2.jpg)}
.box_banner .left   { transform: rotateY(-90deg) translateZ(112.5px);background-image:url(/img/3.jpg)}
.box_banner .right  { transform: rotateY( 90deg) translateZ(112.5px);background-image:url(/img/4.jpg)}

#matricula img {height: 200px}
#matricula #wa {left: .5em;}
.matricula {padding: .5em;padding-right: 0}
#matricula p {padding-right: 100px;text-align: justify;}
.matricula .cerrar {margin-left: .5em;background: transparent !important;font-weight: 900}
.whatsapp-btn {z-index: 9998; width: 60px; height: 60px; border-radius: 50%; background-color: #25D366; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); animation: breathe 2s ease-in-out infinite; }
.whatsapp-btn i {color: #fff; font-size: .9em; animation: beat 2s ease-in-out infinite; text-decoration: none; }
#matricula #btt {margin-left: -2.5em}


  #br-top .icons {top: 0}
  #banner .msg:after{content: '';background-color: var(--naranja);background-image: radial-gradient(circle at 10% 20%, var(--azul) 0%, var(--azul_oscuro) 90%);;position: absolute;right: 0;left: 0;bottom: 0;height: 100%;width: 100%;z-index: -1;clip-path: polygon(0% 0%, 0% 82.5%, 1.69492% 84.3293%, 3.38983% 86.1385%, 5.08475% 87.9078%, 6.77966% 89.6179%, 8.47458% 91.25%, 10.1695% 92.7862%, 11.8644% 94.2098%, 13.5593% 95.505%, 15.2542% 96.6578%, 16.9492% 97.6555%, 18.6441% 98.487%, 20.339% 99.1435%, 22.0339% 99.6176%, 23.7288% 99.9041%, 25.4237% 100%, 27.1186% 99.9041%, 28.8136% 99.6176%, 30.5085% 99.1435%, 32.2034% 98.487%, 33.8983% 97.6555%, 35.5932% 96.6578%, 37.2881% 95.505%, 38.9831% 94.2098%, 40.678% 92.7862%, 42.3729% 91.25%, 44.0678% 89.6179%, 45.7627% 87.9078%, 47.4576% 86.1385%, 49.1525% 84.3293%, 50.8475% 82.5%, 52.5424% 80.6708%, 54.2373% 78.8616%, 55.9322% 77.0922%, 57.6271% 75.3821%, 59.322% 73.75%, 61.017% 72.2138%, 62.7119% 70.7902%, 64.4068% 69.495%, 66.1017% 68.3422%, 67.7966% 67.3446%, 69.4915% 66.513%, 71.1864% 65.8565%, 72.8814% 65.3824%, 74.5763% 65.0959%, 76.2712% 65%, 77.9661% 65.0959%, 79.661% 65.3824%, 81.3559% 65.8565%, 83.0509% 66.513%, 84.7458% 67.3446%, 86.4407% 68.3422%, 88.1356% 69.495%, 89.8305% 70.7902%, 91.5254% 72.2138%, 93.2203% 73.75%, 94.9153% 75.3821%, 96.6102% 77.0922%, 98.3051% 78.8616%, 100% 80.6708%, 100% 0%);
  shape-outside: polygon(0% 0%, 0% 82.5%, 1.69492% 84.3293%, 3.38983% 86.1385%, 5.08475% 87.9078%, 6.77966% 89.6179%, 8.47458% 91.25%, 10.1695% 92.7862%, 11.8644% 94.2098%, 13.5593% 95.505%, 15.2542% 96.6578%, 16.9492% 97.6555%, 18.6441% 98.487%, 20.339% 99.1435%, 22.0339% 99.6176%, 23.7288% 99.9041%, 25.4237% 100%, 27.1186% 99.9041%, 28.8136% 99.6176%, 30.5085% 99.1435%, 32.2034% 98.487%, 33.8983% 97.6555%, 35.5932% 96.6578%, 37.2881% 95.505%, 38.9831% 94.2098%, 40.678% 92.7862%, 42.3729% 91.25%, 44.0678% 89.6179%, 45.7627% 87.9078%, 47.4576% 86.1385%, 49.1525% 84.3293%, 50.8475% 82.5%, 52.5424% 80.6708%, 54.2373% 78.8616%, 55.9322% 77.0922%, 57.6271% 75.3821%, 59.322% 73.75%, 61.017% 72.2138%, 62.7119% 70.7902%, 64.4068% 69.495%, 66.1017% 68.3422%, 67.7966% 67.3446%, 69.4915% 66.513%, 71.1864% 65.8565%, 72.8814% 65.3824%, 74.5763% 65.0959%, 76.2712% 65%, 77.9661% 65.0959%, 79.661% 65.3824%, 81.3559% 65.8565%, 83.0509% 66.513%, 84.7458% 67.3446%, 86.4407% 68.3422%, 88.1356% 69.495%, 89.8305% 70.7902%, 91.5254% 72.2138%, 93.2203% 73.75%, 94.9153% 75.3821%, 96.6102% 77.0922%, 98.3051% 78.8616%, 100% 80.6708%, 100% 0%);}

  seccion#data {display: inline-block;vertical-align: top}
  seccion#data .msg-grp {width:19%;height: 100px !important;background: #fff !important;  color: #fff !important;text-shadow: none;display:inline-block;vertical-align: top;margin: .2em;  border:2px solid var(--naranja) !important;border-radius: .5em}
  seccion#data .T {line-height:2em !important;text-align: center;width: 98%;margin: 1% !important;opacity: 1;background: transparent;font-size: 1.2em !important;text-shadow: none;color:#fff;background: var(--naranja);opacity: 1 !important}
  seccion#data .msg, seccion#data .msg-grp {height: auto;min-height:auto;text-align: left;}
  seccion#data .tx {text-align: center;line-height:1.2em !important;font-size: 12px !important;padding: .5em !important;margin: 0;text-shadow: none;color: rgba(0, 0, 0, .8);padding: 1em 0 !important;margin: auto !important;}

  #novedad-video {height: 300px !important}
  .novedad-video {width: 180px !important;height: 300px !important;padding: 5px}
  #novedad-box {width: 300px !important;height: 300px !important}

  ._ .TT {font-size: 1.5em !important}

  .novedad-btn {height: 3em}
  #maca {left: 50% !important;width: 50% !important}
  ._tx .tx-html, .tx-html *, .tx-html p {font-size: 1em !important}
  ._tx .tx-html p:not(:first-of-type) {display: none;}
  ._tx .T {font-size: 1em !important;width: auto;padding: 0 !important}
  .e4 .T {width: auto !important;padding: .5em 1em;margin-left: 1em;font-size: 1.2em}
  ._4 ._grp4 {margin: 2em 0;padding: .5em;padding-left: 45%}
  #educacion .grp-tx {margin: 0 !important}

  #articulos ._img_der {float: none;}
  #articulos._1 ._img-br {width: 90% !important}
  #articulos._1 ._tx {width: 100% !important}
  #articulos .TT {text-align: center;font-size: 1.2em !important}
  #articulos._ ._tx {display: block !important;}
  #articulos._1 ._fd {clip-path: revert;}

  #servicios ._grpN6 {display: none;}
  #servicios ._grp {width: 100%;margin-bottom: 1em}
  #servicios .td {display: block;}
  #servicios ._img {width: 40%;position: absolute;top: 0;left: 0;bottom: 0;height: 100%;overflow: hidden;}
  #servicios .ff {position: absolute;bottom: 0;left: 0;width: 30%;font-size: 1.2em !important;padding: .5em .7em !important}
  #servicios ._tx {margin-left: 42%}
  #servicios p {font-size: .9em !important;color: #000;opacity: 1 !important;font-weight: 400 !important}
  #servicios ._grp_all {border-radius: 2em !important;}

  #educacion ._grp {width: 100%}
  #educacion .tx-html {font-size: .9em !important;margin-left: .5em}
  #educacion  ._grp.e4 {width: 48%;display: inline-block;vertical-align: top}
  #educacion  ._grp4 {border-radius: 1em}
  #educacion  .T {font-size: 1.05em;padding: 0 !important;margin-left: .5em;margin-top: 0 !important}
  #educacion  ._img {width: 45%}
  #educacion  .grp-tx {margin-left: 3em;width: 100%}
  #educacion ._4 ._grp4 {min-height: auto !important;padding: 0 !important}
  #educacion p {font-size: .9em !important;color: #000;opacity: 1 !important;font-weight: 400 !important}

  #comunidad, #comunidad .td {margin: 0 !important;padding: 0 !important}
  #comunidad .td {border: none;}
  #comunidad p {display: none;}
  #comunidad .img {width: 150px;height: 150px}
  .tx_comunidad {width: 80%;max-width: 1000px !important}
  footer {background: var(--azul_oscuro);width: 99vw;overflow: hidden;}
  footer .msg {display: none;}
  footer #direcciones {display: none;}
  footer .grp-links {width: 60% !important;margin-left: 10%}
  #footer {display: none !important;}
  footer #grp-logo {padding: 0 !important;margin: 1em !important}
  footer .grp-links {margin: 0 !important;margin-left: 3em !important;padding-top: 0 !important}
  footer #social {margin-right: 1em !important}
  footer #social li {display: inline-block;vertical-align: top;margin-left: .5em}

  footer #direcciones {display: block !important;position: absolute;right: 1em;top: auto;bottom: 2em}
  footer #direcciones big {font-size: 2em !important}
}
@media screen and (max-width: 700px) {
  footer .grp-links {width: 60% !important;margin-left: 5%}
}
@media screen and (max-width: 650px) {
  body, p, ._tx .tx-html, .tx-html *, .tx-html p {font-size: 13px !important;--fontSize:13px;--fontSizeP:13px;}
  #banner .T {color: var(--rojo);text-shadow: 0px 2px 4px rgba(255,255,255,0.5);font-weight: 900}
  logo {width: 110px !important}
  header .btn-grp {font-size: .9em !important;top: 10px !important}
  .btn-admisiones {padding: 7px !important;}
  .fixed .btn-grp {margin-top: 3px !important}

  #novedad-box {margin-top: 3em}
  seccion#data {display: inline-block;vertical-align: top}
  seccion#data .msg-grp {width: 23%;max-width: 80px;height: 100px !important;background: #fff !important;
  color: #fff !important;text-shadow: none;display:inline-block;vertical-align: top;margin: .2em;
  border:2px solid var(--naranja) !important;border-radius: .5em}
  seccion#data .T {line-height:2em !important;text-align: center;width: 98%;margin: 1% !important;opacity: 1;background: transparent;font-size: 1.2em !important;text-shadow: none;color:#fff;background: var(--naranja);}
  seccion#data .msg, seccion#data .msg-grp {height: auto;min-height:auto;text-align: left;}
  seccion#data .tx {text-align: center;line-height:1.2em !important;font-size: 12px !important;padding: .5em !important;margin: 0;text-shadow: none;color: rgba(0, 0, 0, .8);padding: 1em 0 !important;margin: auto !important;}
  seccion#data .td a:nth-child(5) {display: none !important;}

  ._ .T {font-size: 1.5em}
  #novedad-btn {margin-top: 3em !important}

  #educacion ._grp_all {padding-right: .5em !important}
  #educacion .T {padding: 0;margin: .5em 0}

  #servicios .T {right: 0;left: auto !important;}

  #servicios * {font-size: 1em}
  #servicios .td {width: 90%}
  #servicios ._tx {margin-left: 100%}
  #servicios ._img {position: static !important;}
  #servicios ._img, #servicios ._3 ._grp_all {height: auto !important;}
  #servicios .T {top: 100px;bottom: auto;left: 60%;right: 1em;font-size: 1em;min-width: 160px}
  #servicios ._tx {margin-left: 0 !important}
  #servicios ._3 .N6 {margin-top: 0 !important}
  #servicios .tx-html {background: rgba(255, 255, 255, 1);z-index: 888;padding: 1em;margin: -1em}

  #grpFooter {padding-top:3em}
  #grpFooter #social {top: 2em;padding: 0;margin:0}
  #grpFooter #social li {padding: 0 !important;margin: .2em}
  #footer {display: none;}
  footer {background: var(--azul_oscuro);height: auto !important;padding-bottom: 2em}
  footer .grp-links {width:90% !important;display: block !important;margin-left: 5% !important;text-align: center;margin-top: 1em}
  #footer {clip-path: revert;}
  footer #grp-logo {margin-left: 10%}
  footer #social {left: 50%;width: 40%;padding: 0;margin:0}
  footer #social li {display: inline-block;vertical-align: top;padding: .5em;margin: .5em}
  #grpFooter #social {font-size: 1.4em; text-align: right; top: 1em; margin: 0 !important; right: 1em !important; left: auto !important; }
  #grpFooter #social li {margin-right: .2em !important}
  #grpFooter {margin: 0 !important;padding: 0 !important}
}

@media screen and (max-width:555px) {
  body, p, ._tx .tx-html, .tx-html *, .tx-html p {font-size: 12px !important;--fontSize:12px;--fontSizeP:12px;}
  .fixed logo {left: 2em}
  seccion#data .msg, seccion#data .msg-grp {height: auto;min-height:auto;text-align: left;}
  .msg .msg-tx{position:static;width: 100%}
  .msg-img {width:100% !important;margin-left: 0 !important}

  #banner .T {margin: 0;padding: 0 !important;font-size: 1.3em !important}
  #banner .msg:after{content: '';background-color: var(--azul);background-image: radial-gradient(circle at 10% 20%, var(--azul) 0%, var(--azul_oscuro) 90%);position: absolute;right: 0;left: 0;bottom: -50%;height: 0;width: 100%;padding-bottom: 100%;border-radius: 100%;z-index: -1}
  #banner {border-bottom: 3px solid var(--azul);}

  #novedad-video {height: 400px !important}
  .novedad-video {width: 218px !important;height: 400px !important}
  #novedad-btn {padding-top: 2em !important;overflow: unset;}
  .novedad-btn {height: 3.5em}
  #novedad-btn #maca {background-position: right bottom;height: 45%;right: -3.5em}
  #novedad-box, #novedad-info {width: calc(100% - 2em) !important;margin: 0 1em !important;height: 0;position: relative;padding:4em 0;padding-bottom: calc(100% - 2em);border-radius: 0}
  #novedad-box .gallery {width: 100% !important;position: relative !important;height: 350px;padding: 0;margin: 0}
  #novedad-box .gallery {bottom:auto !important;top:0 !important}
  .btn-grp li {padding:.7em .4em}
  .la-shopping-cart {margin-left: .2em}
  #comunidad .TT {font-size: 1.2em}
  p, .tx-html {font-size: 13px !important}
  .grp_comunidad .person {width: 90%;text-align: left;}
  .grp_comunidad .title {position: absolute;bottom: 30%;left:160px }
  .grp_comunidad .name {position: absolute;bottom: calc(30% + 1em);left: 160px}
  .grp_comunidad .img {margin-bottom: 1em;max-width: 150px }
  #logos {display: none;}
  #grpFooter #social li i {font-size: 1em}

  #articulos .tx-html {display: none;}

  #servicios {margin-top: 0 !important;padding-top: 0 !important}
  #servicios * {font-size: 1em}
  #servicios .td {width: 90%}
  #servicios ._tx {margin-left: 50%}
  #servicios ._grp {position: relative;}
  #servicios ._grp_all {height: 8em;position: relative;border-radius: 1em !important}
  #servicios ._img {position: static !importan;width: 50%;text-align: left;overflow: hidden !important;left: 0 !important;right: 50%}
  #servicios ._img img {margin-top: -1em;width: 50%;max-width: 220px;left: 0;right: 50%}
  #servicios ._img, #servicios ._tx {width: 50% !important;overflow: hidden;display: inline-block;vertical-align: top}
  #servicios ._img, #servicios ._3 ._grp_all {height: auto !important;}
  #servicios .T {top: 100px;bottom: auto;left: 60%;right: 0em;font-size: 1.05em;min-width: 160px}
  #servicios .T {background: transparent;color: #000;text-align: left;clip-path: none;font-weight: 600}
  #servicios ._tx {margin-left: -1em !important}
  #servicios ._3 .N6 {margin-top: 0 !important}
  #servicios .tx-html {background: rgba(255, 255, 255, 1);z-index: 888;padding: 1em;margin: -1em}
  #servicios .tx-html {display: none !important;}
  #servicios ._tx {position: absolute;left: 50%;top: -.5em;overflow: unset;}
  #servicios .T {position: static;padding: 1em .5em !important;margin: 0 !important;font-size: 1.05em !important}
  #servicios .btn {display: none;}

  #educacion {font-size: 1em;width: 96%}
  #educacion .TT {font-size: 1.2em !important}
  #educacion .T {font-size: 1.05em;text-align: center;color: #000 !important;margin-top: .5em !important}
  #educacion ._grp.e4 {width: 45% !important;padding: 0;margin: 0 2%;display: inline-block;vertical-align: top}
  #educacion ._grp4 {border-radius: .2em;border-radius: 1em}
  #educacion ._img {width: 100%;height: 100px}
  #educacion ._img img {width: 100%;height: auto !important;margin-top: 0em}
  #educacion ._grp4 {padding-left: 38%}
  #educacion .grp-tx {position: absolute;top: 100px;left: .5em;right: .5em}
  #educacion .tx-html {display: none;}
  #educacion  .grp-tx {margin: 0 !important;padding: 0 !important;margin-left: -.5em !important}

  #comunidad {margin: 0;padding: 0;margin-bottom: 2em !important}
  #comunidad .td {border: none;margin: 0;padding: 0}
  #comunidad p {display: none;}
  .grp_comunidad .img {width: 80px !important;height: 80px !important;margin: 0;padding: 0}
  .grp_comunidad .name {left: 100px}
  .grp_comunidad .title {left: 100px}
  .grp_comunidad .person {margin: 0;padding: 0}
  .grp-links {margin-top: 0 !important;padding-top: 0 !important}
  #grpFooter .links li {margin-bottom: .7em}
  #grp-logo {padding: 0;margin: 0}
  #grp-logo img {max-width: 150px !important}

  footer #direcciones {display: none !important}
}