@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css");

/* DMS Framework */
@import url("dms-framework/dms-framework.css");

/* Estilos Adicionales */
@import url("styles-administrador-master.css");
@import url("custom/color-matizdigital.css");

@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap");


/* ESTILOS PERSONALIZADOS DEL TEMA */



.promocional-personalizado {
  color: #ffffff;
  border: 1px solid #00000026;
  clear: both;
  display: block;
  position: relative;
  background-color: #67a7c0;
  font-size: 20px;
  border-radius: 9px;
}

.promocional-personalizado ul {
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.promocional-personalizado ul li {
  background: linear-gradient(45deg, #f8f9fa3d, transparent);

  display: block;
  list-style: none;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 4px;
  margin-left: 0px;
  padding-top: 4px;
  padding-right: 40px;
  padding-bottom: 4px;
  padding-left: 40px;
}

.promocional-personalizado .precios {
  float: right;
  margin-right: 40%;
}

.promocional-personalizado .precios span {
  font-size: 16px;
  line-height: normal;
  float: right;
  margin-right: 40%;
}


.lema {
  margin-top: 40px;
  float: left;
  font-size: 18px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ccc;
  color: #999;
  margin-right: 20px;
  margin-left: 20px;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 9px;
}

/* PLANES */

.planes-titulo {
  color: #fff;
  background: #ed1d24;
  text-align: center;
  clear: both;
  z-index: 100;
  border-radius: 3px 3px 0px 0px;
  max-width: 60%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: -1px;
  font-family: Oswald;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
}

.planes {
  padding: 10px;
  border: 1px solid #ccc;
  background: #ffffff;
}

.planes ul {
  margin: 0px;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.planes ul li {
  padding-bottom: 4px;
  margin: 0px;
  list-style-type: none;
}



/* BOTONES */

.boton a {
  background-color: #999999;
  color: #fff;
  border-radius: 4px;
  display: block;
  width: 80%;
  text-align: center;
  padding: 5px;
  margin-right: auto;
  margin-left: auto;
}

.boton a:visited {
  text-decoration: none;
  color: #fff;
}

.boton a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #666;
}

.boton a:active {
  text-decoration: none;
  color: #fff;
}

/* MENU SERVICIOS */

.menu-servicios-contenedor {
  width: 100%;
}

.menu-servicios {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAACQCAIAAABccXa2AAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADA2LzI1LzA4Psj5OgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAADYSURBVFiF7dU5DsIwEEBRvNIFkfUCVNwCiYbTcq+ELHVsIxoO8AtLBmlcfz3NSKNE3e6PA3g2hIA655x44on3p561FnX7vkPPZPWMoR7cl3oh73wB7qsze3g+eC9a66yeMXk9Ol+MEXVKqaxeVZ1Ql1JCHf0eFPO8Z16kHpyvmAf3TexenCvj0Xv+9f+beOKJJ973qeflijyzbahz5xp1eluZV0NvZd6xaZi3wPmwt6DOty3z5hl1ru1QZ+YX6nzXo05NE/OGAXWHcUSd7tl8b/HEE0+8st4HmnbTJcIWc8wAAAAASUVORK5CYII);
  background-color: #3c3f44;
  height: 48px;

}

.menu-servicios ul {
  margin: 0px;
  padding: 0px;
}

.menu-servicios ul li {
  list-style-type: none;
  float: left;
}

.menu-servicios ul li a {
  float: left;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAACQCAIAAABccXa2AAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADA2LzI1LzA4Psj5OgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAADYSURBVFiF7dU5DsIwEEBRvNIFkfUCVNwCiYbTcq+ELHVsIxoO8AtLBmlcfz3NSKNE3e6PA3g2hIA655x44on3p561FnX7vkPPZPWMoR7cl3oh73wB7qsze3g+eC9a66yeMXk9Ol+MEXVKqaxeVZ1Ql1JCHf0eFPO8Z16kHpyvmAf3TexenCvj0Xv+9f+beOKJJ973qeflijyzbahz5xp1eluZV0NvZd6xaZi3wPmwt6DOty3z5hl1ru1QZ+YX6nzXo05NE/OGAXWHcUSd7tl8b/HEE0+8st4HmnbTJcIWc8wAAAAASUVORK5CYII);
  color: #ffffff;
  text-align: center;
  padding-right: 20px;
  padding-left: 20px;
  font-family: Oswald;
  line-height: normal;
  font-size: 15px;
  padding-top: 13px;
  font-weight: 400;
  text-transform: uppercase;
  height: 48px;
}

.menu-servicios ul li a:hover {
  background-position: 0px 96px;
  text-decoration: none;
}

.activo {
  overflow: hidden;
  float: left;
  background-position: 0px 48px;
}

/* MI PERSONALIZACION DE BOOTSTRAP PARA ESTE TEMA */


.btn-extra-red {
  color: #fff;
  background-color: #ed1d24;
  border-color: #ed1d24;
}

.btn-extra-red:hover {
  color: #fff;
  background-color: #d81c20;
  border-color: #d81c16;
}