body {
    margin: 0;
    padding: 0;
    background-color: #e6e6e6
}

#header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #014492
}

#header #menu {
    background-color: #014492;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#header #menu .self {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #014492
}

#header #menu .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #014492
}

#header #menu .item_menu {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px;
    font-family: "montserratmedium"
}

#header #menu .item_menu img {
    padding-left: 20px;
    padding-right: 20px
}

#header #menu .item_menu a {
    color: #fff;
    text-decoration: none
}

#header #menu .item_menu a {
    color: #0281f4
}

#header #menu .item_menu.active a {
    color: #fff;
    font-family: "montserratbold"
}

#header #menu .item_menu.active img {
    -webkit-filter: invert(46%);
    filter: invert(46%)
}

#header #menu .item_menu.logged {
    background-color: #025abf
}

#header #logo {
    width: 260px;
    height: 100px;
    background-color: #fff;
    background-image: url("../../img/logo.png")
}

h5 {
    font-family: "montserratmedium"
}

.controles {
    position: absolute;
    right: 30px;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.controles .search {
    cursor: pointer;
    margin-right: 15px;
    color: #808080
}

.controles .order {
    cursor: pointer;
    color: #808080
}

#disenios {
    position: relative
}

#disenios .controles_content {
    background-color: #f00;
    position: relative;
    top: -20px
}

#disenios .disenios_fila {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px
}

#disenios .disenios_titulo {
    min-width: 320px;
    height: 250px;
    margin-top: 10px;
    margin-right: 40px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "montserratregular";
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#disenios .disenios_titulo h1 {
    margin-bottom: 5px;
    padding-bottom: 5px
}

#disenios .disenios_titulo.blue {
    background-color: #014492
}

#disenios .disenios_titulo.red {
    background-color: #e9342c
}

#disenios .disenios_wrapper {
    overflow: auto;
    width: auto;
    height: 300px;
    min-height: 250px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent
}
#disenios .disenios_wrapper.papelera {
    overflow: auto;
    width: auto;
    height: auto !important;
    min-height: 250px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    padding: 20px;

}

#disenios .disenios_wrapper .disenios_content {
    background-color: transparent;
    padding: 10px 0 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
#disenios .disenios_wrapper .disenios_content.papelera {
	flex-wrap: wrap !important;
	width: 90%;
    margin: 0 auto;

	/*justify-content: center;*/
}
#disenios .disenios_wrapper .disenios_content .box.papelera {
	margin-bottom: 30px;

}
#disenios .disenios_wrapper .disenios_content .box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 440px;
    flex: 0 0 440px;
    width: 440px;
    height: 250px;
    margin-right: 40px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0rem;
    position: relative
}

#disenios .disenios_wrapper .disenios_content .box .close {
    width: 30px;
    height: 30px;
    background-color: #f00;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 100;
    border-radius: 50%;
    border-width: 3px;
    border-color: #fff;
    border-style: solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#disenios .disenios_wrapper .disenios_content .box .close i {
    color: #fff;
    font-size: 18px
}

#disenios .disenios_wrapper .disenios_content .box .share {
    width: 30px;
    height: 30px;
    background-color: #025abf;
    position: absolute;
    right: -10px;
    top: 30px;
    z-index: 100;
    border-radius: 50%;
    border-width: 3px;
    border-color: #fff;
    border-style: solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#disenios .disenios_wrapper .disenios_content .box .share i {
    color: #fff;
    font-size: 16px
}

#disenios .disenios_wrapper .disenios_content .box .info {
    width: 440px;
    height: 250px;
    background-color: rgba(255, 255, 255, 0.95);
    font-family: "montserratregular";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#disenios .disenios_wrapper .disenios_content .box .info .titulo {
    background-color: transparent;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    padding-top: 45px;
    text-align: left;
    font-size: 22px
}

#disenios .disenios_wrapper .disenios_content .box .info .footer {
    -webkit-box-flex: 0.3;
    -ms-flex: 0.3;
    flex: 0.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

