/* Multipaste VIP v1.0 */
/* Reset browser styles
------------------------------------------ */

.favicon-clase {
    filter: brightness(0.5); /* Esto oscurece la imagen */
}

* {margin: 0; padding: 0}
html {min-height: 100%; padding-bottom: 1px; overflow: scroll;}
body {background-image: url("/images/backfround-ob.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; color: #575757; font: 0.75em/1.5 "Arial", "Helvetica", sans-serif; }
[class] {list-style: none; padding: 8px}
h1, h2, h3, h4, h5, h6 {font-size: 1em}
dt {font-weight: 700}
table {border-collapse: collapse}
img {border: none; vertical-align: middle}
a {color: #ff7200; text-decoration: none; outline: none; cursor: pointer}
a:hover {color: #000; text-decoration: underline}
textarea, input, select, option, optgroup, button {font: 1em "Arial", "Helvetica", sans-serif}
button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label[for], select {cursor: pointer}
input, select, textarea {outline: none}
fieldset {overflow: hidden; border: none;}
legend {display: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none}


/* Global Styles
------------------------------------------ */

h1 {margin: 0 0 10px; color: #ff7200; font: normal 2.5em "Arial",sans-serif;}
h2 {margin: 1em 0; padding-bottom: 5px; color: #000; font: normal 2em "Arial",sans-serif;}
h3 {margin: 1em 0 0; font: normal 1.75em "Arial",sans-serif;}
h4 {margin: 1em 0 0; font: normal 1.5em "Arial",sans-serif;}
h5 {margin: 1em 0 0; font-weight: normal 1.25em "Arial",sans-serif;;}
h6 {margin: 1em 0 0; font-normal: 1.167em "Arial",sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family: "Arial",sans-serif; text-decoration: none;}
h2 a {font-family: "Arial",sans-serif;}
h2 a:hover {color: #000; text-decoration: none;}
blockquote {margin: 1.5em 0; padding: 10px 20px 10px 70px; border: 1px solid #dbdbdb; border-radius: 5px; background: #f6f6f6 url("images/quotes.png") 15px 15px no-repeat; font-style: italic;}
sub, sup {line-height: 1em;}
ul li, ol li {margin: 5px 20px;}
dl {overflow: hidden; margin: 1em 0; }
dt {float: left; clear: left; width: 150px; margin: 0 0 1em; padding: 0; font-weight: bold;}
dd {width: 500px; margin: 0 0 1em 150px; }
p {margin: 1em 0;}
table {margin: 1em auto; border: 1px solid #dbdbdb; border-radius: 5px; }
table th, table th[class] {padding: 5px 10px; border: 1px solid #dbdbdb; background: #f3f3f3;}
table td, table td[class] {padding: 5px 10px; border: 1px solid #dbdbdb;}
table tr.alternate td {background: #fafafa;}

form, form[class] {margin: 1.5em 0;
  margin-left: 0px;
  padding: 10px 20px;
  border-radius: 5px;
  background: #f6f6f6;
/* width: 27%;
  margin-left: 33%;----- */
  font-size: 14px;
  display: inherit; 
}
label {float: left; clear: left; width: 150px; padding: 5px 0; font-weight: bold;}
input, select, select[class], textarea {width: 300px; margin: 5px 0; padding: 5px 10px; border: 1px solid #333; border-radius: 3px; background: #fff url("images/input.gif") top repeat-x; vertical-align: middle; }
select option {padding: 0 5px; }
input[type="radio"], input[type="checkbox"], input[type="submit"] {width: auto; border: none; background: none;}
span.required {padding: 0 5px; color: #ff7200; font-weight: bold; font-size: 1.333em;}
textarea {width: 95%; min-width: 95%; max-width: 95%; height: 300px;}
p.form-submit, p.form-allowed-tags {margin-left: 150px;}
button, input[type="submit"] {padding: 0 15px; border:none; border-radius: 3px; background: #333 url("images/button.png") top repeat-x; color: #fff; font: normal 1.25em/25px "Arial",sans-serif; vertical-align: middle;}
.searchform button {overflow: hidden; width: 30px; margin: 0 0 0 5px; padding: 0; background: url("images/button-search.png") 0 0 no-repeat; text-indent: -500em;}

/* Main Layout
------------------------------------------ */
body {min-width: 980px; background-image: url("/images/backfround-ob.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

.header {

    border-bottom: 2px solid #CE5E0D;
    background: #2f2d2e url("https://gratispaste.com/images/backgroundpaste.jpg") top repeat-x;

}
.header>div {overflow: hidden; width: 960px; margin: 0 auto; padding: 15px 0;}
.header p {margin: 0;}
.header p.title {margin: 15px 0 0; padding: 0; color: #fff; font: normal 3em/1em "Arial",sans-serif; text-shadow: #000 0 0 2px;}
.header p.title a {color: #fff; font-family: "Arial",sans-serif;}
.header p.title a:hover {color: #eee; text-decoration: none;}
.header p.tagline {margin: 0 0 25px; padding: 5px 0; color: #fff; font: normal 1.5em "Arial",sans-serif; text-shadow: #000 0 0 2px;}
.header form {float: right; width: 223px; height: 35px; margin: 25px 0 0 50px; padding: 0; border: none; background: url("images/search.png"); text-align: center;}
.header form input {width: 155px;}

.nav {width: 1190px;; margin: -20px auto 0; padding-bottom: 12px; background: url("images/menu-shadow.png") center bottom no-repeat;}
.nav>div {width: 1170px; margin: 0 auto; padding: 0 10px; border-radius: 5px; background: #4a4a4a url("images/menu-bg.png") top repeat-x;}
.nav ul.menu {list-style: none; margin: 0; padding: 0; min-height: 30px; font-size: 1.167em;
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(90deg, #f58019, #3c3838);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
float: left;
}
.nav ul.menu>li {float: left; position: relative; overflow: hidden; height: 30px; margin: 0; padding: 0; border-left: 1px solid #444; border-right: 1px solid #151515;}
.nav ul.menu>li:hover {overflow: visible; z-index: 150;}
.nav ul.menu>li>a {float: left; height: 30px; padding: 0 15px; background: url("images/mm-link.png") left -50px repeat-x; color: #fff; font-family: "Arial",sans-serif; line-height: 30px; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);}
.nav ul.menu>li>a:hover, .nav ul.menu>li:hover>a, .nav ul.menu>li.current-menu-item>a, .nav ul.menu>li.current_page_item>a {height: 30px; padding: 0 15px; background-position: left center; color: #fff; line-height: 30px; text-decoration: none;}
.nav ul.menu>li ul {position: absolute; left: 0; top: 30px; width: 200px; list-style: none; margin: 0; background: #4a4a4a; font-size: 0.8em;}
.nav ul.menu>li ul li {float: none; position: relative; overflow: hidden; margin: 0; padding: 0;}
.nav ul.menu>li ul li:hover {overflow: visible;}
.nav ul.menu>li ul li a {display: block; padding: 5px 15px; border-bottom: 1px solid #6f6f6f; color: #fff; font-family: "Arial",sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);}
.nav ul.menu>li ul li a:hover, .nav ul.menu>li ul li:hover>a {background: #ffaf03; color: #fff; text-decoration: none;}
.nav ul.menu>li ul li:first-child>a {border-top: none;}
.nav ul.menu>li ul li ul {top: 0; left: 200px; font-size: 1em;}

.content {
background: #1e211d;
background: -moz-linear-gradient(top, #1e211d 0%, #000000 100%);
background: -webkit-linear-gradient(top, #1e211d 0%,#000000 100%);
background: linear-gradient(to bottom, #1e211d 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e211d', endColorstr='#000000',GradientType=0 );
border-radius: 15px;
border-top: 4px solid #CE5E0D;

overflow: hidden; width: 1200px; margin: 0 auto; padding: 20px 0;}
.main {float: left; overflow: hidden; width: 670px;}
.main>h1 {margin: 0 20px 10px;}
.main.post {width: 630px;}
.main.post>h1 {margin: 0 0 10px;}
.sidebar {float: right; width: 290px;}

.footer {width: 1200px; margin: 0 auto; padding: 0 0 20px;}
.footer .nav {margin: 0; padding-bottom: 13px; background: url("images/footer-shadow.png") center bottom no-repeat;}
.footer p {margin: 0; color: #e3dddd; font-size: 1.3em; line-height: 1.5em; text-align: center;}
.footer p a {color: #CE5E0D;}
/* sidebar
------------------------------------------ */
.widget {margin-bottom: 1.5em; padding: 6px 20px; background: url("images/sidebox.png") center top no-repeat;}
.widget select {width: 230px; margin: 5px 0;}
.sidebar h3 {margin: 0 -15px 15px; padding: 0 15px; border-radius: 5px 5px 0 0; background: #ff7200 url("images/sidebox-title.png") top repeat-x; color: #fff; font: normal 1.25em/30px "Arial", sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);}
.sidebar ul {list-style: none; margin: 0; padding: 0;}
.sidebar ul li {margin: 0; padding: 5px 0; border-top: 1px solid #d9d9d9; color: #666;}
.sidebar ul li.current-menu-item>a, .sidebar ul li.current_page_item>a, .sidebar ul li.current-cat>a,
.sidebar ul li.current-menu-item>a:visited, .sidebar ul li.current_page_item>a:visited, .sidebar ul li.current-cat>a:visited {font-weight: bold; color: #333;}
.sidebar ul li a {color: #ff7200;}
.sidebar ul li a:hover {color: #333; text-decoration: none;}
.sidebar ul li a:visited, .sidebar .tagcloud a:visited {color: #ffaf03;}
.sidebar ul li ul {margin: 5px 0 -5px;}
.sidebar ul ul li {padding-left: 15px;}
.sidebar ul ul ul li {padding-left: 30px;}

.sidebar form {width: 260px; margin: 15px 0 0; padding: 0; border: none; background: none; }
.sidebar form input {width: 195px;}

/* misc
------------------------------------------ */

.clear {height: 0; margin: 0; padding: 0; clear: both; float: none; overflow: hidden; border: none;}
.alignleft {float: left; margin: 5px 15px 5px 0; padding: 0; }
.alignright {float: right; margin: 5px 0 5px 15px; padding: 0; }
.aligncenter {display: block; margin: 1em auto; text-align: center;}
.wp-caption-text {margin: 0.5em 0; color: #666; font-size: 0.917em;}
.nocomments {clear: both;}
img.size-thumbnail {margin: 5px;}
a.post-edit-link {font-size: 0.5em;}
img {margin: 0; max-width: 630px; height: auto;}
img.attachment-post-thumbnail, img.attachment-thumbnail {padding: 2px; border: 1px solid #dbdbdb; border-radius: 5px; }
a:hover img.attachment-post-thumbnail, a:hover img.attachment-thumbnail {border-color: #333;}
embed {max-width: 630px;}

p.pages {clear: both;}

p label {display: inline; margin-bottom: 0;}
.main h3, .main h2 {clear: both;}
p.comment-form-comment label {display: block; float: left;}

.jdbtn {
height: 35px !important;
width: 300px !important;
border: 1px solid !important;
color: orange !important;
background: whitesmoke !important;
}

.jd {
width: 300px;
background: none !important;
margin-bottom: -3px !important;
margin-top: 10px !important;
}

.welcomeuser {
padding: 2px;
width: 700px;
margin: auto;
border: 1px black solid;
border-radius: 5px;
color: black;
background: #ffaf03;
text-align: center;
}

@media(max-width:412px) {
.content {
  width: 38%;
    margin: 25px;
  width: 350px;
  outline: dashed 1px black;
}

.footer {
  width: 38%;
    margin: 25px;
  width: 350px;
  outline: dashed 1px black;
}

.footer .nav {
  width: 98%;
  
}

.nav ul.menu {
  width: 98%;
}
.nav > div {
  width: 96%;
}
body {
  overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */
  min-width: 0 !important;
}

.nav {
  width: 37%;
    margin: 25px;
  width: 350px;
  outline: dashed 1px black;
}

.header > div {
  width: 95%;
}

.header {
  width: 27%;
    margin: 25px;
  width: 350px;
  outline: dashed 1px black;
}
.fancyTab .hidden-xs {
  display: none;
}
.nav-tabs > li.fancyTab {
  width: 86px;
  border-radius: 43px;
}
}

@media(max-width:385px) {
.content {
  margin: 25px;
  width: 88%;
  outline: dashed 1px black;
}

.footer {
  width: 38%;
    margin: 25px;
  width: 350px;
  outline: dashed 1px black;
}

.footer .nav {
  width: 98%;
}

.nav ul.menu {
  width: 98%;
}
.nav > div {
  width: 96%;
}
body {
  overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */
  min-width: 0 !important;
}

.nav {
  width: 37%;
    margin: 25px;
  width: 350px;
  outline: dashed 1px black;
}

.header > div {
  width: 95%;
}
.header {
  width: 27%;
    margin: 25px;
  width: 350px;
  outline: dashed 1px black;
}
.fancyTab .hidden-xs {
  display: none;
}
.nav-tabs > li.fancyTab {
  width: 86px;
  border-radius: 43px;
}
}

/* Estilos para el menú principal */
.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end; /* Alinea los elementos del menú a la derecha */
}

.menu li a {
  text-decoration: none;
}

/* Estilos para el botón de toggle */
.menu-toggle {
  display: none; /* Ocultar el botón en pantalla grande */
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}

/* Media query para pantallas con un ancho menor o igual a 412px */
@media (max-width: 412px) {
  .menu {
    flex-direction: column;
    display: none; /* Ocultar el menú principal en modo vertical (collapsed) */
  }

  .menu li {
    padding: 10px;
    text-align: center;
  }

  .menu li a {
    display: block;
  }

  .menu-toggle {
    display: block; /* Mostrar el botón de toggle en modo collapsed */
  }

  /* Mostrar el menú cuando se hace click en el botón de toggle */
  .menu.expanded {
    display: flex;
  }
}

.premiumnot p {
font-size: 1.5em;
background-color: #CE5E0D;
border-radius: 10px;
display: inline;
  }

/* ======= PAGINACIÓN MODERNA ======= */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 30px 0;
}

.pagination a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  background: #fff;
  color: #333;
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  text-decoration: none;
  transition: all 0.25s ease;
}

.pagination a:hover {
  background: #ff6b00;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}

.pagination a.prev,
.pagination a.next {
  padding: 0 12px;
}

@media (max-width: 480px) {
  .pagination a {
    min-width: 32px;
    min-height: 32px;
    font-size: 0.85rem;
  }
}

.post-footer {
  margin-top: 20px;
  padding: 12px 18px;
  border-radius: 8px;
  background: #f8f9fa;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.post-footer .left-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.post-footer .action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

.post-footer .action-btn.edit {
  background: #e9ecef;
  color: #333;
}
.post-footer .action-btn.edit:hover {
  background: #dee2e6;
}

.post-footer .action-btn.report {
  background: #ffe8e8;
  color: #d63333;
}
.post-footer .action-btn.report:hover {
  background: #ffc4c4;
}

.post-footer .right-visits {
  font-size: 0.9rem;
  font-weight: 600;
  color: #555;
  display: flex;
  align-items: center;
  gap: 6px;
}

.post-footer .right-visits .fa-eye {
  color: #888;
}

/* ======= Modernización específica para tabs y enlaces ======= */

/* Fondo más claro para el contenedor principal */
.content {
  background: #00000091 !important;
  border-radius: 12px !important;
  border-top: 4px solid #ff6b00 !important;
  padding: 30px 20px !important;
  max-width: 1200px;
  margin: 20px auto;
}

/* Encabezado de título */
h3.heading {
  color: #ff6b00 !important;
  font-size: 1.8rem !important;
  font-weight: 700;
  text-align: center;
  margin: 20px 0;
}

/* Tabs */
ul.fancyTabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  list-style: none;
  padding: 0 !important;
  margin: 0 auto 20px auto !important;
  border: none !important;
  background: transparent !important;
}

li.fancyTab {
  background: #fff !important;
  border-radius: 10px !important;
  padding: 12px 20px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  min-width: 100px;
  border: none !important;
}

li.fancyTab:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

li.fancyTab.active {
  background: linear-gradient(135deg,#ff7e5f,#feb47b) !important;
  color: #fff !important;
}

li.fancyTab .tab-link {
  font-size: 0.9rem;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none !important;
}

li.fancyTab .tab-link .icon img {
  width: 32px;
  height: 32px;
  margin-bottom: 6px;
}

/* Contenido */
.fancyTabContent {
  background: #fff !important;
  border-radius: 10px !important;
  padding: 20px 25px !important;
  box-shadow: 0 1px 5px rgba(0,0,0,0.1);
  margin: 0 auto 30px auto;
  max-width: 96%;
}

/* Enlaces de descarga */
.tab_content a {
  display: block;
  background: #e9ecef;
  color: #212529 !important;
  text-decoration: none;
  margin-bottom: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  transition: background 0.2s;
  word-break: break-all;
}

.tab_content a:hover {
  background: #dee2e6 !important;
  text-decoration: none !important;
}

/* Botones sociales */
.social-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.social-buttons a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #6c757d;
  color: #fff;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.9rem;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s;
}

.social-buttons a:hover { opacity: 0.9; }

.social-buttons a[title="Share on Facebook"] { background:#1877f2; }
.social-buttons a[title="Share on Twitter"] { background:#1da1f2; }
.social-buttons a[title="Share on WhatsApp"] { background:#25d366; }
.social-buttons a[title="Share on Telegram"] { background:#0088cc; }
.social-buttons a[title="Copy Link"] { background:#6c757d; }

/* Responsive */
@media (max-width: 768px) {
  li.fancyTab {
    flex: 1 1 45%;
    padding: 10px;
  }
  .fancyTabContent {
    padding: 15px;
  }
}

@media (max-width: 480px) {
  li.fancyTab {
    flex: 1 1 100%;
  }
}

.header-modern {
  background: #d32f2f; /* rojo moderno */
  color: #fff;
  padding: 15px 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.container-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

.logo a {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none;
}

.navbar-modern ul.menu {
  display: flex;
  gap: 20px;
  list-style: none;
}

.navbar-modern ul.menu li a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}

.menu-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #fff;
}

@media (max-width: 768px) {
  .menu-toggle { display: block; }
  .navbar-modern ul.menu { display: none; flex-direction: column; gap: 10px; }
  .navbar-modern ul.menu.expanded { display: flex; }
}

.content {
  margin-top: 110px; /* ajusta según la altura real de tu header */
}

.navbar {
  font-size: 1.2em;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: linear-gradient(90deg, #282525, #d96008);
  color: #fff;
  padding: 15px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.header-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo a {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

/* Botón hamburguesa */
.menu-toggle {
  font-size: 1.6rem;
  color: #fff;
  cursor: pointer;
  display: none;
}

/* Menú */
.navbar {
  position: relative;
}

.menu {
  list-style: none;
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0;
}

.menu li a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

.menu li a:hover {
  color: #ffe0b3; /* un tono claro al pasar */
}

/* --------- Responsivo --------- */
@media (max-width: 768px) {
  .menu-toggle {
    display: block;
  }

  .navbar {
    position: absolute;
    top: 60px;
    right: 15px;
    background: #282525;
    border-radius: 8px;
    width: 220px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }

  .navbar.expanded {
    max-height: 1000px; /* altura grande para todos los elementos */
    opacity: 1;
    visibility: visible;
  }

  .menu {
    flex-direction: column;
    gap: 0;
  }

  .menu li {
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }

  .menu li:last-child {
    border-bottom: none;
  }

  .menu li a {
    display: block;
    padding: 12px 15px;
  }
}

/* ========================= */
/* 🔥 FIX GLOBAL RESPONSIVE */
/* ========================= */

body {
    min-width: 0 !important;
    overflow-x: hidden;
}

/* Contenedores principales */
.header > div,
.nav > div,
.content,
.footer {
    max-width: 1200px;
    width: 95%;
}

/* ========================= */
/* 🧠 MEJORAS LAYOUT */
/* ========================= */

.content {
    width: 100% !important;
    padding: 20px !important;
    box-sizing: border-box;
}

.main {
    width: 70%;
}

.sidebar {
    width: 28%;
}

/* ========================= */
/* 📱 TABLET */
/* ========================= */

@media (max-width: 992px) {

    .main,
    .sidebar {
        width: 100%;
        float: none;
    }

    .sidebar {
        margin-top: 20px;
    }
}

/* ========================= */
/* 📱 MOBILE */
/* ========================= */

@media (max-width: 768px) {

    .header > div {
        text-align: center;
    }

    .header form {
        float: none;
        margin: 15px auto;
    }

    /* NAV FIX */
    .nav {
        width: 100%;
        margin: 0;
        background: none;
    }

    .nav > div {
        width: 100%;
        padding: 0;
    }

    /* MENÚ */
    .nav ul.menu {
        display: none;
        flex-direction: column;
        width: 100%;
    }

    .nav ul.menu.expanded {
        display: flex;
    }

    .nav ul.menu > li {
        float: none;
        width: 100%;
        border: none;
    }

    .nav ul.menu > li > a {
        display: block;
        padding: 12px;
        text-align: center;
    }

    /* BOTÓN TOGGLE */
    .menu-toggle {
        display: block;
        position: relative;
        margin: 10px auto;
    }
}

/* ========================= */
/* 📲 EXTRA SMALL */
/* ========================= */

@media (max-width: 480px) {

    h1 {
        font-size: 1.8em;
    }

    h2 {
        font-size: 1.5em;
    }

    textarea {
        height: 200px;
    }

    input,
    select {
        width: 100%;
    }

    label {
        width: 100%;
        float: none;
    }

    p.form-submit {
        margin-left: 0;
    }
}

ul.fancyTabs {
    display: flex;
    flex-wrap: nowrap !important; /* 🔥 NO permitir salto de línea */
    justify-content: center;
    gap: 10px;
}

/* Tabs adaptables */
.nav-tabs > li.fancyTab {
    flex: 1 1 0; /* 🔥 todos comparten el espacio */
    min-width: 0; /* 🔥 permite que se encojan */
}