No database selected
SELECT * FROM hv_config ORDER BY id asc LIMIT 0,200
No database selected
SELECT * FROM hv_config WHERE name = 'pais_parametrizacion'
No database selected
SELECT * FROM hv_config WHERE name = 'pais_parametrizacion'
No database selected
SELECT * FROM hv_config WHERE name = 'pais_parametrizacion'
No database selected
SELECT * FROM hv_config WHERE name = 'pais_parametrizacion'
No database selected
SELECT * FROM hv_config WHERE name = 'eval_langs_adicionales'
No database selected
SELECT value FROM hv_config WHERE name = 'locale'
No database selected
SELECT name FROM hv_config WHERE name = 'locale'
No database selected
SELECT * FROM hv_config WHERE name = 'formateo_decimales'
No database selected
SELECT * FROM hv_config WHERE name = 'pais_parametrizacion'
No database selected
SELECT * FROM hv_config WHERE name = 'eval_styles'
/* COMODIN */
*{
font-size: 12px ;
color: #415D6D; /// prueba
}
body, html, td, span, div {
font-family: 'Inter', sans-serif;
font-size:11px;
}
html, body {
height: 100%;
margin: 0px;
width:100%;
}
body{
height: 100%;
width:100%;
font-size: 12px ;
line-height: 1.5;
font-weight: 400;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin: 0px;
scrollbar-arrow-color: #077598;
scrollbar-shadow-color: white;
scrollbar-base-color: #077598;
scrollbar-track-color: #F0F0F0;
scrollbar-face-color: #BED2EA;
scrollbar-highlight-color: white;
scrollbar-dark-shadow-color:#D8D9DE;
scrollbar-3d-light-color:#D8D9DE;
}
a:link:after, a:visited:after {
content: normal;
}
html, body, td, div, span
{
font-family:'Inter';
}
.bg {
width: 170px;
height: 20px;
background-image: url(https://www.agroplaneta.com/server20200601/theme/standard/images/butt_blank.jpg);
}
a
{
color: #000000;
font-size: 12px ;
text-decoration:none;
}
a:link,
a:visited,
a:active{
background: transparent;
color: #000000;
text-decoration: none;
}
a:hover{
background: transparent;
color: #666666;
text-decoration: underline;
}
p,h1,h2,h3,h4,h5,h6 {
text-decoration:none;
text-decoration:none; padding:0; margin:0;
font-size: 12px;
font-weight:100;
}
hr {
border: 1px dashed #cccccc;
}
table{
font-size: 12px ;
font-weight: 400;
color: #00000;
line-height: 1.5;
}
td
{
padding:1px;
padding-left:3px;
padding-right:3px;
font-size: 12px ;
}
tr
{
min-height:35px;
}
input[type="button"]
{
color: #fff;
background-color: #5e83d3;
border-color: #2e6da4;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
margin-left:5px;
margin-bottom:5px;
margin-top:5px;
}
input[type="submit"]
{
color: #fff;
background-color: #5e83d3;
border-color: #2e6da4;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
input[type="text"]
{
font-size: 12px ;
/* width: 70%; */
height: 34px;
padding: 6px 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input[type="number"]
{
font-size: 12px ;
/* width: 70%; */
height: 34px;
padding: 6px 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input[type="password"]
{
font-size: 12px ;
/* width: 70%; */
height: 34px;
padding: 6px 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input[type="file"]
{
font-size: 12px ;
/* width: 70%; */
height: 34px;
padding: 6px 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea
{
font-size: 12px ;
/* width: 70%; */
padding: 6px 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
height:80px;
}
select[multiple]{
font-size: 12px ;
/* width: 70%; */
padding: 6px 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
height:300px;
}
select{
font-size: 12px ;
/* width: 70%; */
min-width:90px !important;
height: 34px;
padding: 6px 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input[type="checkbox"]
{
padding:0px;
border: 0px #D8D9DE solid;
line-height: 15px;
}
input[type="radio"]
{
padding:0px;
border: 0px #D8D9DE solid;;
}
/*
* ========================================
* global hyperlink styles
* ========================================
*/
a:link,
a:visited,
a:active{
background: transparent;
/* color: #9C3400; ELIMINAR ESTO PARA DAR ESTILI DE L I N K A TODOS */
text-decoration: none;
}
a:hover{
background: transparent;
color: #FF5A07;
text-decoration: underline;
}
/*
* ========================================
* menues y otros varios
* ========================================
*/
.nav_menu{
color: #003162;
font: bold 12px;
}
a.nav_menu:link, a.nav_menu:visited, a.nav_menu:active{text-decoration: none;}
.menu_blanco{
color: #FFFFFF;
font: bold 12px;
}
a.menu_blanco:link, a.menu_blanco:visited, a.menu_blanco:active{text-decoration: none;}
a.menu_blanco:hover{ color: #FFFFFF;}
.nav_menu2{
color: #cc9933;
font: bold 12px;
}
a.nav_menu2:link, a.nav_menu2:visited, a.nav_menu2:active{text-decoration: none;}
a.nav_menu2:hover{ color: #FFFFFF;}
/*CLASES PARA CAMBIAR LETRAS*/
.font_letras{
font: bold 12px;
color: #003162;}
.letras_verdes{
font: bold 12px;
color: #669933;}
.letras_azules{
font: bold 12px;
color: #000099;}
.letras_rojas{
font: bold 15px;
color: #FF0000;}
/*
* ========================================
* OTROS TEXTOS USADOS
* ========================================
*/
.tit_fo1{ font-weight: bold;}
.texto_normal{color:#003162;font-size: 12px ;}
.texto_menu{color:#003162;font-size:12px ;}
.texto_secundario{color:#999999;font-size:12px ;}
.letras_rojas{
color:#CC0033;
font-size:12px ;
}
.texto_linkmenu{color:#003162; font-size:12px ; text-decoration: none}
.tabla_menu2 { }
.Tit_global{ font: bold 14px; text-transform: uppercase; color: #003162;}
.minitext{color:#666666;font-size:8; }
.reportetext{color:black;font-size:9; }
/*
* ========================================
* BOTONES
* ========================================
*/
.btn1{
cursor: pointer;
height: 18px;
background: url(https://www.agroplaneta.com/server20200601/theme/standard/images/btn_bg.gif) repeat-x;}
input.btn1, button.btn1{
border: none;
font-weight: bold;
color: #666666;
font-size: 9px ;
text-align: center;
background: transparent;}
/*cierre de los botones globales*/
.btn1_izq{
cursor: pointer;
width: 3px;
background: url(https://www.agroplaneta.com/server20200601/theme/standard/images/btn_izq.gif) no-repeat left;}
.btn1_der{
cursor: pointer;
width: 3px;
background: url(https://www.agroplaneta.com/server20200601/theme/standard/images/btn_der.gif) no-repeat right;}
/**/
.btn2{
cursor: pointer;
height: 18px;
background: url(https://www.agroplaneta.com/server20200601/pix/bot_bar.png) repeat-x;}
input.btn2, button.btn2{
border: none;
font-weight: bold;
color: #666666;
font-size: 9px ;
text-align: center;
background: transparent;}
/*cierre de los botones globales*/
.btn2_izq{
cursor: pointer;
width: 3px;
background: url(https://www.agroplaneta.com/server20200601/pix/r1_c1.png) no-repeat left;}
.btn2_der{
cursor: pointer;
width: 3px;
background: url(https://www.agroplaneta.com/server20200601/pix/r1_c3.png) no-repeat right;}
/**/
.spc_1{
width: 10px;
}
/*
* ========================================
* TABLAS Y BORDES
* ========================================
*/
table.ipbtable,
tr.ipbtable,
td.ipbtable
{ /* required for text in tables, because tables do not inherit from body */
background: transparent;
color: #222;
font-size: 12px;
line-height: 135%;
}
.gridbackground1{
height: 25px;
padding: 0px 0px 0px 0px;
background: #ffffff;
}
.gridbackground2{
-height: 25px;
padding: 0px 0px 0px 0px;
background: #FBFBFB;}
.gridbackground3{
height: 25px;
padding: 0px 0px 0px 0px;
background:#EEE ;
}
.gridbackground-1{
min-height: 20px;
padding: 0px 3px 0px 3px;
background:#F9F9F9;
}
.gridbackground-2{
min-height: 20px;
padding: 0px 3px 0px 3px;
background:#F3F3F3;
}
/*CABECERAS*/
/*formulario*/
.cabecera_general{
padding: 3px;
min-height: 23px;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
background: #E4E4E4;}
.cabecera_general-1{
padding: 3px;
min-height: 23px;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
background: #99CCCC;}
.cabecera_general-2{
padding: 3px;
min-height: 23px;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
background: #CCCCCC;}
/*
background: #ECD8B7 url(https://www.agroplaneta.com/server20200601/theme/standard/images/cab_bg.jpg) repeat-x top left;}
*/
/*grilla1*/
.cabecera_grilla{
padding: 3px;
height: 23px;
font-weight: bold;
font-size: 12px;
//color: #000000;
background:#FBFBFB ;
}
.fila_grilla{
border-bottom: solid 1px #F9F9F9;
height:25px;
}
.tablaborde {
/* background-color:#E4E4E4;
-moz-box-shadow: 2px 2px 5px 0px #e1e1e1;
-webkit-box-shadow: 2px 2px 5px 0px #e1e1e1; */
border-top: 4px solid #D7D7D7;
border-bottom: 2px solid #D7D7D7;
}
.tablaborde td
{
border-bottom: 1px solid #F9F9F9;
}
.tablaborde table td
{
border-bottom: 0px ;
}
.tablabordecontent{
height: 20px;
padding: 0px 3px 0px 3px;
background: #E7E7E7;}
.tablaborde1{
background-color: #669999;}
/*
* ========================================
* AJAX CLASES
* ========================================
*/
.ac_results li {
margin: 0px;
cursor: default;
display: block;
font: menu;
font-size: 12px;
overflow: hidden;
padding: 10px 5px;
border-bottom: 1px solid #e1e1e1;
}
.ac_over {
background-color: Highlight;
color: HighlightText;
}
.ac_input {
}
.ac_results {
background: #FBFBFB;
cursor: pointer;
position: absolute;
left: 0;
z-index: 101;
}
.ac_results ul {
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results iframe
{
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;
top:0;
left:0;
z-index:-1;
filter:mask();
}
.ac_loading {
background:url(https://www.agroplaneta.com/server20200601/theme/loading.gif) right center no-repeat !important;
height: 50%;
background-size: cover;
}
.over {
background: yellow;
}
/*
* ========================================
*SOLAPAS
* ========================================
*/
/*Solapa en estado activo - ON*/
.solapa{
height: 19px;
font-weight: bold;
color: #366498;
text-align: center;
background: white url(https://www.agroplaneta.com/server20200601/theme/standard/images/tar_solapaon_bg.gif) repeat-x top;}
input.solapa, button.solapa{
cursor: pointer;
border: none;
padding: 1px;
background: transparent;}
.solapa_izq{
width: 5px;
height: 19px;
background: white url(https://www.agroplaneta.com/server20200601/theme/standard/images/tar_solapa_izq.gif) no-repeat top left;}
.solapa_der{
width: 5px;
height: 19px;
background: white url(https://www.agroplaneta.com/server20200601/theme/standard/images/tar_solapa_der.gif) no-repeat top right;}
.solapaon{
height: 19px;
font-weight: bold;
color: #366498;
text-align: center;
background: #BFDFD0 url(https://www.agroplaneta.com/server20200601/theme/standard/images/tar_solapaon_bg.gif) repeat-x top;}
input.solapaon, button.solapaon{
cursor: pointer;
border: none;
padding: 1px;
background: transparent;}
.solapaon_izq{
width: 5px;
height: 19px;
background: #BFDFD0 url(https://www.agroplaneta.com/server20200601/theme/standard/images/tar_solapa_izq.gif) no-repeat top left;}
.solapaon_der{
width: 5px;
height: 19px;
background: #BFDFD0 url(https://www.agroplaneta.com/server20200601/theme/standard/images/tar_solapa_der.gif) no-repeat top right;}
a.jms-link{
color: #fff;
text-transform: uppercase;
background: #003F8F; /* Old browsers */
background: -moz-linear-gradient(top, #003F8F 0%, #003F8F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#003F8F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #003F8F 0%,#003F8F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #003F8F 0%,#003F8F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #003F8F 0%,#003F8F 100%); /* IE10+ */
background: linear-gradient(top, #003F8F 0%,#003F8F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003F8F', endColorstr='#003F8F',GradientType=0 ); /* IE6-9 */
padding: 6px 13px;
display: inline-block;
font-weight: bold;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 4px;
opacity: 1;
clear: both;
-webkit-transition: all 0.4s ease-in-out 1s;
-moz-transition: all 0.4s ease-in-out 1s;
-ms-transition: all 0.4s ease-in-out 1s;
-o-transition: all 0.4s ease-in-out 1s;
transition: all 0.4s ease-in-out 1s;
}
a.jms-link2{
color: #fff;
text-transform: uppercase;
background: #A61100; /* Old browsers */
background: -moz-linear-gradient(top, #A61100 0%, #A61100 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#A61100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #A61100 0%,#A61100 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #A61100 0%,#A61100 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #A61100 0%,#A61100 100%); /* IE10+ */
background: linear-gradient(top, #A61100 0%,#A61100 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A61100', endColorstr='#A61100',GradientType=0 ); /* IE6-9 */
padding: 6px 13px;
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 4px;
opacity: 1;
clear: both;
-webkit-transition: all 0.4s ease-in-out 1s;
-moz-transition: all 0.4s ease-in-out 1s;
-ms-transition: all 0.4s ease-in-out 1s;
-o-transition: all 0.4s ease-in-out 1s;
transition: all 0.4s ease-in-out 1s;
}
/*
table table
{
display: table;
max-width:100% !important;
}
table table td
{
display: table-cell;
}
*/
.tabla_no_responsive
{
display: table;
white-space:normal;
border-collapse:separate;
}
.tabla_no_responsive td
{
display: table-cell;
white-space:normal;
border-collapse:separate;
}
#tabla_no_responsive
{
display: table;
white-space:normal;
border-collapse:separate;
}
#tabla_no_responsive td
{
display: table-cell;
white-space:normal;
border-collapse:separate;
}
#tablaresponsiva caption div {
font-size: 1.5em;
}
#tablecontenedor25 { width:30%; float:left }
#tablecontenedor30 { width:30%; float:left }
#tablecontenedor33 { width:33%; float:left }
#tablecontenedor40 { width:40%; float:left }
#tablecontenedor50 { width:50%; float:left }
#tablecontenedor60 { width:60%; float:left }
#tablecontenedor70 { width:70%; float:left }
#titulo_cabecera
{
font-size:35px;
color:#5e83d3;
}
#titulo_cabecera_des
{
background-color: #5e83d3;
font-size: 12px;
color: #fff;
font-weight: 400;
padding: 5px 2px 5px 10px;
margin: 0;
}
/* Contenido para las burbujas */
/* Contenedor principal de las burbujas */
#burbuja-wrapper {
display: flex; /* Los pongo uno al lado del otro */
flex-wrap: wrap; /* Las burbujas se muevan a la siguiente línea si no entran en una sola */
justify-content: center;
gap: 30px;
padding: 40px 20px;
align-items: flex-start;
}
/* Contenedor de la burbuja mas su estiqueta */
.widget-contenedor {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
width: 380px ;
}
/* Burbuja */
.burbuja {
background-color: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
border-radius: 28px;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: minmax(100px, auto);
grid-auto-flow: dense;
gap: 15px;
padding: 20px 15px;
width: 100%;
min-width: 360px;
max-width: 420px;
min-height: 405px;
box-sizing: border-box;
align-content: start;
transition: all 0.3s ease;
}
.icono-burbuja {
width: 100 %;
aspect-ratio: 1 / 1;
background-color: rgba(240, 240, 240, 0.8);
border-radius: 15px;
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
box-sizing: border-box;
overflow: hidden;
flex-shrink: 0;
}
/* Enlace del icono */
.icono-link {
text-decoration: none;
color: #333;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 8px;
position: relative;
height: 100%;
padding-bottom: 10px;
}
.icono-link:hover .icono-burbuja {
transform: scale(1.05);
background-color: rgba(255, 255, 255, 1);
text-decoration: none;
color: #FFFFFF;
}
/* Para sacar el subrayado rojo de los iconos con hover */
.icono-link:hover {
text-decoration: none !important;
}
.etiqueta {
color: white;
font-weight: 600;
font-size: 18px;
text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
/* Ocultar los iconos extra */
.icono-link.hidden {
display: none;
}
/* Estilo para el botón "Más" */
.icono-link.more-button .icono-burbuja {
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 15px;
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
box-sizing: border-box;
overflow: hidden;
}
.icono-link.more-button {
grid-column: span 1;
grid-row: span 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
text-decoration: none;
}
.icono-link.more-button .icono-texto-debajo {
visibility: hidden;
height: 3.6em;
line-height: 1.2;
font-size: 10px;
margin: 0;
padding: 0 4px;
}
.icono-imagen {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 15px;
}
.icono-burbuja.con-imagen {
padding: 0;
background-color: transparent;
}
.icono-link:hover .icono-texto-debajo {
color: #FFFFFF;
text-decoration: none;
}
.icono-texto-debajo {
font-size: 11px;
color: #FFFFFF;
text-align: center;
font-weight: 400;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 1.3;
margin: 0;
padding: 0 4px;
}
.icono-link-large {
grid-column: span 2;
grid-row: span 2;
}
.icono-link-small {
grid-column: span 1;
grid-row: span 1;
}
.icono-link-large .icono-texto-debajo {
width: 100%;
font-size: 12px;
height: 1.5em; /* Solo 1 línea para iconos grandes */
-webkit-line-clamp: 1; /* Limita a 1 línea */
}
.icono-link-small .icono-texto-debajo {
width: 100%;
font-size: 10px;
line-height: 1.2;
height: 3.6em; /* Espacio para 3 líneas en iconos peque?os */
-webkit-line-clamp: 3; /* Limita a 3 líneas */
}
.icono-link-large .icono-texto {
font-size: 12px;
}
/* Contenido para el modo de selección */
#selection-bar-wrapper {
background-color: #1c1c1e;
padding: 10px 20px;
position: sticky;
top: 80px;
z-index: 999;
border-bottom: 1px solid #333;
}
#selection-bar {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
#selection-buttons {
display: flex;
align-items: center;
gap: 10px;
}
#right-buttons-container {
display: flex;
align-items: center;
gap: 15px;
margin-left: auto;
}
/* Boton para volver a la anterior interfaz */
#back-button-container {
display: flex;
align-items: center;
}
#back-to-netflix {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
color: white;
padding: 8px 16px;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
transition: all 0.3s ease;
backdrop-filter: blur(10px);
}
#back-to-netflix:hover {
background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.3);
transform: translateX(-2px);
}
/* Estilos para el input de búsqueda */
#module-search-input {
background-color: #3a3a3c;
color: white;
border: 1px solid #555;
border-radius: 8px;
padding: 8px 12px;
font-size: 14px;
width: 250px;
outline: none;
}
#module-search-input::placeholder {
color: #999;
}
.icono-link.oculto-por-busqueda {
display: none;
}
body.search-is-active .etiqueta,
body.search-is-active .more-button {
display: none;
}
body.search-is-active #burbuja-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-auto-flow: row dense;
gap: 18px;
align-items: start;
}
body.search-is-active .widget-contenedor {
display: contents;
width: auto;
gap: 0;
}
body.search-is-active .burbuja {
display: contents;
}
body.search-is-active .widget-contenedor.oculto-por-busqueda {
display: none;
}
body.search-is-active .icono-link-large,
body.search-is-active .icono-link-small {
grid-column: span 1 !important;
grid-row: span 1 !important;
}
body.search-is-active .icono-texto-debajo {
-webkit-line-clamp: 1;
height: 1.4em;
font-size: 11px;
}
/* Estilos de los botones y dropdown */
#select-mode-button,
#apply-action-button {
background-color: #007aff;
color: white;
border: none;
padding: 8px 16px;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
#actions-dropdown {
font-size: 14px;
padding: 8px;
border-radius: 8px;
border: 1px solid #555;
background-color: #333;
color: white;
}
/* El checkbox sobre el icono */
.icon-checkbox-wrapper {
position: absolute;
top: 6px;
right: 6px;
z-index: 5;
/* Oculto por defecto */
display: none;
transform: scale(0.5);
opacity: 0;
transition: all 0.2s ease;
}
.icon-checkbox {
width: 20px;
height: 20px;
cursor: pointer;
}
/* Cuando el modo selección está activo */
body.selection-mode-active .icon-checkbox-wrapper {
display: block;
transform: scale(1);
opacity: 1;
}
/* Deshabilita el popup cuando estamos en modo selección */
body.selection-mode-active .icono-link {
pointer-events: none; /* Bloquea el 'onclick' de abrir el popup */
}
body.selection-mode-active .icon-checkbox {
pointer-events: all;
}
@media screen and (max-width: 580px) {
#titulo_cabecera
{
font-size:22px;
color:#eaa840;
}
#titulo_cabecera_des
{
background-color: #eaa841;
font-size: 9px;
color: #fff;
font-weight: 400;
padding: 3px 1px 3px 8px;
margin: 0;
}
#tablecontenedor25,#tablecontenedor30,#tablecontenedor33,#tablecontenedor40,#tablecontenedor50,#tablecontenedor60,#tablecontenedor70 { width:50%; margin-bottom:10px;padding-left:8px; }
#tabla_no_responsive
{
display: table;
white-space:normal;
border-collapse:separate;
}
#tabla_no_responsive td
{
display: table-cell;
white-space:normal;
border-collapse:separate;
}
.tabla_no_responsive
{
display: table;
white-space:normal;
border-collapse:separate;
}
.tabla_no_responsive td
{
display: table-cell;
white-space:normal;
border-collapse:separate;
}
table th {
/* display: none; */
}
table td {
display: block;
text-align: left !important;
align: left !important;
height:auto;
min-height:20px !important;
valign:middle !important;
position: relative;
padding-bottom:5px !important;
}
/*
table tr {
display: block;
text-align: left !important;
align: left !important;
padding-bottom:5px !important;
}
*/
table tr
{
border-bottom: 3px solid #ddd;
}
.gridbackground1{
height:auto;
}
.gridbackground2{
height:auto;
}
.gridbackground3{
height:auto;
}
.cabecera_grilla{
height:auto;
}
.fila_grilla{
height:auto;
background:none;
border-bottom: 3px solid #ddd;
}
#tablaresponsiva {
border: 0;
}
#tablaresponsiva thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#tablaresponsiva thead th {
border-bottom: 3px solid #ddd;
display: block;
margin-bottom: .625em;
}
#tablaresponsiva tr {
border-bottom: 3px solid #ddd;
display: block;
margin-bottom: .625em;
}
#tablaresponsiva td {
border-bottom: 1px solid #ddd;
display: block;
text-align: right;
}
#tablaresponsiva td:before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
#tablaresponsiva td:last-child {
border-bottom: 0;
}
}