#disenios .disenios_wrapper .disenios_content .box .info .footer .creacion {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    background-color: transparent;
    padding-left: 30px;
    padding-bottom: 20px;
    font-size: 15px;
    font-family: "montserratbold"
}

#disenios .disenios_wrapper .disenios_content .box .info .footer .creacion span {
    display: block
}

#disenios .disenios_wrapper .disenios_content .box .info .footer .creacion .creado {
    display: block;
    font-family: "montserratregular";
    font-size: 12px
}

#disenios .disenios_wrapper .disenios_content .box .info .footer .diapositivas {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: transparent;
    padding-right: 30px;
    padding-bottom: 20px;
    font-size: 15px;
    font-family: "montserratbold"
}

#disenios .disenios_wrapper .disenios_content .box:first-child {
    padding: 0;
    background-color: transparent
}

#disenios .disenios_wrapper .disenios_content .box img {
    position: relative
}

#disenios .disenios_wrapper .disenios_content .box .small_box {
    width: 440px;
    height: 225px;
    background-color: #fff;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
    color: #808080
}

#disenios .disenios_wrapper .disenios_content .box .small_box:first-child {
    margin-bottom: 10px
}

#disenios .disenios_wrapper .disenios_content .box .small_box .small_box_content span {
    display: block
}

#disenios .disenios_wrapper .disenios_content .box .small_box .small_box_content .icono {
    width: 2em;
    display: block;
    margin-right: 0.5rem
}

#disenios .disenios_wrapper .disenios_content .box .small_box .small_box_content .titulo {
    font-family: "montserratbold";
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 1;
    font-size: 1rem;
    color: #000
}

#disenios .disenios_wrapper .disenios_content .box .small_box .small_box_content .descripcion {
    font-family: "montserratregular";
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    margin-top: 10px
}

#disenios .disenios_wrapper .disenios_content .box .small_box.red {
    background-color: #e9342c;
    color: #fff
}

#disenios .disenios_wrapper .disenios_content .box .small_box.red .titulo {
    color: #fff
}

#disenios .disenios_wrapper .disenios_content .box.like_cuadro {
    background-image: url("../../img/cuadro1.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

#disenios .disenios_wrapper .scrollbar-track-x {
    height: 4px;
    border-radius: 4px;
    background-color: #ccc
}

#disenios .disenios_wrapper .scrollbar-thumb-x {
    height: 4px;
    background-color: #014492;
    cursor: pointer
}

#disenios .disenios_wrapper .scrollbar-thumb-x:before {
    content: "";
    display: block;
    position: absolute;
    background-color: transparent;
    height: 16px;
    width: 100%
}

#disenios .disenios_wrapper .scrollbar-thumb-x:before {
    bottom: 100%
}

.btn {
    width: 250px;
    text-decoration: none;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btn .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    color: #fff;
    font-family: "montserratregular"
}

.btn .square {
    width: 40px;
    height: 40px;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #fff
}

.glide .arrows {
    width: 140px;
    height: 70px;
    background-color: #f00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.glide .arrows .arrow_left,
.glide .arrows .arrow_right {
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e6e6e6;
    border: none;
    outline: none;
    cursor: pointer
}

.glide .arrows .arrow_left:hover,
.glide .arrows .arrow_right:hover {
    background-color: #fff
}

.glide .menu {
    width: 100%;
    height: 70px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.glide .menu .item a {
    color: #000;
    text-decoration: none;
    font-family: "montserratregular";
    font-size: 18px
}

.glide .menu .item .linea_azul {
    width: 40px;
    height: 3px;
    margin-top: 5px;
    background-color: #014492
}

#slider {
    width: 100%;
    height: 80vh;
    background-image: url("img/top.png");
    background-size: cover;
    background-color: transparent;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#slider .text_description {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    background-color: transparent;
    font-family: "montserratregular";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#slider .text_description .content {
    width: 85%
}

#slider .text_description .content .in {
    background-color: transparent
}

