/* Contenedor responsivo con relación de aspecto */ .chatbot-embed { width: 100%; max-width: 100%; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; /* Mantén una altura mínima cómoda y relación de aspecto adaptable */ min-height: 500px; aspect-ratio: 9 / 16; /* Cambia a 16/9 si lo usas ancho */ } /* Fallback si el navegador no soporta aspect-ratio */ @supports not (aspect-ratio: 1 / 1) { .chatbot-embed { position: relative; padding-top: 177.77%; /* 16:9 = 56.25%, 9:16 = 177.77% */ height: 0; } .chatbot-embed > iframe { position: absolute; inset: 0; width: 100%; height: 100%; } } /* Ajuste opcional para pantallas grandes */ @media (min-width: 992px) { .chatbot-embed { aspect-ratio: 16 / 9; } }