#slider .text_description .content .in .sumilla {
    font-size: 14px;
    letter-spacing: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#slider .text_description .content .in .sumilla .mini-linea {
    width: 30px;
    height: 1px;
    margin-top: 6px;
    display: inline;
    display: block;
    background-color: #fff
}

#slider .text_description .content .in .sumilla .texto {
    margin-left: 10px
}

#slider .text_description .content .in span {
    display: block
}

#slider .text_description .content .in .main_message {
    font-size: 55px;
    font-family: "montserratbold";
    margin-top: 35px
}

#slider .text_description .content .in .btn {
    margin-top: 100px
}

#slider .gray_square_bottom {
    width: 100%;
    height: 140px;
    background-color: transparent;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#slider .gray_square_bottom .slider_menu {
    width: 85%;
    height: 140px;
    background-color: transparent
}

#slider .gray_square_bottom .slider_menu .arrows {
    width: 140px;
    height: 70px;
    background-color: #f00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#slider .gray_square_bottom .slider_menu .arrows .arrow_left {
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff
}

#slider .gray_square_bottom .slider_menu .arrows .arrow_right {
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e6e6e6
}

#slider .gray_square_bottom .slider_menu .menu {
    width: 100%;
    height: 70px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#slider .gray_square_bottom .slider_menu .menu .item a {
    color: #000;
    text-decoration: none;
    font-family: "montserratregular";
    font-size: 18px
}

#slider .gray_square_bottom .slider_menu .menu .item .linea_azul {
    width: 40px;
    height: 3px;
    margin-top: 5px;
    background-color: #014492
}

h2,
h3,
h4 {
    font-family: "montserratbold"
}

::-webkit-input-placeholder {
    font-family: "montserratbold"
}

:-ms-input-placeholder {
    font-family: "montserratbold"
}

::-ms-input-placeholder {
    font-family: "montserratbold"
}

::placeholder {
    font-family: "montserratbold"
}

.section {
    width: 100%;
    padding-top: 70px;
    text-align: center;
    background-color: #e6e6e6;
    background-repeat-y: no-repeat
}
#registro.section {
    padding-top: 0 !important;
    text-align: left !important;
    background-color: transparent !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    min-height: 100vh !important;
}

.section .linea_azul {
    width: 40px;
    height: 3px;
    background-color: #014492;
    margin: 0 auto
}

.section .sumilla {
    color: #939393;
    font-family: "montserratregular";
    font-size: 12px
}

.section h1 {
    font-family: "montserratbold";
    line-height: 10px
}

.section.reprise {
    padding-top: 0px
}

.bloque_blanco {
    width: 100%;
    height: 35px;
    position: relative
}

.bloque_blanco .bloque_arrow {
    width: 60px;
    height: 50px;
    display: block;
    position: absolute;
    right: 100px;
    top: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #014492;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

#plantillas .plantillas_wrapper {
    overflow: auto;
    width: auto;
    height: 50vh;
    min-height: 480px;
    margin: 20px 0 5rem 5vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#plantillas .plantillas_wrapper .plantillas_content {
    background-color: transparent;
    padding: 25px 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#plantillas .plantillas_wrapper .plantillas_content .box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 330px;
    flex: 0 0 330px;
    width: 330px;
    height: 410px;
    margin-right: 20px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.5rem;
    text-decoration: none;
    color: #014492;
    text-align: center;
}

#plantillas .plantillas_wrapper .plantillas_content a:hover{
    box-shadow: 0 0 24px rgba(0,0,0,0.2)
}

#plantillas .plantillas_wrapper .plantillas_content .box:first-child {
    padding: 0;
    background-color: transparent
}

#plantillas .plantillas_wrapper .plantillas_content .box figure {
    display: block;
    margin: 0;
}

#plantillas .plantillas_wrapper .plantillas_content .box.plantilla figure {
    margin: 0 auto 1.5rem;
    max-width: 140px;
}


#plantillas .plantillas_wrapper .plantillas_content .box figure img {
    display: block;
    max-width: 100%
}

#plantillas .plantillas_wrapper .plantillas_content .box.plantilla h3 {
    display: block;
    margin: 0 1rem 1rem;
    font-family: "montserratregular";
    font-size: 28px;
}

#plantillas .plantillas_wrapper .plantillas_content .box.plantilla p {
    display: block;
    margin: 0 1rem 1rem;
    font-family: "montserratregular";
    font-size: 13px;
    line-height: 1.3;
    color: #878787;
}

#plantillas .plantillas_wrapper .plantillas_content .box.titular{
    text-align: left;
    display: grid;
    grid-template-rows: 1fr 1fr;
    padding: 0;
    place-items: stretch stretch;

}

#plantillas .plantillas_wrapper .plantillas_content .box.titular .titulo{
    background-color: #014492;
    font-family: "montserratregular";
    padding: 1rem 2rem;
    display: grid;
    place-items: center start;
    color: #FFFFFF;
}

#plantillas .plantillas_wrapper .plantillas_content .box.titular .titulo h2{
    font-family: "montserratregular";
    font-size: 20px;
    line-height: 1.2;
}


#plantillas .plantillas_wrapper .plantillas_content .box.titular .titulo h2 strong{
    font-family: "montserratbold";
}

#plantillas .plantillas_wrapper .plantillas_content .box.titular .subtitulo{
    background-color: #E9332B;
    font-family: "montserratregular";
    padding: 1rem 2rem;
    display: grid;
    place-content: center start;
}
#plantillas .plantillas_wrapper .plantillas_content .box.titular .subtitulo p{
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 1em;
}


#plantillas .plantillas_wrapper .plantillas_content .box .small_box {
    width: 270px;
    height: 140px;
    background-color: #fff;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
    color: #808080
}

#plantillas .plantillas_wrapper .plantillas_content .box .small_box:first-child {
    margin-bottom: 10px
}

#plantillas .plantillas_wrapper .plantillas_content .box .small_box .small_box_content span {
    display: block
}

#plantillas .plantillas_wrapper .plantillas_content .box .small_box .small_box_content .icono {
    width: 2em;
    display: block;
    margin-right: 0.5rem
}

#plantillas .plantillas_wrapper .plantillas_content .box .small_box .small_box_content .titulo {
    font-family: "montserratbold";
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 1;
    font-size: 1rem;
    color: #000
}

#plantillas .plantillas_wrapper .plantillas_content .box .small_box .small_box_content .descripcion {
    font-family: "montserratregular";
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    margin-top: 10px
}

#plantillas .plantillas_wrapper .plantillas_content .box .small_box.red {
    background-color: #e9342c;
    color: #fff
}

#plantillas .plantillas_wrapper .plantillas_content .box .small_box.red .titulo {
    color: #fff
}

#plantillas .plantillas_wrapper .plantillas_content .box.like_cuadro {
    background-image: url("../../img/cuadro1.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

#plantillas .plantillas_wrapper .scrollbar-track-x {
    height: 4px;
    border-radius: 4px;
    background-color: #ccc
}

#plantillas .plantillas_wrapper .scrollbar-thumb-x {
    height: 4px;
    background-color: #014492;
    cursor: pointer
}

#plantillas .plantillas_wrapper .scrollbar-thumb-x:before {
    content: "";
    display: block;
    position: absolute;
    background-color: transparent;
    height: 16px;
    width: 100%
}

#plantillas .plantillas_wrapper .scrollbar-thumb-x:before {
    bottom: 100%
}

footer {
    width: 100%;
    min-height: 129px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
}

footer .bloque1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .bloque1 a {
    color: #014492;
    display: block;
    text-decoration: none;
    font-family: "montserratbold";
    font-size: 22px;
    line-height: 25px;
    text-align: left
}

footer .bloque2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    background-color: #e9342c;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

footer .bloque2 span {
    margin: 10px
}

footer .bloque2 div {
    text-align: left
}

footer .bloque2 .links {
    margin-left: 60px
}

footer .bloque2 a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-family: "montserratregular"
}

.diseño {
    flex: 0 0 320px;
    margin-right: 2rem;
}

.diseño img {
    /* max-width: 100%; */
    height: 250px;
    display: block;
}


.diseño.nuevo {
    display: flex;
    padding: 2rem;
    flex-direction: column;
    justify-content: center;
    background-color: #FFFFFF;
}

.diseño a.nuevo {
    font-family: "montserratbold";
    text-decoration: none;
    color: #014492;
    font-size: 18px;
}


.item_design{
	position: relative;
	margin-right: 20px;
	/*min-width: 250px;*/
	height: 250px;
}
.item_name{
	/*width: 100px;*/
	height: 20px;
	background-color: rgba(255,255,255,1);
	position: absolute;
	padding: 7px;
	top: 0px;
	font-family: "montserratbold";
	font-weight: 'bold';
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	border-bottom-right-radius: 5px;
	color: #014492;
}

/*#FFF
	#0440FF;
*/

.edit i{
	color: #014492;
	font-size: 14px;
}
.delete i{
	color: #014492;
	font-size: 13px;
}
.edit{
	width: 30px;
	height: 30px;
	background-color: white;
	position: absolute;

	right: 45px;
	bottom:5px;
	border-radius: 50%;
	background-color: #eee;
	/*-webkit-box-shadow: 10px 10px 23px -6px rgba(0,0,0,0.41);
	-moz-box-shadow: 10px 10px 23px -6px rgba(0,0,0,0.41);
	box-shadow: 10px 10px 23px -6px rgba(0,0,0,0.41);*/
	display: flex;
	justify-content: center;
	align-items: center;
}
.delete{
	width: 30px;
	height: 30px;
	background-color: #eee;
	position: absolute;
	right: 5px;
	bottom:5px;
	border-radius: 50%;
	/*-webkit-box-shadow: 10px 10px 23px -6px rgba(0,0,0,0.41);
	-moz-box-shadow: 10px 10px 23px -6px rgba(0,0,0,0.41);
	box-shadow: 10px 10px 23px -6px rgba(0,0,0,0.41);*/
	display: flex;
	justify-content: center;
	align-items: center;
}
.grupo{
	display: flex;
	flex-direction: row;
}
.grupo::after{
	width: 250px;
    height: 58px;
    background-color: transparent;
    content: "(SHIFT + FLECHA ) para mover la imagen";
    display: flex;
    padding-left: 7px;
    font-style: italic;
    color: white;
    font-size: 11px;
    align-items: center;
}
.swal2-title{
	font-family: "montserratbold" !important;
}

.swal2-styled.swal2-confirm{
	background-color: #e9342c !important;
	font-family: "montserratmedium" !important;
	outline: none !important;
}
.swal2-styled:focus{
	box-shadow: none !important;
}

.contenedor_grid{
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
	width: 90vw;
	max-width: 1200px;
	margin: 2rem auto;
	padding: 1rem;
    grid-gap: 2rem;
    align-items: end;
}

@media (min-width: 960px) {
	.contenedor_grid{
		display: grid;
		grid-template-columns: repeat( 3, 1fr );
		max-width: 1366px;
		margin: 2rem auto;
	}
}

.contenedor_grid .box.plantilla{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.5rem;
	text-decoration: none;
	color: #014492;
	text-align: center;
    font-family: "montserratregular";
    gap: 1rem;
}

.contenedor_grid .box.plantilla .titular{
    display: flex;
    gap: 1rem;
}
.contenedor_grid .box.plantilla figure{
    margin: 0;
    width: 30%;
}
.contenedor_grid .box.plantilla img{
    width: 100%;
}
.contenedor_grid .box.plantilla h3{
    line-height: 1;
    margin: 0;
	font-family: "montserratregular";
	font-size: 20px;
}
.contenedor_grid .box.plantilla p{
    margin: 0;
	font-family: "montserratregular";
	font-size: 11px;
	line-height: 1.3;
	color: #878787;
}

.contenedor_grid .titulo{
    margin: 0;
    position: relative;
    background-color: #014492;
}

.contenedor_grid .titulo:before{
    content: "";
    display: block;
    padding-top: 80%;
}
.contenedor_grid .titulo .contenido{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: "montserratregular";
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
	flex-direction: column;
}

.contenedor_grid .box{
	display: block;
	max-width: 100%;
	position: relative;
}

.contenedor_grid .box figure{
	display: block;
	margin: 0;
    max-width: 100%;
    position: relative;
    background-color: white;
}
.contenedor_grid .box figure:before{
    content: "";
    display: block;
    padding-top: 80%;
}


.contenedor_grid .box figure figcaption{
    background-color: rgba(255,255,255,1);
	position: absolute;
	padding: 7px 15px;
	top: 0px;
	font-family: "montserratbold";
	font-weight: 'bold';
	font-size: 14px;
	border-bottom-right-radius: 5px;
	color: #014492;
}

.contenedor_grid .box img{
    position: absolute;
	display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-position: center;
    object-fit: contain;
}

/* ── FIX layout login 2025 ── */
#pagina > main { padding: 0; margin: 0; }
#pagina { min-height: 100vh; }

/* ══════════════════════════════════════
   NAVBAR rediseño 2025
════════════════════════════════════════ */
#header { display: none; }

#rx_nav {
  background: var(--rx-navy);
  padding: 0 40px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 999;
  box-shadow: 0 2px 16px rgba(0,0,0,.2);
}

.rx_nav_left { display: flex; align-items: center; gap: 32px; }

.rx_nav_logo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.rx_nav_badge {
  width: 40px; height: 40px;
  background: var(--rx-red);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}

.rx_nav_logo_text {
  font-family: 'Sora', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -.2px;
}

.rx_nav_logo_text em {
  font-style: normal;
  font-weight: 300;
  color: rgba(255,255,255,.5);
  margin-left: 3px;
  font-size: 16px;
}

.rx_nav_tabs { display: flex; gap: 4px; }

.rx_nav_tab {
  padding: 8px 18px;
  border-radius: 9px;
  font-size: 15px;
  font-weight: 400;
  color: rgba(255,255,255,.6);
  text-decoration: none;
  transition: all .15s;
}

.rx_nav_tab:hover { color: #fff; background: rgba(255,255,255,.08); }
.rx_nav_tab.active { color: #fff; background: rgba(255,255,255,.12); font-weight: 500; }

.rx_nav_right { display: flex; align-items: center; gap: 14px; }

.rx_nav_user {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 14px 5px 5px;
  border-radius: 10px;
  cursor: pointer;
  transition: background .15s;
}
.rx_nav_user:hover { background: rgba(255,255,255,.08); }

.rx_nav_avatar {
  width: 34px; height: 34px;
  background: var(--rx-red);
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -.3px;
}

.rx_nav_username {
  font-size: 15px;
  color: rgba(255,255,255,.85);
  font-weight: 500;
}

.rx_nav_logout {
  color: rgba(255,255,255,.45);
  font-size: 22px;
  text-decoration: none;
  transition: color .15s;
  line-height: 1;
}
.rx_nav_logout:hover { color: var(--rx-red); }

.rx_nav_link {
  font-size: 15px;
  color: rgba(255,255,255,.7);
  text-decoration: none;
  transition: color .15s;
}
.rx_nav_link:hover { color: #fff; }

.rx_nav_btn {
  background: var(--rx-red);
  color: #fff;
  border-radius: 9px;
  padding: 9px 20px;
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s;
}
.rx_nav_btn:hover { background: var(--rx-red-soft); }

/* ── override: neutraliza .section global para el grid login ── */
#registro.section {
  padding-top: 0;
  text-align: left;
  background-color: transparent;
}

/* ── fix especificidad: fuerza grid sobre .section heredado ── */
div#registro.section {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
  padding: 0;
  text-align: left;
  background-color: var(--rx-cream);
  width: 100%;
}

/* ── Fix login detalles ── */
#pagina > main {
  padding: 0 !important;
  margin: 0 !important;
}
.login_left {
  text-align: left !important;
}
.login_hero_desc {
  text-align: left !important;
}
.login_stats {
  text-align: left !important;
}
/* ══════════════════════════════════════
   DASHBOARD — Mis diseños 2025
════════════════════════════════════════ */
#rx_dashboard {
  padding: 32px 40px;
  background: var(--rx-cream);
  min-height: calc(100vh - 68px);
}
.rx_dash_header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 28px;
}
.rx_dash_greeting {
  font-family: 'Sora', sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: var(--rx-navy);
  letter-spacing: -.3px;
}
.rx_dash_sub { font-size: 15px; color: var(--rx-gray); margin-top: 4px; }

.rx_btn_new {
  background: var(--rx-red);
  color: #fff;
  border: none;
  border-radius: 11px;
  padding: 13px 24px;
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  box-shadow: 0 3px 12px rgba(217,27,27,.28);
  white-space: nowrap;
}
.rx_btn_new:hover { background: var(--rx-red-soft); transform: translateY(-1px); }

.rx_stats_row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 28px;
}
.rx_stat_card {
  background: #fff;
  border: 1px solid var(--rx-border);
  border-radius: 14px;
  padding: 18px 22px;
  position: relative;
  overflow: hidden;
}
.rx_stat_card::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
}
.rx_stat_1::after { background: var(--rx-red); }
.rx_stat_2::after { background: #1877F2; }
.rx_stat_3::after { background: #25D366; }
.rx_stat_4::after { background: var(--rx-gold); }
.rx_stat_num {
  font-family: 'Sora', sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: var(--rx-navy);
  letter-spacing: -.5px;
}
.rx_stat_label { font-size: 13px; color: var(--rx-gray); margin-top: 4px; }

.rx_section_label {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--rx-navy);
  margin-bottom: 16px;
  letter-spacing: .02em;
}

.rx_designs_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}
.rx_design_folder {
  background: var(--rx-navy);
  border-radius: 14px;
  padding: 28px 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity .2s;
}
.rx_design_folder:hover { opacity: .9; }
.rx_folder_icon { font-size: 36px; margin-bottom: 10px; }
.rx_folder_name {
  font-family: 'Sora', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 4px;
}
.rx_folder_count { font-size: 13px; color: rgba(255,255,255,.5); text-transform: uppercase; letter-spacing: .08em; }

.rx_design_card {
  background: #fff;
  border: 1.5px solid var(--rx-border);
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  transition: all .2s;
}
.rx_design_card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.09); transform: translateY(-2px); }
.rx_design_thumb {
  height: 140px;
  overflow: hidden;
  background: var(--rx-cream);
  display: flex;
  align-items: center;
  justify-content: center;
}
.rx_design_img { width: 100%; height: 100%; object-fit: cover; }
.rx_design_info { padding: 12px 14px; }
.rx_design_name {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--rx-navy);
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rx_design_actions { display: flex; gap: 6px; }
.rx_design_btn {
  flex: 1;
  border: 1px solid var(--rx-border);
  background: #fff;
  border-radius: 8px;
  padding: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  color: var(--rx-navy);
  text-align: center;
  text-decoration: none;
  transition: all .15s;
  display: block;
}
.rx_design_btn:hover { background: var(--rx-cream); }
.rx_design_btn_del:hover { background: #FEE2E2 !important; border-color: #FCA5A5 !important; color: var(--rx-red) !important; }

/* Anuncios table */
.rx_anuncios_table {
  background: #fff;
  border-radius: 14px;
  border: 1px solid var(--rx-border);
  overflow: hidden;
  margin-bottom: 32px;
}
.rx_anuncios_table table { width: 100%; border-collapse: collapse; }
.rx_anuncios_table th {
  background: var(--rx-navy);
  color: #fff;
  padding: 14px 18px;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  letter-spacing: .04em;
}
.rx_anuncios_table td {
  padding: 14px 18px;
  font-size: 14px;
  color: var(--rx-text);
  border-bottom: 1px solid var(--rx-border);
  vertical-align: middle;
}
.rx_anuncio_media { display: flex; align-items: center; gap: 12px; }
.rx_anuncio_media img { width: 48px; height: 48px; object-fit: cover; border-radius: 8px; }

/* ══════════════════════════════════════
   PLANTILLAS 2025
════════════════════════════════════════ */
#rx_plantillas {
  background: var(--rx-cream);
  min-height: calc(100vh - 68px);
}
.rx_tmpl_header {
  background: #fff;
  border-bottom: 1px solid var(--rx-border);
  padding: 28px 40px;
}
.rx_tmpl_title {
  font-family: 'Sora', sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--rx-navy);
  margin-bottom: 4px;
}
.rx_tmpl_sub { font-size: 15px; color: var(--rx-gray); }
.rx_tmpl_filters {
  display: flex;
  gap: 8px;
  padding: 20px 40px;
  background: #fff;
  border-bottom: 1px solid var(--rx-border);
  flex-wrap: wrap;
}
.rx_tmpl_filter {
  padding: 9px 20px;
  border-radius: 22px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border: 1.5px solid var(--rx-border);
  background: #fff;
  color: var(--rx-gray);
  transition: all .15s;
  font-family: 'DM Sans', sans-serif;
}
.rx_tmpl_filter.active { background: var(--rx-navy); color: #fff; border-color: var(--rx-navy); }
.rx_tmpl_filter:hover:not(.active) { border-color: var(--rx-navy); color: var(--rx-navy); }

.rx_tmpl_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 32px 40px;
}
.rx_tmpl_card {
  background: #fff;
  border: 1.5px solid var(--rx-border);
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: all .2s;
}
.rx_tmpl_card:hover { border-color: var(--rx-blue); transform: translateY(-3px); box-shadow: 0 8px 28px rgba(0,0,0,.09); }
.rx_tmpl_preview {
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.rx_tmpl_fb  { background: linear-gradient(145deg, #0F4FA8, #1877F2); }
.rx_tmpl_wa  { background: linear-gradient(145deg, #075E54, #25D366); }
.rx_tmpl_ppt { background: linear-gradient(145deg, #8B1A0A, #D04423); }
.rx_tmpl_icon { font-size: 56px; filter: drop-shadow(0 4px 12px rgba(0,0,0,.2)); }
.rx_tmpl_badge {
  position: absolute;
  top: 12px; right: 12px;
  background: rgba(255,255,255,.2);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 7px;
  padding: 4px 10px;
  font-size: 11px;
  color: #fff;
  font-weight: 700;
  letter-spacing: .06em;
  backdrop-filter: blur(6px);
}
.rx_tmpl_info { padding: 18px 20px; }
.rx_tmpl_name {
  font-family: 'Sora', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: var(--rx-navy);
  margin-bottom: 6px;
}
.rx_tmpl_desc { font-size: 14px; color: var(--rx-gray); line-height: 1.6; margin-bottom: 16px; }
.rx_tmpl_cta {
  display: block;
  width: 100%;
  background: var(--rx-navy);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 12px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  font-family: 'Sora', sans-serif;
  text-align: center;
  text-decoration: none;
  transition: background .15s;
}
.rx_tmpl_cta:hover { background: var(--rx-blue); color: #fff; }

/* ── Layout main 2025 ── */
#rx_main {
  padding: 0;
  margin: 0;
  background: var(--rx-cream);
  min-height: calc(100vh - 68px);
}
/* Ocultar sidebar y secciones viejas */
#lateral, #superior, #contenido, #sistema {
  all: unset;
  display: contents;
}
/* ── Fix plantillas header padding ── */
#rx_plantillas .rx_tmpl_header {
  padding: 32px 40px 24px;
}

/* ── Ocultar footer en páginas internas ── */
#rx_main ~ footer,
#rx_main footer,
#pie,
.rx_footer_viejo {
  display: none !important;
}

/* Ocultar footer viejo globalmente en panel logueado */
#pagina > footer,
#pagina .footer {
  display: none !important;
}

/* ── Ocultar footer en páginas internas ── */
#pagina > footer,
#rx_main + footer,
footer { 
  display: none !important; 
}